:root{--primary:#0a1931;--secondary:#185adb;--accent:#ffd700;--bg-900:#030712;--bg-800:#0f172a;--bg-700:#1e293b;--text-50:#f8fafc;--text-300:#cbd5e1;--text-400:#94a3b8;--border:#334155;--tierS:#dc2626;--tierS-light:#ef4444;--tierE:#2563eb;--tierE-light:#3b82f6;--tierA:#16a34a;--tierA-light:#22c55e;--success-color:#10b981;--font:"Inter",system-ui,sans-serif;--r-md:8px;--r-lg:12px;--r-xl:16px;--shadow-card:0 4px 6px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.08);--glow-sec:0 0 20px rgba(24,90,219,.45);--glow-acc:0 0 18px rgba(255,215,0,.35);--t-normal:.25s cubic-bezier(.4,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-900);color:var(--text-50);line-height:1.6}.nav-bar{position:fixed;top:0;left:0;width:100%;z-index:999;backdrop-filter:blur(12px);background:rgba(10,25,49,.6);display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:8px 16px;border-bottom:1px solid var(--border)}.nav-btn{padding:6px 14px;border-radius:999px;font-size:.8rem;color:var(--text-300);border:1px solid transparent;cursor:pointer;transition:all var(--t-normal);background:none}.nav-btn.active,.nav-btn:hover{border-color:var(--secondary);color:var(--accent);box-shadow:var(--glow-sec)}.container{max-width:1600px;margin:80px auto 0;padding:48px 32px}.section{margin-bottom:72px;opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.section.visible{opacity:1;transform:none}.section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;display:flex;align-items:center;gap:16px;margin-bottom:18px;justify-content:center;text-align:center}.section-sub{font-size:clamp(.95rem,2vw,1.05rem);color:var(--text-400);max-width:880px;margin-bottom:24px;margin-left:auto;margin-right:auto;text-align:center}svg.icon{width:36px;height:36px;flex-shrink:0;color:var(--accent)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:48px}.card{background:var(--bg-800);border:1px solid var(--border);border-radius:var(--r-lg);padding:26px;transition:all var(--t-normal);box-shadow:var(--shadow-card);display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);border-color:var(--secondary);box-shadow:var(--glow-sec)}.card-icon{color:var(--accent);margin-bottom:16px}.card-icon svg{width:32px;height:32px}.card h3{font-size:1.15rem;margin-bottom:8px}.card ul{list-style:none;padding-left:0;margin-top:8px}.card li{font-size:.9rem;color:var(--text-300);line-height:1.7;margin-bottom:4px}.governance-container{display:flex;flex-direction:column;gap:32px}.governance-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;background-color:rgba(15,23,42,.5);padding:24px;border-radius:var(--r-xl);border:1px solid var(--border)}.flow-entity{text-align:center;flex:1;min-width:200px;padding:16px;background:var(--bg-800);border-radius:var(--r-lg);border:1px solid var(--border);transition:all var(--t-normal);display:flex;flex-direction:column;min-height:150px}.flow-entity:hover{transform:scale(1.03)}.flow-entity-icon{font-size:2rem;margin-bottom:8px}.flow-entity h4{font-size:1rem;color:var(--text-50);margin-bottom:4px}.flow-entity p{font-size:.8rem;color:var(--text-400);flex-grow:1;display:flex;align-items:center;justify-content:center}.flow-arrow{font-size:2rem;color:var(--accent);flex-shrink:0;margin:0 8px}.gov-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}.gov-card{background:var(--bg-800);border:1px solid var(--border);padding:24px;border-radius:var(--r-lg)}.gov-card h3{font-size:1.25rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}.gov-card ul{list-style:none}.gov-card li{font-size:.9rem;padding:8px 0;display:flex;gap:10px;align-items:flex-start}.gov-card li svg{color:var(--accent);width:16px;height:16px;flex-shrink:0}.macro{background:var(--bg-800);border:1px solid var(--border);padding:24px;border-radius:var(--r-xl);margin-bottom:24px}.macro-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--secondary);display:flex;align-items:center;gap:12px;margin-bottom:24px}.macro-title span{background:var(--secondary);color:#fff;padding:4px 8px;border-radius:var(--r-md);font-weight:800}.phases{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.phase{background:var(--bg-700);border:1px solid var(--border);padding:20px;border-radius:var(--r-lg);transition:all var(--t-normal);display:flex;flex-direction:column}.phase:hover{transform:translateY(-4px);border-color:var(--accent)}.ph-h{gap:12px;margin-bottom:10px}.num,.ph-h{display:flex;align-items:center}.num{width:32px;height:32px;border-radius:50%;background:var(--border);justify-content:center;font-weight:700;flex-shrink:0}.ph-h h4{font-size:1.05rem;font-weight:600}.princ{font-size:.78rem;font-style:italic;color:var(--text-400);margin-bottom:10px}.desc{font-size:.9rem;color:var(--text-300);margin-bottom:16px;flex-grow:1}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tag{background:var(--border);color:var(--text-50);padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:500}.governance-overlay-container{background:var(--bg-800);border:2px solid var(--secondary);border-radius:var(--r-xl);padding:32px;margin:48px 0;position:relative;overflow:hidden}.governance-overlay-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:slide 3s linear infinite}@keyframes slide{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.governance-title{font-size:1.25rem;font-weight:700;text-align:center;margin-bottom:16px;color:var(--text-50)}.governance-hero-text{font-size:.95rem;color:var(--text-300);text-align:center;max-width:760px;margin:0 auto 32px;line-height:1.6}.overlay-stages{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.overlay-stage{flex:1;min-width:180px;text-align:center;position:relative}.stage-icon{font-size:2.5rem;margin-bottom:12px;display:block}.stage-title{font-size:.95rem;font-weight:600;color:var(--text-50);margin-bottom:8px}.stage-desc{font-size:.8rem;color:var(--text-300);line-height:1.4}.stage-connector{position:absolute;top:30%;right:-20px;color:var(--accent);font-size:1.5rem;opacity:.5}.overlay-stage:last-child .stage-connector{display:none}.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}.tier{border:2px solid;border-radius:var(--r-xl);padding:32px;transition:all var(--t-normal);display:flex;flex-direction:column}.tier:hover{transform:translateY(-6px);box-shadow:0 10px 28px rgba(0,0,0,.3)}.tierS{border-color:var(--tierS);background:radial-gradient(circle at top,#450a0a,var(--bg-900))}.tierS:hover{box-shadow:0 0 25px rgba(220,38,38,.4)}.tierE{border-color:var(--tierE);background:radial-gradient(circle at top,#1e3a8a,var(--bg-900))}.tierE:hover{box-shadow:0 0 25px rgba(37,99,235,.4)}.tierA{border-color:var(--tierA);background:radial-gradient(circle at top,#14532d,var(--bg-900))}.tierA:hover{box-shadow:0 0 25px rgba(22,163,74,.4)}.tier-header{display:flex;gap:14px;align-items:center;margin-bottom:8px}.tier-title{font-size:1.45rem;font-weight:700}.tier-sub{font-size:.9rem;color:var(--text-300);font-weight:500}.tier h4{font-size:1rem;margin-top:22px;padding-bottom:8px;border-bottom:1px solid var(--border)}.specs{list-style:none;margin-top:14px;flex-grow:1}.specs li{display:flex;gap:10px;font-size:.93rem;padding:9px 0;align-items:flex-start}.spec-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}.tierS .spec-icon{color:var(--tierS-light)}.tierE .spec-icon{color:var(--tierE-light)}.tierA .spec-icon{color:var(--tierA-light)}.specs strong{color:var(--text-50)}.infra-grid{display:grid;grid-template-areas:"hub hub""capabilities capabilities""node1 node2""node3 node3""detail detail";grid-template-columns:1fr 1fr;gap:24px}.infra-hub{grid-area:hub}.infra-node1{grid-area:node1}.infra-node2{grid-area:node2}.infra-node3{grid-area:node3}.infra-capabilities{grid-area:capabilities}.infra-detail{grid-area:detail}.infra-card{background:var(--bg-800);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px}.infra-head{display:flex;gap:16px;align-items:center;margin-bottom:16px}.infra-head svg{width:32px;height:32px;color:var(--accent);flex-shrink:0}.infra-card h3{font-weight:700;font-size:1.25rem}.infra-card h4{font-weight:700;font-size:1.1rem}.infra-card li,.infra-card p{font-size:.9rem;color:var(--text-300)}.infra-list{list-style:none;margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.infra-list li b{color:var(--accent);display:block;font-size:.8rem;margin-bottom:4px}.infra-list li{background:var(--bg-700);padding:12px;border-radius:var(--r-md)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:24px}.detail{background:var(--bg-700);text-align:center;padding:16px;border-radius:var(--r-lg)}.detail h5{font-size:.8rem;text-transform:uppercase;color:var(--text-400);margin-bottom:6px}.detail p{font-size:1.1rem;font-weight:600}[data-tip]{position:relative;cursor:help;border-bottom:1px dotted var(--accent);display:inline}.infra-list span.org-name{color:var(--text-50)!important}.infra-list span.org-name,.org-name{font-weight:700;text-decoration:underline;text-decoration-color:var(--accent)}.org-name{color:var(--text-50)}.tooltip-content{display:none;bottom:calc(100% + 10px);background:var(--text-50);color:var(--primary);font-size:.8rem;font-weight:500;padding:8px 12px;border-radius:var(--r-md);box-shadow:0 8px 16px rgba(0,0,0,.5);white-space:normal;width:max-content;max-width:320px;z-index:1000;pointer-events:none}.tooltip-content,.tooltip-content:after{position:absolute;left:50%;transform:translateX(-50%)}.tooltip-content:after{content:"";top:100%;border:6px solid transparent;border-top:6px solid var(--text-50)}.tooltip-visible{display:block!important}.tooltip-align-left{left:0;transform:none}.tooltip-align-left:after{left:20px;transform:none}.tooltip-align-right{left:auto;right:0;transform:none}.tooltip-align-right:after{left:auto;right:20px;transform:none}footer{text-align:center;padding:56px 32px 32px;font-size:.85rem;color:var(--text-400);border-top:1px solid var(--border);margin-top:72px}.logo{font-size:2rem;color:var(--accent);margin-bottom:16px}.footer-note{margin-top:24px;font-style:italic;font-size:.8rem;opacity:.7}@media(max-width:900px){.infra-grid{grid-template-columns:1fr;grid-template-areas:"hub""capabilities""node1""node2""node3""detail"}.flow-arrow{display:none}.governance-flow{flex-direction:column}.overlay-stages{justify-content:center}.stage-connector{display:none}}@keyframes rainbow{0%{filter:hue-rotate(0)}to{filter:hue-rotate(1turn)}}