/* monopole.systems - Corporate Infrastructure */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;font-weight:400;font-size:1rem;line-height:1.75;color:#3A4050;background:#F8FAFC;overflow-x:hidden}
.bg-grid{position:fixed;inset:0;background:linear-gradient(rgba(40,104,200,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(40,104,200,0.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}
.sys-section{position:relative;z-index:1;padding:6vh 2rem}
#identity{min-height:80vh;display:flex;align-items:center}
.sys-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem;max-width:1100px;margin:0 auto}
.sys-panel{grid-column:span 12;background:rgba(248,250,252,0.9);backdrop-filter:blur(4px);border:1px solid #E8ECF0;border-radius:8px;padding:2.5rem}
.identity-panel{text-align:left;border:none;background:transparent;backdrop-filter:none}
.sys-hero{font-family:'DM Sans',sans-serif;font-weight:700;font-size:clamp(1.75rem,3.5vw,3rem);color:#1A2030;margin-bottom:0.5rem}
.sys-tagline{font-family:'JetBrains Mono',monospace;font-weight:400;font-size:0.8125rem;color:#6B7B90;letter-spacing:0.02em}
.panel-tag{font-family:'JetBrains Mono',monospace;font-weight:500;font-size:0.6875rem;color:#6B7B90;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0.75rem;display:block}
.sys-panel h2{font-weight:700;font-size:1.5rem;color:#1A2030;margin-bottom:0.75rem}
.sys-panel p{color:#3A4050;font-size:0.9375rem}
.panel-layer-1{grid-column:1/13}
.panel-layer-2{grid-column:1/7}
.panel-layer-3{grid-column:7/13}
/* Skeleton loading */
[data-skeleton]{position:relative;opacity:0;transition:opacity 0.4s ease}
[data-skeleton].loaded{opacity:1}
[data-skeleton]::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#E8ECF0 25%,#F0F2F4 50%,#E8ECF0 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:8px;z-index:2;transition:opacity 0.3s ease}
[data-skeleton].loaded::before{opacity:0;pointer-events:none}
@keyframes skeletonShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.modules-grid{gap:1.25rem}
.module-card{grid-column:span 3;background:rgba(248,250,252,0.9);backdrop-filter:blur(4px);border:1px solid #E8ECF0;border-radius:8px;padding:2rem}
.module-code{font-family:'JetBrains Mono',monospace;font-weight:500;font-size:0.6875rem;color:#2868C8;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.5rem;display:block}
.module-card h3{font-weight:700;font-size:1.125rem;color:#1A2030;margin-bottom:0.5rem}
.module-card p{font-size:0.875rem;color:#6B7B90}
.status-panel{grid-column:1/13;background:rgba(248,250,252,0.9);backdrop-filter:blur(4px);border:1px solid #E8ECF0;border-radius:8px;padding:2.5rem}
.status-row{display:flex;justify-content:space-between;padding:0.75rem 0;border-bottom:1px solid #E8ECF0}
.status-row:last-child{border-bottom:none}
.status-key{font-family:'JetBrains Mono',monospace;font-weight:400;font-size:0.8125rem;color:#6B7B90}
.status-val{font-weight:500;font-size:0.9375rem;color:#1A2030}
.status-active{color:#2868C8}
@media(max-width:768px){.panel-layer-2,.panel-layer-3,.module-card{grid-column:span 12}}