*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--space-black: #000008;--space-deep: #04040f;--accent: #6366f1;--accent-cyan: #06b6d4;--text: #e2e8f0;--text-muted: #64748b;--font-mono: "JetBrains Mono", "Fira Mono", monospace;--font-sans: "Inter", system-ui, sans-serif}html{scroll-behavior:smooth}body{background:var(--space-black);color:var(--text);font-family:var(--font-sans);overflow:hidden;-webkit-font-smoothing:antialiased}.scroll-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:scroll;overflow-x:hidden;scroll-behavior:smooth}.universe-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw!important;height:100vh!important;z-index:0;display:block}.progress-bar{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#6366f1,#06b6d4,#f43f5e);transform-origin:left;z-index:100;transition:transform .05s linear}.hud-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;z-index:90;background:linear-gradient(to bottom,rgba(0,0,8,.7),transparent);pointer-events:none}.hud-logo{font-family:var(--font-mono);font-size:.9rem;font-weight:700;letter-spacing:.1em;color:var(--text);opacity:.85}.hud-status{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.7rem;color:#10b981;opacity:.8}.hud-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}}.overlay-section{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.overlay-section--active{opacity:1;transform:translateY(0);pointer-events:auto}.intro-section{align-items:center;justify-content:center}.intro-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.usine-title{font-size:clamp(4rem,14vw,10rem);font-family:var(--font-mono);font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,#e2e8f0 0%,#6366f1 40%,#06b6d4 70%,#f43f5e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;min-height:1.1em;text-shadow:none}.usine-title:before,.usine-title:after{content:attr(data-glitch);position:absolute;top:0;right:0;bottom:0;left:0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-image:linear-gradient(135deg,#f43f5e,#06b6d4);pointer-events:none}.usine-title:before{animation:glitch1 3.5s infinite;clip-path:polygon(0 20%,100% 20%,100% 45%,0 45%)}.usine-title:after{animation:glitch2 3.5s infinite;clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%)}@keyframes glitch1{0%,90%,to{transform:translate(0);opacity:0}91%{transform:translate(-4px);opacity:.5}92%{transform:translate(4px);opacity:.3}93%{transform:translate(0);opacity:0}}@keyframes glitch2{0%,93%,to{transform:translate(0);opacity:0}94%{transform:translate(3px);opacity:.4}95%{transform:translate(-3px);opacity:.2}96%{transform:translate(0);opacity:0}}.intro-subtitle{font-family:var(--font-mono);font-size:clamp(.75rem,2vw,1rem);color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase}.intro-scroll-hint{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.78rem;color:var(--accent-cyan);animation:float-hint 2s ease-in-out infinite;opacity:.8}.intro-scroll-hint__arrow{font-size:1.1rem;animation:bounce-arrow 2s ease-in-out infinite}@keyframes float-hint{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.intro-badge{position:fixed;bottom:32px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.7rem;color:#10b981;padding:6px 14px;border:1px solid rgba(16,185,129,.3);border-radius:100px;background:rgba(16,185,129,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.intro-badge__dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;animation:pulse-dot 2s ease-in-out infinite}.overview-section{align-items:flex-end;padding-bottom:12vh}.overview-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.section-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.3em;color:var(--accent-cyan);text-transform:uppercase;opacity:.7}.overview-tagline{font-size:clamp(1.1rem,3vw,1.7rem);font-weight:300;color:var(--text);line-height:1.5;text-align:center}.overview-stats{display:flex;gap:40px;margin-top:8px}.stat{text-align:center}.stat__value{font-family:var(--font-mono);font-size:clamp(1.6rem,4vw,2.5rem);font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat__label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;margin-top:2px}.agent-section{align-items:center;justify-content:flex-end;padding-right:6vw}.agent-card{width:min(380px,90vw);background:rgba(4,4,15,.85);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(30px);opacity:0;transition:opacity .55s ease,transform .55s ease;box-shadow:0 0 0 1px #ffffff0a,0 20px 60px #0009,0 0 30px rgba(var(--agent-color),.08)}.agent-card--visible{opacity:1;transform:translate(0)}.agent-card__badge{width:56px;height:56px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 0 20px color-mix(in srgb,var(--agent-color) 40%,transparent)}.agent-card__emoji{font-size:28px}.agent-card__body{display:flex;flex-direction:column;gap:6px}.agent-card__name{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--agent-color)}.agent-card__role{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase}.agent-card__desc{font-size:.9rem;color:var(--text);line-height:1.6;margin-top:8px;opacity:.8}.agent-card__status{display:flex;align-items:center;gap:7px;margin-top:14px;font-family:var(--font-mono);font-size:.65rem;color:#10b981;letter-spacing:.1em}.agent-card__pulse{width:5px;height:5px;border-radius:50%;background:#10b981;box-shadow:0 0 5px #10b981;animation:pulse-dot 2s ease-in-out infinite}.network-section{align-items:flex-end;padding-bottom:8vh}.network-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:900px;padding:0 24px}.network-stats{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.network-stat--sep{opacity:.4}.network-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:4px}.network-node{display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:100px;border:1px solid color-mix(in srgb,var(--nc) 40%,transparent);background:color-mix(in srgb,var(--nc) 8%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);font-size:.72rem;color:var(--nc);transition:transform .2s,box-shadow .2s}.network-node:hover{transform:translateY(-2px);box-shadow:0 4px 16px color-mix(in srgb,var(--nc) 30%,transparent)}.network-node__emoji{font-size:14px}.network-node__name{font-weight:600}.cta-section{align-items:center;justify-content:center}.cta-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.cta-powered{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.25em;color:var(--text-muted);text-transform:uppercase}.cta-logo{font-size:clamp(3rem,10vw,6.5rem);font-family:var(--font-mono);font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,#6366f1,#06b6d4,#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;background-size:200% auto}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.cta-tagline{font-size:clamp(.9rem,2.5vw,1.2rem);color:var(--text-muted);line-height:1.7;font-weight:300}.cta-tagline em{color:var(--text);font-style:normal;font-weight:400}.cta-btn{margin-top:16px;padding:12px 28px;background:transparent;border:1px solid rgba(99,102,241,.4);border-radius:100px;color:var(--accent);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.cta-btn:hover{background:rgba(99,102,241,.12);border-color:var(--accent);box-shadow:0 0 20px #6366f14d;transform:translateY(-2px)}.cta-btn:active{transform:translateY(0)}.fallback{min-height:100vh;background:var(--space-black);display:flex;align-items:center;justify-content:center;padding:24px}.fallback__inner{max-width:800px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.fallback__logo{font-family:var(--font-mono);font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fallback__subtitle{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.2em;color:var(--text-muted)}.fallback__grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.fallback__card{padding:16px 20px;border-radius:14px;border:1px solid;border-color:#ffffff26;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:120px}.fallback__card-name{font-weight:700;font-size:.9rem}.fallback__card-role{font-size:.7rem;color:var(--text-muted)}.fallback__card-desc{font-size:.75rem;color:var(--text-muted);line-height:1.5;text-align:center;max-width:180px}.fallback__hint{font-size:.8rem;color:var(--text-muted)}@media (max-width: 640px){.agent-section{align-items:flex-end;justify-content:center;padding:0 0 8vh}.overview-stats{gap:24px}.cta-tagline{font-size:.9rem}}