@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:transparent;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;display:block;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}.glass-effect,.glass-panel,.pnx-nav-container,.eval-wrap,.terminal-widget{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform,opacity}.hardware-accelerated{transform:translateZ(0);backface-visibility:hidden;will-change:transform,opacity}main{padding-top:70px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:transparent}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 600px){h1{font-size:2.4em}}:root{--accent: #818cf8;--accent2: #a78bfa;--accent3: #67e8f9;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--tp: #0c0a09;--ts: rgba(12, 10, 9, .75);--tm: rgba(12, 10, 9, .5);--gb: rgba(255, 255, 255, .55);--gbs: rgba(255, 255, 255, .65);--gbr: rgba(0, 0, 0, .08);--gbs2: rgba(0, 0, 0, .12);--dark-back: transparent;--display: "Instrument Serif", "Playfair Display", serif;--sans: "Plus Jakarta Sans", sans-serif;--mono: "JetBrains Mono", monospace }*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::selection{background:#818cf833}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#818cf84d;border-radius:10px}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideLeft{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(3deg)}}@keyframes marqueeX{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes gradShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-8deg) scale(.9)}to{opacity:1;transform:rotate(0) scale(1)}}.lg-reveal{opacity:0;transform:translateY(36px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.lg-reveal.visible{opacity:1;transform:translateY(0)}.g{background:#ffffff8c;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(0,0,0,.06);border-radius:20px;box-shadow:0 2px 12px #00000005,inset 0 1px #fff9;transition:all .4s cubic-bezier(.4,0,.2,1)}.g:hover{background:#ffffffb3;border-color:#818cf833;box-shadow:0 12px 40px #818cf814,inset 0 1px #ffffffb3}.gs{background:#fff9;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(0,0,0,.06);border-radius:24px;box-shadow:0 4px 20px #00000008}.home-wrap{min-height:100vh;position:relative;background:transparent;color:var(--tp);font-family:var(--sans);overflow-x:hidden;transform:translateZ(0)}.home-wrap:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.03) 0%,transparent 60%);pointer-events:none;z-index:0}.home-wrap:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 50%,transparent 60%,rgba(0,0,0,.02) 100%);pointer-events:none;z-index:0}.home-wrap .grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;z-index:0}.sec{padding:120px clamp(20px,5vw,80px);position:relative;z-index:1;background:transparent}.sec-inner{max-width:1200px;margin:0 auto}.sec-head{margin-bottom:70px;text-align:center}.sec-tag{font-size:12px;font-family:var(--mono);font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px;color:#0009!important}.sec-title{font-family:var(--display);font-size:clamp(32px,4vw,48px);font-weight:400;font-style:italic;color:#000;line-height:1.1;letter-spacing:-.02em;text-shadow:0 4px 20px rgba(0,0,0,.03)}.sec-desc{font-size:16px;color:#000000b3;max-width:600px;margin:20px auto 0;line-height:1.8}.hero-sec{min-height:92vh;display:flex;align-items:center;padding:90px clamp(20px,5vw,48px) 80px;position:relative;z-index:1;max-width:1400px;margin:0 auto;background:transparent;transform:translateZ(0)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(30px,4vw,50px);align-items:center;width:100%}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 8px;border-radius:20px;border:1px solid var(--gbr);background:var(--gb);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-bottom:28px}.hero-badge-tag{padding:4px 11px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));font-size:9px;font-weight:700;color:#fff;letter-spacing:.14em;font-family:var(--mono)}.hero-h1{font-family:var(--display);font-size:clamp(32px,3.8vw,48px);font-weight:400;font-style:italic;line-height:1.08;margin-bottom:24px;color:#0c0a09;letter-spacing:-.03em;max-width:580px}.hero-h1 em{font-style:italic;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(15px,1.2vw,17px);color:#0c0a098c;line-height:1.6;max-width:520px;margin-bottom:40px;font-weight:400;letter-spacing:0em}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px}.btn-glass-primary{padding:12px 28px;border-radius:10px;border:1px solid rgba(255,255,255,.4);background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:14.5px;font-weight:600;font-family:var(--sans);cursor:pointer;box-shadow:0 6px 20px #818cf833,inset 0 1px #ffffff4d;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-glass-primary:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 10px 28px #818cf84d,inset 0 1px #fff9}.btn-glass-outline{padding:12px 20px;border:none;background:transparent;color:#0f0f0f99;font-size:12.5px;font-weight:600;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:8px;position:relative}.btn-glass-outline:after{content:"";position:absolute;bottom:8px;left:20px;right:40px;height:1px;background:#0006;transform-origin:left;transform:scaleX(0);transition:transform .4s cubic-bezier(.16,1,.3,1)}.btn-glass-outline:hover{color:#0f0f0ff2}.btn-glass-outline:hover:after{transform:scaleX(1)}.cta-arrow{transition:transform .4s cubic-bezier(.16,1,.3,1);opacity:.6}.btn-glass-outline:hover .cta-arrow{transform:translate(4px);opacity:1}.hero-meta-row{display:flex;gap:24px;flex-wrap:wrap;padding-top:16px;opacity:.8}.meta-item{display:flex;align-items:center;gap:8px;font-size:9.5px;font-family:var(--mono);color:#0f0f0f8c;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.meta-dot{width:6px;height:6px;border-radius:50%;background:#0003}.pulse-green{background:var(--success);box-shadow:0 0 8px #34d39999;animation:pulseGreen 2s infinite}.pulse-purple{background:var(--accent);box-shadow:0 0 8px #818cf899;animation:pulsePurple 2s infinite}@keyframes pulseGreen{0%{box-shadow:0 0 #34d39966}70%{box-shadow:0 0 0 4px #34d39900}to{box-shadow:0 0 #34d39900}}@keyframes pulsePurple{0%{box-shadow:0 0 #818cf866}70%{box-shadow:0 0 0 4px #818cf800}to{box-shadow:0 0 #818cf800}}.marquee-bar{position:relative;z-index:1;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);background:#ffffff73;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);overflow:hidden;padding:20px 0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.readiness-wrap{max-width:900px;margin:0 auto}.readiness-bar{position:relative;height:12px;background:#ffffff0d;border-radius:20px;overflow:hidden;border:1px solid var(--gbr);margin-bottom:20px}.readiness-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:20px;transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #818cf866}.readiness-score{font-size:42px;font-weight:800;font-family:var(--sans);text-align:center;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.sim-box{border-radius:20px;padding:40px;border:1px solid rgba(0,0,0,.06);background:#ffffff80;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 4px 24px #00000005}.sim-select{width:100%;padding:16px 20px;border-radius:12px;border:1px solid var(--gbr);background:#ffffff0d;color:var(--tp);font-size:16px;font-weight:600;font-family:var(--sans);cursor:pointer;outline:none;transition:all .3s}.sim-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #818cf826}.sim-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;background:#ffffff0a;border-radius:12px;border:1px solid var(--gbr)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:28px}.skill-btn{padding:16px 18px;border-radius:12px;border:1px solid var(--gbr);background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--ts);font-size:14px;font-weight:600;font-family:var(--sans);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:12px;position:relative;overflow:hidden}.skill-btn.active{border-color:var(--accent);background:#818cf82e;color:var(--accent)}.skill-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px #818cf81f;border-color:#818cf866}.coverage-box{padding:20px 24px;border-radius:14px;background:#ffffff0a;border:1px solid var(--gbr)}.cov-bar{height:10px;background:#ffffff0f;border-radius:20px;overflow:hidden;position:relative}.cov-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3));border-radius:20px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #818cf866}.resume-drop{border-radius:20px;padding:60px 40px;text-align:center;cursor:pointer;transition:all .3s;border:2px dashed rgba(0,0,0,.1);background:#ffffff73;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.resume-drop:hover{border-color:var(--accent);background:#818cf80f;box-shadow:0 8px 32px #818cf814}.resume-results{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.resume-card{padding:20px;border-radius:14px;text-align:center;border:1px solid var(--gbr);background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.roadmap-wrap{position:relative;padding:40px 0}.roadmap-line{position:absolute;top:50%;left:10%;right:10%;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3));border-radius:10px;transform:translateY(-50%)}.roadmap-flex{display:flex;justify-content:space-between;position:relative}.roadmap-step{flex:1;display:flex;flex-direction:column;align-items:center}.roadmap-dot{width:50px;height:50px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:3px solid var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent);margin-bottom:16px;box-shadow:0 4px 16px #818cf833;font-size:18px;transition:all .3s}.roadmap-dot:hover{background:var(--accent);color:#fff;box-shadow:0 0 30px #818cf866}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.feature-card{padding:32px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:hover{transform:translateY(-8px)}.feature-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px;animation:floatSlow 4s ease-in-out infinite}.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.story-card{padding:32px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.story-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px #818cf81f}.story-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.industries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.industry-card{padding:28px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.industry-card:hover{transform:translateY(-6px);border-color:#818cf866;box-shadow:0 12px 32px #818cf81a}.compare-table{border-radius:20px;overflow:hidden;border:1px solid rgba(0,0,0,.06);background:#ffffff8c;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 8px 32px #00000008}.compare-header{display:grid;grid-template-columns:2fr 1fr 1fr;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.06);background:#00000005}.compare-row{display:grid;grid-template-columns:2fr 1fr 1fr;padding:20px 24px;transition:background .2s}.compare-row:hover{background:#818cf80a}.cta-sec{padding:120px clamp(20px,5vw,80px);position:relative;overflow:hidden;z-index:1}.cta-bg{position:absolute;inset:0;background:#ffffff05;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.cta-glow{position:absolute;top:-20%;right:-10%;width:60%;height:140%;background:radial-gradient(circle,rgba(216,180,254,.08) 0%,transparent 65%);pointer-events:none}.cta-inner{position:relative;max-width:800px;margin:0 auto;text-align:center;text-shadow:0 4px 30px rgba(0,0,0,.05)}.cta-btn{padding:16px 40px;border-radius:12px;border:1px solid rgba(129,140,248,.3);background:linear-gradient(135deg,#818cf81a,#a78bfa1a);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);color:var(--tp);font-size:16px;font-weight:700;font-family:var(--sans);cursor:pointer;box-shadow:0 8px 24px #818cf826,inset 0 1px #ffffff80;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.cta-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #818cf859,inset 0 1px #fff9;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-color:#ffffff80}.missing-alert{margin-top:20px;padding:20px;background:#f871710f;border:1px solid rgba(248,113,113,.2);border-radius:12px;animation:slideUp .4s ease}.expert-badge{margin-top:20px;padding:24px;background:#34d39914;border:2px solid var(--success);border-radius:14px;text-align:center;animation:scaleIn .5s cubic-bezier(.4,0,.2,1)}.level-row{display:flex;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid var(--gbr)}.level-dot{width:12px;height:12px;border-radius:50%;transition:all .3s}.login-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.login-modal{border-radius:20px;padding:40px;max-width:440px;text-align:center;animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.hero-grid{grid-template-columns:1fr!important}.hero-ctas{flex-direction:column;width:100%}.features-grid,.stories-grid{grid-template-columns:1fr!important}.industries-grid{grid-template-columns:repeat(2,1fr)!important}.compare-header,.compare-row{grid-template-columns:1fr!important;gap:8px}.roadmap-flex{flex-direction:column!important;gap:20px}.roadmap-line{display:none!important}}@media (max-width:480px){.industries-grid{grid-template-columns:1fr!important}}@keyframes telemetryPulse{0%{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1.02);box-shadow:0 0 12px var(--accent)}to{opacity:.6;transform:scale(.98)}}@keyframes borderGlowActive{0%{box-shadow:0 0 #818cf866,inset 0 0 20px #818cf81a;border-color:#818cf880}50%{box-shadow:0 0 20px 4px #818cf81a,inset 0 0 30px #818cf833;border-color:#818cf8cc}to{box-shadow:0 0 #818cf866,inset 0 0 20px #818cf81a;border-color:#818cf880}}@keyframes shimmerGradient{0%{background-position:-200% center}to{background-position:200% center}}.card-infrastructure{background:#ffffffa6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(0,0,0,.06);border-radius:24px;padding:32px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000008,inset 0 1px #fff9;transition:all .5s cubic-bezier(.16,1,.3,1);cursor:pointer;z-index:1}.card-infrastructure:hover{transform:translateY(-6px);box-shadow:0 24px 64px #00000014,inset 0 1px #fffc;border-color:#0000001f}.card-cinematic-active{background:#818cf80a;border:1px solid rgba(129,140,248,.4);box-shadow:0 12px 40px #818cf81f,inset 0 1px #fff3}.card-cinematic-active:hover{animation:borderGlowActive 3s infinite ease-in-out;transform:translateY(-6px)}.card-shimmer{background:linear-gradient(135deg,#0a0a0ce6,#141418f2);border:1px solid rgba(167,139,250,.3);box-shadow:0 24px 64px #0006,inset 0 1px #ffffff1a;color:#fff}.card-shimmer:before{content:"";position:absolute;inset:0 0 0 -100%;width:50%;background:linear-gradient(to right,transparent,rgba(167,139,250,.1),transparent);transform:skew(-20deg);animation:shimmerGradient 6s infinite linear;pointer-events:none;z-index:0}.card-shimmer:hover{box-shadow:0 32px 80px #a78bfa33,inset 0 1px #ffffff26;border-color:#a78bfa99;transform:translateY(-6px)}.link-reveal{position:relative;display:inline-flex;align-items:center;gap:6px;color:var(--ts);font-size:13px;font-weight:500;cursor:pointer;opacity:.7;transition:opacity .3s ease;text-decoration:none}.card-shimmer .link-reveal{color:#ffffffb3}.link-reveal:hover{opacity:1}.link-reveal:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.16,1,.3,1)}.link-reveal:hover:after{transform:scaleX(1);transform-origin:left}.link-reveal .link-arrow{opacity:0;transform:translate(-4px);transition:all .4s cubic-bezier(.16,1,.3,1)}.link-reveal:hover .link-arrow{opacity:1;transform:translate(2px)}.telemetry-bar-wrap{width:100%;height:4px;background:#0000000f;border-radius:4px;overflow:hidden;margin-top:6px}.card-shimmer .telemetry-bar-wrap{background:#ffffff1a}.telemetry-bar-fill{height:100%;border-radius:4px;box-shadow:0 0 8px currentColor;transition:width 1.5s cubic-bezier(.16,1,.3,1)}.telemetry-pulse-animate{animation:telemetryPulse 2s infinite ease-in-out}.pipeline-overlay-wrap{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:40px}.pipeline-backdrop{position:absolute;inset:0;background:#050816b3;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}.pipeline-modal{position:relative;width:100%;max-width:1100px;height:85vh;background:#090a0f;border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 40px 100px #000c,inset 0 1px 1px #ffffff1a;display:flex;flex-direction:column;overflow:hidden}.pipeline-header{padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;background:#ffffff05}.pipeline-title{display:flex;align-items:center;gap:12px}.pipeline-title-text{color:#fff;font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.pipeline-close{width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.pipeline-close:hover{background:#ffffff1a;color:#fff}.pipeline-body{flex:1;display:flex;overflow:hidden}.pipeline-sidebar{width:380px;border-right:1px solid rgba(255,255,255,.06);padding:30px;overflow-y:auto;background:#0003}.pipeline-sidebar::-webkit-scrollbar{width:4px}.pipeline-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.pipeline-stage{display:flex;gap:20px;position:relative;padding-bottom:30px}.pipeline-stage:last-child{padding-bottom:0}.stage-line{position:absolute;top:30px;bottom:0;left:11px;width:2px;background:#ffffff0f}.stage-indicator{width:24px;height:24px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;font-size:10px;color:#fff6;font-family:var(--mono)}.pipeline-stage.active .stage-indicator{background:#818cf833;border-color:var(--accent);color:var(--accent);box-shadow:0 0 16px #818cf866}.pipeline-stage.done .stage-indicator{background:#34d3991a;border-color:var(--success);color:var(--success)}.pipeline-stage.done .stage-line{background:linear-gradient(to bottom,var(--success),rgba(255,255,255,.06))}.stage-content h4{font-family:var(--sans);font-size:14px;font-weight:600;color:#ffffff80;margin-bottom:6px;transition:color .3s}.pipeline-stage.active .stage-content h4{color:#fff}.pipeline-stage.done .stage-content h4{color:#fffc}.stage-content p{font-family:var(--mono);font-size:11px;color:#fff6}.pipeline-main{flex:1;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0%,rgba(129,140,248,.03) 0%,transparent 60%)}.pipeline-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.06)}.metric-card{background:#090a0f;padding:24px 30px}.metric-lbl{font-family:var(--mono);font-size:10px;color:#ffffff80;letter-spacing:.1em;margin-bottom:10px}.metric-val{font-family:var(--mono);font-size:28px;font-weight:600;color:#fff}.metric-val.green{color:var(--success)}.metric-val.purple{color:var(--accent2)}.pipeline-terminal{flex:1;padding:30px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.pipeline-terminal::-webkit-scrollbar{width:4px}.pipeline-terminal::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.log-entry{display:flex;gap:16px;font-family:var(--mono);font-size:12px;line-height:1.6}.log-time{color:#ffffff4d;min-width:65px}.log-prefix{color:var(--accent);min-width:80px}.log-msg{color:#fffc;flex:1}.log-latency{color:var(--success)}@media (max-width: 900px){.pipeline-modal{height:95vh}.pipeline-body{flex-direction:column;overflow-y:auto}.pipeline-sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.06);padding:20px;height:35vh}.pipeline-main{height:auto;overflow:visible}.pipeline-metrics{grid-template-columns:1fr}.metric-card{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.pipeline-terminal{height:40vh}.log-entry{flex-wrap:wrap;gap:8px}.log-prefix{width:100%}}