/* The original SoulGCI.ai stylesheet is loaded first. These rules adapt its
   layout for the corporate directory while preserving its theme and identity. */
:root { --portal-width:1200px; }
html { scroll-padding-top:100px; }
body { min-width:280px; }
button,input { font:inherit; }
button,a,input { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
[hidden] { display:none !important; }
.skip-link { position:fixed;left:16px;top:-80px;z-index:100;padding:10px 18px;background:var(--pill-bg);color:var(--pill-fg);border-radius:24px; }
.skip-link:focus { top:12px; }
.header { border-bottom-color:var(--line); }
.header-in { min-height:84px;gap:24px; }
.portal-brand { display:flex;align-items:center;gap:15px;flex-shrink:0;text-decoration:none; }
.portal-brand img { width:48px;height:48px;object-fit:contain; }
.brand-name { display:block;font-size:23px;font-weight:750;letter-spacing:-.035em;line-height:1.12; }
.brand-caption { display:block;color:var(--muted);font-size:12px;letter-spacing:.05em;line-height:1.5;margin-top:5px; }
.theme-logo-dark { display:none; }
[data-theme="dark"] .theme-logo-light { display:none; }
[data-theme="dark"] .theme-logo-dark { display:block; }
.portal-nav { display:flex;align-items:center;gap:24px;margin-left:auto; }
.portal-nav a { font-size:14px;text-decoration:none;color:var(--muted); }
.portal-nav a:hover { color:var(--text); }
.header-actions { display:flex;gap:10px;align-items:center; }
.language-switch { display:flex;align-items:center;padding:3px;border:1px solid var(--line-strong);border-radius:999px;gap:2px;flex-shrink:0; }
.language-switch a { display:flex;align-items:center;justify-content:center;min-width:30px;min-height:32px;padding:3px 5px;text-decoration:none;font-size:12px;font-weight:600;border-radius:999px;color:var(--muted); }
.language-switch a[aria-current="page"] { background:var(--pill-bg);color:var(--pill-fg); }
.header .btn { display:inline-flex;white-space:nowrap;font-size:14px;padding:10px 19px; }
.theme-switch { height:42px;width:42px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer;flex-shrink:0; }
.theme-switch svg { width:18px;height:18px; }
.theme-switch .sun { display:none; }
[data-theme="dark"] .theme-switch .moon { display:none; }
[data-theme="dark"] .theme-switch .sun { display:block; }
.portal-hero { padding:64px 0 62px; }
.hero-layout { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center; }
.company-line { font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12px;letter-spacing:.075em;color:var(--muted);margin:0 0 24px; }
.hero-copy h1 { text-align:left;margin:0;max-width:13ch;font-size:clamp(36px,4.7vw,61px);line-height:1.06;letter-spacing:-.022em;font-weight:760; }
.hero-copy h1 span { display:block; }
.intro { color:var(--muted);font-size:18px;line-height:1.6;margin:24px 0 0;max-width:49ch; }
.hero-links { display:flex;flex-wrap:wrap;gap:18px;margin-top:23px; }
.text-link { font-size:14px;text-underline-offset:5px;text-decoration-thickness:1px; }
.hero-note { font-size:13px;color:var(--muted);margin-top:28px; }
.access-panel { border:1px solid var(--line-strong);border-radius:22px;background:var(--surface);padding:30px;box-shadow:var(--shadow); }
.access-top { display:flex;align-items:center;justify-content:space-between;margin-bottom:24px; }
.access-icon { width:48px;height:48px;background:var(--chip-bg);border:1px solid var(--line);border-radius:14px;display:grid;place-items:center; }
.access-icon svg { width:23px;height:23px; }
.access-label { font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:12px;letter-spacing:.09em;color:var(--muted); }
.access-panel h2 { font-size:29px;line-height:1.15;letter-spacing:-.025em;max-width:none;margin:0 0 10px; }
.access-description { color:var(--muted);font-size:16px;line-height:1.5;margin:0 0 25px; }
.login-button { display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:55px;font-size:16px;padding:13px 17px;text-align:center; }
.login-button svg { width:18px;height:18px;flex-shrink:0; }
.role-label { display:block;font-size:13px;color:var(--muted);margin-top:24px;margin-bottom:10px; }
.roles { list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:0; }
.roles li { border:1px solid var(--line);background:var(--bg-soft);border-radius:999px;padding:5px 10px;font-size:13px;color:var(--muted); }
.access-bottom { display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:22px;font-size:13px;color:var(--muted); }
.access-bottom a { text-underline-offset:4px; }
.quick-bar { border-block:1px solid var(--line);background:var(--bg-soft); }
.quick-inner { display:flex;align-items:center;flex-wrap:wrap;gap:10px 28px;padding-block:17px; }
.quick-label { color:var(--muted);font-size:12px;font-family:ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.08em;margin-right:8px; }
.quick-inner a { text-decoration:none;font-size:14px;font-weight:600; }
.quick-inner a:hover { text-decoration:underline;text-underline-offset:5px; }
.directory { padding:62px 0 72px; }
.section-heading { display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px; }
.section-heading h2 { font-size:clamp(29px,3.5vw,40px);margin-bottom:10px;max-width:none; }
.eyebrow { color:var(--muted);font-size:12px;margin-bottom:12px; }
.section-heading p:last-child { margin:0;color:var(--muted);font-size:16px;max-width:60ch; }
.searchbox { display:flex;align-items:center;gap:10px;border:1px solid var(--line-strong);border-radius:999px;padding:12px 16px;min-width:265px;background:var(--surface); }
.searchbox svg { width:17px;height:17px;color:var(--muted);flex-shrink:0; }
.searchbox input { min-width:0;width:100%;border:0;background:transparent;color:var(--text);font-size:15px;outline:none; }
.searchbox:focus-within { outline:3px solid var(--accent);outline-offset:3px; }
.searchbox input:focus-visible { outline:none; }
.searchbox input::placeholder { color:var(--muted);opacity:1; }
.directory-toolbar { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 25px; }
.filters { display:flex;gap:8px;flex-wrap:wrap; }
.filter { padding:8px 15px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--muted);font-size:14px;cursor:pointer; }
.filter[aria-pressed="true"] { background:var(--pill-bg);color:var(--pill-fg);border-color:var(--pill-bg); }
.result-count { white-space:nowrap;color:var(--muted);font-size:13px; }
.project-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }
.project-card { display:flex;flex-direction:column;padding:23px;scroll-margin-top:100px; }
.project-meta { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:28px; }
.project-code { font-size:13px;font-family:ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.04em; }
.project-category { color:var(--muted);font-size:12px; }
.project-card h3 { font-size:21px;line-height:1.2;font-weight:680;margin:0 0 12px;letter-spacing:-.025em; }
.project-card p { font-size:15px;line-height:1.55;min-height:4.6em; }
.project-links { border-top:1px solid var(--line);margin-top:23px;padding-top:15px;display:flex;flex-direction:column;gap:8px; }
.project-card .project-links { margin-top:auto;padding-top:16px; }
.project-copy { margin-bottom:23px; }
.project-links a { display:flex;align-items:baseline;justify-content:space-between;gap:10px;text-decoration:none;font-size:14px;font-weight:550;overflow-wrap:anywhere; }
.project-links a:hover { text-decoration:underline;text-underline-offset:4px; }
.project-links a span:last-child { color:var(--muted);flex-shrink:0; }
.project-links .sub-link { font-size:13px;font-weight:400;color:var(--muted); }
.pending-destination { color:var(--muted);font-size:13px;line-height:1.5; }
.empty-state { padding:50px 25px;text-align:center;border:1px solid var(--line);border-radius:18px; }
.empty-state h3 { font-size:21px;margin:0 0 10px; }
.empty-state p { color:var(--muted);margin:0 0 18px; }
.directory-note { font-size:13px;color:var(--muted);max-width:95ch;margin:22px 0 0; }
.group-section { padding:62px 0;background:var(--bg-soft);border-block:1px solid var(--line); }
.group-heading { display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px; }
.group-heading h2 { max-width:none;margin:0 0 10px;font-size:34px; }
.group-heading p { margin:0;color:var(--muted);font-size:16px;max-width:68ch; }
.group-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }
.group-card { padding:22px; }
.group-card h3 { font-size:18px; }
.group-card p { font-size:14px;margin:10px 0 18px; }
.group-card a { text-decoration:none;overflow-wrap:anywhere;font-size:14px; }
.group-card a:hover { text-decoration:underline;text-underline-offset:4px; }
.group-domains { display:flex;flex-wrap:wrap;gap:8px 14px; }
.company-section { padding:62px 0; }
.company-layout { display:grid;grid-template-columns:1fr 1fr;gap:64px; }
.company-layout h2 { max-width:none;font-size:30px;line-height:1.14;letter-spacing:-.02em; }
.company-copy { color:var(--muted);font-size:16px;line-height:1.6; }
.company-data { margin:0; }
.company-data div { padding:13px 0;display:grid;grid-template-columns:120px 1fr;border-bottom:1px solid var(--line);gap:18px;font-size:14px; }
.company-data dt { color:var(--muted); }
.company-data dd { margin:0;overflow-wrap:anywhere; }
.portal-footer { border-top:1px solid var(--line);padding:24px 0; }
.footer-layout { display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px; }
.footer-wordmark { font-size:19px;font-weight:750;letter-spacing:-.04em; }
.footer-copy { color:var(--muted);font-size:12px;margin-left:12px; }
.footer-links { display:flex;flex-wrap:wrap;gap:18px;font-size:13px; }
.footer-links a { text-decoration:none; }
.footer-links a:hover { text-decoration:underline;text-underline-offset:4px; }
.login-dialog { border:1px solid var(--line-strong);border-radius:22px;padding:32px;background:var(--surface);color:var(--text);width:min(480px,calc(100% - 32px));box-shadow:var(--shadow); }
.login-dialog::backdrop { background:rgba(0,0,0,.5);backdrop-filter:blur(5px); }
.dialog-top { display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px; }
.dialog-top img { width:56px;height:56px; }
.dialog-close { border:1px solid var(--line);border-radius:50%;width:38px;height:38px;background:var(--surface);color:var(--text);cursor:pointer;display:grid;place-items:center; }
.dialog-close svg { width:18px;height:18px; }
.login-dialog h2 { max-width:none;font-size:29px;margin-bottom:12px; }
.dialog-company { font-size:12px;letter-spacing:.06em;margin:0 0 22px;color:var(--muted); }
.auth-status { background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:18px;margin:20px 0; }
.auth-status strong { display:block;font-size:16px;margin-bottom:7px; }
.auth-status p { margin:0;color:var(--muted);font-size:15px;line-height:1.55; }
.dialog-note { color:var(--muted);font-size:13px;line-height:1.6;margin:20px 0 0; }
.demo-form { display:flex;flex-direction:column;gap:18px;margin-top:24px; }
.login-field { display:flex;flex-direction:column;gap:8px; }
.login-field label { font-size:14px;font-weight:600; }
.login-field input { min-height:50px;width:100%;border:1px solid var(--line-strong);border-radius:12px;padding:12px 14px;background:var(--bg);color:var(--text);font-size:16px;line-height:1.4; }
.login-field input::placeholder { color:var(--faint);opacity:1; }
.login-field input[aria-invalid="true"] { border-color:var(--crit); }
.login-error { margin:0;padding:12px 14px;border:1px solid var(--crit);border-radius:12px;background:var(--crit-bg);color:var(--crit);font-size:14px;line-height:1.5; }
.demo-form .login-button:disabled { opacity:.5;cursor:not-allowed; }
.login-help { display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px;font-size:13px;color:var(--muted); }
.login-help a { text-underline-offset:4px; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
@media(min-width:1100px) { .header-in { padding-inline:40px; } }
@media(max-width:1050px) { .portal-nav { display:none; }.header-actions{margin-left:auto}.hero-layout{gap:35px}.hero-copy h1{font-size:48px}.access-panel{padding:25px}.section-heading{align-items:start;flex-direction:column}.searchbox{width:min(420px,100%)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:700px) { .header-in{min-height:76px;gap:10px;padding-inline:18px}.portal-brand{gap:9px}.portal-brand img{width:36px;height:36px}.brand-name{font-size:21px}.brand-caption{font-size:10px;max-width:150px;letter-spacing:0}.header .btn{padding:9px 14px;font-size:13px}.theme-switch{width:36px;height:36px}.header-actions{gap:7px}.portal-hero{padding:30px 0 34px}.hero-layout{grid-template-columns:1fr;gap:26px}.hero-copy{display:contents}.hero-copy .company-line{grid-row:1;margin:0;font-size:11px}.hero-copy h1{grid-row:2;font-size:clamp(34px,8.5vw,49px);max-width:18ch;margin-top:-10px}.access-panel{grid-row:3}.intro{grid-row:4;margin:0;font-size:16px}.hero-links{grid-row:5;margin:0}.hero-note{display:none}.access-panel{padding:22px}.access-top{margin-bottom:17px}.access-icon{width:38px;height:38px;border-radius:11px}.access-panel h2{font-size:25px}.access-description{font-size:15px;margin-bottom:19px}.access-label{font-size:11px}.roles li{font-size:12px}.role-label{margin-top:18px;font-size:12px}.access-bottom{margin-top:18px;padding-top:15px;font-size:12px}.quick-inner{gap:12px 21px;padding-block:17px}.quick-label{width:100%;font-size:11px}.quick-inner a{font-size:13px}.directory{padding:39px 0 45px}.section-heading h2{font-size:32px}.section-heading p:last-child{font-size:15px}.directory-toolbar{align-items:start;flex-direction:column}.result-count{font-size:12px}.project-grid{grid-template-columns:1fr}.project-card{padding:22px}.project-meta{margin-bottom:21px}.project-card p{min-height:0}.project-card h3{font-size:22px}.group-section,.company-section{padding:42px 0}.group-grid{grid-template-columns:1fr}.group-heading{align-items:start;flex-direction:column}.group-heading h2{font-size:29px}.group-heading p{font-size:15px}.company-layout{grid-template-columns:1fr;gap:24px}.company-layout h2{font-size:28px}.company-data div{grid-template-columns:96px 1fr;font-size:13px;gap:12px}.footer-copy{display:block;margin:5px 0 0}.footer-links{gap:12px}.login-dialog{padding:25px}.login-dialog h2{font-size:25px} }
@media(max-width:370px) { .portal-brand img{display:none!important}.brand-caption{font-size:9px;max-width:142px}.header-in{padding-inline:15px}.header .btn{padding-inline:11px}.hero-layout{gap:21px}.access-panel{padding:20px}.access-panel h2{font-size:23px}.login-button{font-size:14px}.access-bottom{align-items:start;flex-direction:column;gap:8px} }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important;transition:none!important;animation:none!important; }.card:hover{transform:none} }
@media(max-width:700px) { .portal-brand img,.brand-caption { display:none!important; }.header-in{gap:8px}.header-actions{gap:6px}.language-switch{padding:2px;gap:0}.language-switch a{min-width:25px;min-height:29px;font-size:11px;padding:2px 4px}.theme-switch{width:32px;height:32px}.brand-name{font-size:20px}.header .btn{font-size:12px;padding:9px 12px}.login-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}.project-category{text-align:right} }
@media(max-width:350px) { .header-in{padding-inline:12px;gap:5px}.header-actions{gap:5px}.header .btn{padding-inline:9px;font-size:11px}.language-switch a{min-width:23px;font-size:10px}.brand-name{font-size:18px}.theme-switch{width:29px;height:29px} }