:root{color-scheme:dark;--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", monospace;--font-body-mono: "IBM Plex Mono", monospace;--bg-primary: #050505;--bg-elevated: rgba(10, 10, 10, .85);--bg-interactive: #171717;--bg-nested: #111111;--bg-code: #0b0b0b;--bg-secondary: var(--bg-elevated);--text-primary: #f5f5f5;--text-secondary: #a1a1a1;--text-muted: #666666;--text-dim: var(--text-secondary);--text-main: var(--text-primary);--border-subtle: #181818;--border-standard: #242424;--border-emphasis: #323232;--border-medium: var(--border-standard);--border-dim: #121212;--border-strong: #2a2a2a;--border-code: #1c1c1c;--accent: #e64439;--accent-soft: rgba(230, 68, 57, .12);--accent-active: #ff5a4f;--accent-muted: rgba(230, 68, 57, .3);--status-success: #3ddc97;--status-warning: #f5a524;--grid-pattern: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);--grid-size: 40px 40px;--landing-gutter: clamp(1.5rem, 4vw, 4rem);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--shadow-soft: 0 8px 24px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans)}.app-root{position:relative;background:var(--bg-primary)}.app-content-layer{position:relative;z-index:1}.app-grid-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px}.app-grid-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.4) 60%,rgba(0,0,0,.85) 100%)}.section-block{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:.85rem}.section-critical{background:#ffffff08;border-color:#ffffff14}.economics-control-band{background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.85rem}.economics-control-kicker{margin:0 0 .28rem;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.micro-signal-row{height:4px;background:var(--bg-nested);overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}strong{color:var(--text-primary)}.grok-container{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono)}.grok-main{padding-bottom:2rem;background-image:var(--grid-pattern);background-size:var(--grid-size)}.grok-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem var(--landing-gutter);background:var(--bg-primary);border-bottom:1px solid var(--border-subtle)}.nav-logo{color:var(--text-primary);letter-spacing:.08em;font-size:.88rem}.nav-logo .version{color:var(--text-muted);font-size:.72rem}.nav-actions{display:flex;align-items:center;gap:.5rem}.nav-link{border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;padding:.52rem .72rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.nav-link:hover{border-color:var(--border-emphasis);background:var(--bg-interactive);color:var(--text-primary)}.front-block{margin:1rem var(--landing-gutter) 0;padding:1.5rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft)}.front-section-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle);font-size:.7rem;letter-spacing:.16em;color:var(--text-muted);text-transform:uppercase}.grok-hero{padding:3rem var(--landing-gutter) 2.25rem;border-bottom:1px solid var(--border-subtle);background:transparent}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.main-title .kicker{margin-bottom:.8rem;color:var(--text-muted);letter-spacing:.2em;font-size:.68rem;text-transform:uppercase}.main-title h1{margin:0;color:var(--text-primary);font-family:var(--font-mono);font-weight:800;font-size:clamp(2rem,6vw,4.8rem);letter-spacing:-.04em;line-height:.98;text-transform:uppercase}.main-title .dot{color:var(--accent)}.hero-description{padding:1.25rem 1.25rem 1rem;background:var(--bg-elevated);border-left:1px solid var(--border-subtle)}.hero-description p{margin:0 0 1rem;color:var(--text-dim);font-size:.95rem;line-height:1.5}.hero-buttons{display:flex;flex-wrap:wrap;gap:.6rem}.live-counter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:1rem 0}.live-counter-card{display:flex;flex-direction:column;gap:.3rem;padding:.7rem;background:var(--bg-elevated);border:1px solid var(--border-subtle)}.live-counter-card .label{color:var(--text-muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em}.live-counter-card strong{color:var(--text-primary);font-size:.9rem}.grok-btn-primary,.grok-btn-outline,.secondary-action{border-radius:0;cursor:pointer;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;transition:border-color .15s ease,background .15s ease,color .15s ease}.grok-btn-primary{padding:.8rem 1rem;background:var(--text-primary);border:1px solid var(--text-primary);color:var(--bg-primary);font-weight:700}.grok-btn-primary:hover{background:transparent;border-color:var(--border-emphasis);color:var(--text-primary)}.grok-btn-outline{padding:.8rem 1rem;background:transparent;border:1px solid var(--border-emphasis);color:var(--text-secondary)}.grok-btn-outline:hover{background:var(--bg-interactive);border-color:var(--border-emphasis);color:var(--text-primary)}.secondary-action{padding:.7rem .95rem;background:transparent;border:1px solid var(--border-medium);color:var(--text-dim)}.secondary-action:hover{border-color:var(--border-emphasis);color:var(--text-primary);background:var(--bg-interactive)}.grok-ticker{width:100%;margin:0;padding:.65rem var(--landing-gutter);display:grid;grid-template-columns:auto auto auto minmax(260px,1fr) auto auto;align-items:center;gap:.8rem;background:var(--bg-elevated);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.ticker-item{white-space:nowrap}.ticker-item .dim{color:var(--text-muted)}.marquee-container{overflow:hidden;padding:0 .7rem;background:var(--bg-primary);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle)}.marquee-content{display:inline-flex;gap:1.1rem;animation:grok-marquee 16s linear infinite}.load-indicator{color:var(--accent)}@keyframes grok-marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.grok-content-grid{margin:1rem var(--landing-gutter) 0;min-height:520px;display:grid;grid-template-columns:340px 1fr;background:var(--bg-primary);border:1px solid var(--border-subtle)}.pillars-grid,.badge-row{display:grid;gap:.8rem}.pillars-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.badge-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.pillar-card,.integration-item,.dx-panel,.closing-panel,.trust-badge{background:var(--bg-elevated);border:1px solid var(--border-subtle)}.pillar-card,.integration-item{padding:1.5rem;box-shadow:var(--shadow-soft)}.dx-panel,.closing-panel{padding:1rem}.trust-badge{padding:.8rem;color:var(--text-secondary);font-size:.8rem;line-height:1.5}.pillar-card h3,.dx-panel h3,.integration-tool{color:var(--text-primary)}.pillar-card h3{margin:0 0 .55rem;font-size:.95rem}.pillar-title{display:inline-flex;align-items:center;gap:.5rem}.pillar-icon,.trust-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);border:1px solid var(--border-standard)}.pillar-icon{width:1.3rem;padding:.18rem}.trust-icon{width:1.2rem}.pillar-card p,.dx-panel p,.closing-panel p,.integration-role,.integration-relationship,.integration-note,.content-body p,.content-body li{color:var(--text-secondary);line-height:1.55}.pillar-card p{margin:0 0 .55rem;font-size:.83rem}.pillar-card .feature{color:var(--text-primary)}.integration-stack{display:grid;gap:.75rem}.integration-tool{margin:0 0 .35rem;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.04em}.integration-role,.integration-relationship,.integration-note{margin:0 0 .45rem;font-size:.84rem;line-height:1.45}.integration-note{margin-bottom:0;color:var(--text-muted);font-style:italic}.trust-badge span{margin-right:.35rem}.sidebar{display:flex;flex-direction:column;background:var(--bg-elevated);border-right:1px solid var(--border-subtle)}.sidebar-item{width:100%;padding:.95rem .85rem;border:0;border-bottom:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);text-align:left;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;cursor:pointer;transition:background .15s ease,color .15s ease}.sidebar-item .index{margin-right:.35rem;color:var(--text-muted)}.sidebar-item:hover{background:var(--bg-interactive);color:var(--text-primary)}.sidebar-item.active{background:var(--bg-nested);color:var(--text-primary);border-left:2px solid var(--accent)}.content-display{min-width:0;background:var(--bg-primary)}.content-header{padding:.85rem 1rem;border-bottom:1px solid var(--border-subtle)}.breadcrumb{color:var(--text-muted);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.13em}.content-body{padding:1rem;color:var(--text-primary)}.sidebar-config-group{display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border-subtle)}.sidebar-section{padding:1.1rem 1.25rem}.sidebar-section+.sidebar-section{border-top:1px solid var(--border-dim)}.sidebar-section-header{margin-bottom:.9rem;color:var(--text-muted);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase}.sidebar-section-title{margin-bottom:1rem;color:var(--text-main);font-family:var(--font-mono);font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.sidebar-field-label{display:block;margin-bottom:.35rem;color:var(--text-muted);font-size:.6rem;letter-spacing:.07em;text-transform:uppercase}.sidebar-field-value{color:var(--text-primary);font-size:.85rem}.input-block-container{background:var(--bg-primary);border:1px solid var(--border-subtle)}.input-block-container textarea{width:100%;padding:1rem;background:transparent;border:none;color:var(--text-primary);resize:vertical}.input-block-container textarea:focus{outline:none}.metrics-strip{display:flex;flex-wrap:wrap;gap:1.5rem;padding:.5rem 1rem;background:#090909;border-top:1px solid var(--border-subtle);color:var(--text-dim);font-size:.7rem}.metrics-item strong{margin-left:.3rem;color:var(--text-primary)}.status-bar-locked{width:100%;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border-top:1px solid var(--border-dim)}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.7rem}.vault-header-group{margin-bottom:1rem;background:var(--bg-elevated);border:1px solid var(--border-strong)}.status-summary-bar{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.compliance-pill{margin-left:auto;padding:2px 8px;color:var(--accent);border:1px solid var(--accent-muted);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.filter-action-row{display:flex;flex-wrap:wrap;gap:.5rem;padding:.6rem 1.25rem;background:transparent}.vault-content-area{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-strong)}.empty-state-icon{margin-bottom:1rem;color:var(--text-muted);opacity:.65}.home-accordion-code{margin:0;padding:.9rem;overflow-x:auto;background:var(--bg-code);border:1px solid var(--border-code);color:var(--text-primary);font-family:var(--font-mono);font-size:.76rem;line-height:1.45}.grok-footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.85rem var(--landing-gutter);border-top:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em}.tooltip{background:var(--bg-elevated);border:1px solid var(--border-standard);color:var(--text-primary);box-shadow:0 4px 12px #00000080;transition:border-color .2s ease-in-out}.tooltip:hover{border-color:var(--border-emphasis)}.tooltip-highlight{color:var(--accent)}@media(max-width:1024px){.hero-grid,.grok-content-grid,.pillars-grid,.badge-row,.live-counter-grid{grid-template-columns:1fr}.hero-description{border-left:0;border-top:1px solid var(--border-subtle)}.grok-ticker{grid-template-columns:1fr;gap:.45rem}.marquee-container{padding:0;border-left:0;border-right:0}.grok-footer{flex-direction:column;align-items:flex-start}}