[hidden]{display:none!important} :focus-visible{outline:3px solid #245ee8;outline-offset:4px}.skip-link{position:fixed;top:-80px;left:16px;z-index:1000;background:#fff;padding:12px 20px;border-radius:8px}.skip-link:focus{top:10px}.boot-message{max-width:620px;margin:15vh auto;padding:34px;background:#fff;border-radius:16px;border:1px solid var(--line)}.boot-message p{margin-top:12px;color:var(--muted)}.welcome{min-height:100vh}.welcome-top{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px 36px}.welcome-top .brand{padding:0}.welcome-top .brandname{color:var(--ink)}.welcome-top .brandmark{background:#14253a;color:#72dfc0}.welcome-top .brand-caption{color:var(--muted);font-size:10px;letter-spacing:2px}.welcome-status{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.welcome-wrap{max-width:1320px;margin:auto;padding:12px 36px 40px}.welcome-hero{background:#111f33;border-radius:22px;padding:44px 42px;color:white;display:grid;grid-template-columns:1.3fr 1fr;gap:36px;position:relative;overflow:hidden}.welcome-hero .eyebrow{color:#79dbc1}.welcome-hero h1{font-size:43px;letter-spacing:-1.5px;line-height:1.13;max-width:590px;margin:16px 0 20px}.welcome-hero p{color:#b5c3d5;max-width:540px;font-size:14px;line-height:1.8}.welcome-hero .btn{margin-top:26px}.welcome-hero .secondary{background:#213650;border-color:#39516e;color:#fff}.welcome-hero .btn.teal{background:#72dfc0;color:#0d2c2b}.welcome-map{display:grid;gap:12px;align-content:center}.map-platform,.map-tenant{border:1px solid #3b536d;background:#1a304a;border-radius:12px;padding:17px 20px}.map-platform{display:flex;align-items:center;gap:12px;background:#243f56}.map-platform strong{display:block;font-size:15px}.map-platform small{color:#a9bfd1}.map-glyph{color:#74dbbf;display:grid;place-items:center;background:#1b3145;border-radius:10px;width:38px;height:38px;font-size:28px}.map-stem{height:16px;width:2px;background:#6d8b9d;margin:auto}.map-tenants{display:grid;grid-template-columns:1fr 1fr;gap:12px}.map-tenant strong{display:block;margin:5px 0 8px}.map-tenant small{color:#9dafc4;font-size:11px}.map-tag{font-size:9px;letter-spacing:1.5px;color:#80d6c2}.welcome-note{display:flex;gap:12px;background:#edf2fa;border:1px solid #dce5f0;border-radius:11px;padding:13px 16px;margin:20px 0 26px;font-size:12px;color:#445a75;line-height:1.7}.welcome-note svg{color:#52759c;margin-top:2px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:28px 0 18px}.section-heading h2{font-size:24px}.section-heading p{font-size:12px;color:var(--muted);margin-top:5px}.tenant-picker{display:flex;align-items:center;gap:10px;font-size:12px}.tenant-picker select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 12px;min-width:160px;color:var(--ink)}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.role-card{display:flex;flex-direction:column;text-align:left;min-height:208px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px;transition:transform .15s,border-color .15s,box-shadow .15s;color:var(--ink)}.role-card:hover{transform:translateY(-2px);border-color:#9fb8df;box-shadow:0 8px 24px #1b344510}.role-card.platform-role{background:#e8f6f0;border-color:#c6e5d9}.role-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.role-card .role-icon{height:37px;width:37px;background:#f1f5fb;border-radius:10px;display:grid;place-items:center;color:#3260a3}.role-card.platform-role .role-icon{background:#c9e9dc;color:#166345}.role-card .eyebrow{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.role-card h3{font-size:15px;margin-bottom:7px}.role-card p{font-size:12px;color:var(--muted);line-height:1.65;flex:1}.role-card-foot{display:flex;align-items:center;justify-content:space-between;color:#245ee8;font-size:11px;font-weight:650;margin-top:18px}.role-card-foot svg{width:16px;height:16px}.welcome-footer{margin-top:25px;padding:18px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.scenario-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:12px}.scenario-number{font-size:10px;font-weight:750;letter-spacing:1px;color:var(--muted)}.scenario-card p{font-size:12px;color:var(--muted);line-height:1.7;flex:1}.scenario-card .btn{align-self:flex-start}.storage-info{font-size:11px;line-height:1.7;padding:12px 0 0;color:var(--muted)}.storage-badge{font-size:10px;white-space:nowrap;background:#e8f7f1;color:#087e71;border-radius:6px;padding:4px 7px}.storage-badge.warning{background:#fff1dc;color:#986014}.project-footer-actions{display:flex;gap:8px}.project-home{font-size:17px}.loading-indicator{display:inline-block;width:20px;height:20px;border:2px solid #dce5f0;border-top-color:#245ee8;border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}.demo-strip{flex-wrap:wrap}.demo-strip .storage-badge{margin-left:auto}.demo-strip [data-action]{background:none;padding:0;font-size:11px;text-decoration:underline;color:inherit}.form-grid input,.form-grid textarea{max-width:100%}.top-actions{gap:7px}.topbar{gap:10px}.context select{max-width:245px}.project-layout #main{min-height:70vh}.main:focus{outline:none}.no-ai .ai-entry{display:none}.storage-detail{font-family:ui-monospace,Consolas,monospace;font-size:11px;word-break:break-all;background:#f4f6fa;border-radius:6px;padding:10px}.footer span{max-width:60%}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1450px){.role-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1190px){.context select{max-width:205px}.top-actions .desktop-compact{display:none}.welcome-hero h1{font-size:36px}}
@media(max-width:980px){.welcome-top{padding:22px 22px}.welcome-wrap{padding:6px 22px 28px}.welcome-hero{padding:30px;gap:26px}.welcome-hero h1{font-size:32px}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.context select{max-width:190px}.topbar{padding:14px 16px}.top-actions .tour-label{display:none}.scenario-grid{grid-template-columns:1fr}.scenario-card{padding:19px}.welcome-hero p{font-size:13px}}
@media(max-width:640px){.welcome-top{padding:19px 18px}.welcome-top .brandname{font-size:18px}.welcome-status>span:not(.storage-badge){display:none}.welcome-wrap{padding:0 16px 24px}.welcome-hero{grid-template-columns:1fr;padding:26px 24px;gap:28px;border-radius:16px}.welcome-hero h1{font-size:32px}.welcome-hero .btn{font-size:11px;padding:9px 12px}.welcome-map{gap:8px}.map-platform,.map-tenant{padding:13px 15px}.welcome-note{margin-bottom:22px}.section-heading{align-items:stretch;flex-direction:column;gap:12px}.section-heading h2{font-size:22px}.tenant-picker{justify-content:space-between}.tenant-picker select{flex:1}.role-grid{grid-template-columns:1fr}.role-card{min-height:165px;padding:20px}.welcome-footer{flex-direction:column;align-items:flex-start;gap:14px}.topbar{flex-wrap:wrap}.topbar .context{flex:1;min-width:0}.context select{max-width:100%;width:100%}.context>div{min-width:0}.top-actions{width:100%;justify-content:flex-end;margin-left:auto}.top-actions .tour-label{display:inline}.demo-strip{font-size:10px;padding:10px 16px;line-height:1.6}.demo-strip>span:not(.demo-dot):not(.storage-badge){flex-basis:100%}.demo-strip .storage-badge{margin-left:0}.footer{flex-direction:column;gap:8px}.footer span{max-width:100%}.modal{width:calc(100vw - 24px)}.btn{max-width:100%}.form-grid{grid-template-columns:1fr}.hero h2{font-size:25px}.toast{max-width:calc(100vw - 32px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}