:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#080c14;--bg-secondary:#0f172a;--card-bg:#0f172a99;--card-border:#ffffff0f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-purple:#8b5cf6;--shadow-glow:0 0 25px #06b6d426;--transition-speed:.3s;background-color:var(--bg-primary);color:var(--text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background-color:var(--bg-primary);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}.app-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.bg-glow-1{filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#06b6d414 0%,#0000 70%);border-radius:50%;width:45vw;height:45vw;position:absolute;top:15%;left:-10%}.bg-glow-2{filter:blur(100px);pointer-events:none;z-index:0;background:radial-gradient(circle,#8b5cf60f 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;position:absolute;top:55%;right:-10%}.navbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);z-index:1000;height:70px;transition:background-color var(--transition-speed);background-color:#080c14b3;justify-content:space-between;align-items:center;padding:0 4%;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{align-items:center;gap:12px;display:flex}.brand-logo{border-radius:6px;height:38px}.brand-name{letter-spacing:.5px;background:linear-gradient(135deg,#fff 30%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800}.nav-links{gap:30px;list-style:none;display:flex}.nav-link a{color:var(--text-secondary);transition:color var(--transition-speed);cursor:pointer;font-size:.95rem;font-weight:500}.nav-link a:hover,.nav-link.active a{color:var(--text-primary);text-shadow:0 0 10px #ffffff4d}.nav-cta{background:linear-gradient(135deg, var(--accent-cyan) 0%, #0891b2 100%);color:#080c14;cursor:pointer;border:none;border-radius:20px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #06b6d44d}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466}.hero-banner-section{z-index:10;justify-content:center;align-items:center;padding:85px 4% 20px;display:flex;position:relative}.hero-banner-container{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1400px;display:flex}.banner-glowing-wrapper{border:2px solid var(--accent-cyan);border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #06b6d440}.banner-main-image{width:100%;height:auto;display:block}.hero-banner-actions{justify-content:center;gap:20px;display:flex}.btn-primary{background:linear-gradient(135deg, var(--accent-cyan) 0%, #0891b2 100%);color:#080c14;cursor:pointer;border:none;border-radius:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 20px #06b6d44d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #06b6d480}.btn-secondary{border:1px solid var(--card-border);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:background-color .2s,border-color .2s,transform .2s}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.section{z-index:10;padding:80px 6%;position:relative}.pillars-row-headers{justify-content:space-around;align-items:center;margin-bottom:35px;padding:10px 4%;font-family:Outfit,sans-serif;display:flex}.row-header-item{align-items:center;gap:12px;display:flex}.row-header-icon{filter:drop-shadow(0 0 4px #ffffff1a);font-size:1.4rem}.row-header-text{letter-spacing:1.5px;color:var(--text-primary);font-size:1.05rem;font-weight:700}.row-header-separator{color:#ffffff26;font-size:1.2rem;font-weight:300}.pillars-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.poster-card{border:1.5px solid var(--card-border);background-color:#0b1120;border-radius:18px;flex-direction:column;padding:30px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative}.poster-card.construction{border-top:3px solid var(--accent-green)}.poster-card.learning{border-top:3px solid var(--accent-purple)}.poster-card.innovation{border-top:3px solid var(--accent-cyan)}.poster-card.construction:hover{border-color:#10b98166;transform:translateY(-4px);box-shadow:0 10px 30px #10b98114}.poster-card.learning:hover{border-color:#8b5cf666;transform:translateY(-4px);box-shadow:0 10px 30px #8b5cf614}.poster-card.innovation:hover{border-color:#06b6d466;transform:translateY(-4px);box-shadow:0 10px 30px #06b6d414}.poster-card-header{align-items:center;gap:15px;margin-bottom:20px;display:flex}.badge-box{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.badge-box.green{background-color:var(--accent-green)}.badge-box.purple{background-color:var(--accent-purple)}.badge-box.cyan{background-color:var(--accent-cyan)}.badge-icon{color:#fff;font-size:1.45rem}.poster-card-title{letter-spacing:-.2px;flex:1;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800;line-height:1.3}.green-text{color:var(--accent-green)}.purple-text{color:#a78bfa}.cyan-text{color:var(--accent-cyan)}.poster-card-desc{color:var(--text-secondary);margin-bottom:25px;font-size:.9rem;line-height:1.5}.poster-card-list{flex-direction:column;gap:14px;list-style:none;display:flex}.poster-card-list li{align-items:flex-start;gap:12px;display:flex}.bullet-icon{text-align:center;min-width:20px;font-size:1.1rem;line-height:1.2;display:inline-block}.check-svg{width:18px;min-width:18px;height:18px;margin-top:2px}.bullet-text{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.dashed-logo-box{background-color:#8b5cf605;border:1.5px dashed #8b5cf666;border-radius:12px;margin-top:20px;margin-bottom:10px;padding:15px 20px}.logo-grid-layout{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:8px;display:flex}.lang-mini-badge{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:800;display:flex;box-shadow:0 2px 5px #0000004d}.dashed-box-subtext{color:var(--text-muted);font-size:.78rem;line-height:1.4}.embedded-wheel-wrapper{justify-content:center;align-items:center;margin:15px 0;padding:10px 0;display:flex}.mini-wheel-container{width:220px;height:220px;position:relative}.mini-wheel-center{border:1.5px solid var(--accent-cyan);z-index:10;background-color:#0b1120;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;top:70px;left:70px;box-shadow:0 0 15px #06b6d433}.mini-wheel-center-dice{margin-bottom:2px;font-size:1.2rem}.mini-wheel-center-text{letter-spacing:.5px;text-align:center;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.44rem;font-weight:900;line-height:1.1}.mini-sdlc-svg{width:100%;height:100%;transform:rotate(-30deg)}.mini-wheel-slice{fill:#131c31;stroke:#0b1120;stroke-width:2.5px;cursor:pointer;transition:fill var(--transition-speed), stroke var(--transition-speed)}.mini-wheel-slice:hover,.mini-wheel-slice.active{fill:#06b6d438;stroke:var(--accent-cyan);filter:drop-shadow(0 0 4px #06b6d44d)}.mini-wheel-node{pointer-events:none;z-index:5;color:var(--text-secondary);text-align:center;width:18px;height:18px;font-size:.95rem;transition:color .2s,transform .2s;position:absolute}.mini-wheel-node.active{color:var(--accent-cyan);text-shadow:0 0 8px #06b6d480;transform:scale(1.2)}.n-0{top:14px;left:101px}.n-1{top:52px;left:167px}.n-2{top:128px;left:167px}.n-3{top:166px;left:101px}.n-4{top:128px;left:35px}.n-5{top:52px;left:35px}.mini-wheel-feedback-box{background-color:#06b6d408;border:1px solid #06b6d426;border-radius:10px;margin-top:auto;padding:12px 16px}.feedback-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.feedback-dot{border-radius:50%;width:6px;height:6px}.feedback-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.feedback-desc{color:var(--text-secondary);font-size:.78rem;line-height:1.4}.sandbox-section{background-color:var(--bg-secondary);border:1px solid var(--card-border);border-radius:24px;margin:0 6%;padding:60px 5%}.sandbox-container{grid-template-columns:1fr 1.2fr;align-items:center;gap:40px;display:grid}.sandbox-info h3{color:var(--text-primary);margin-bottom:15px;font-size:1.8rem;font-weight:800}.sandbox-info p{color:var(--text-secondary);margin-bottom:25px;line-height:1.6}.sandbox-languages{flex-wrap:wrap;gap:10px;display:flex}.lang-badge{border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:500;transition:all .2s}.lang-badge:hover,.lang-badge.active{color:var(--accent-purple);border-color:var(--accent-purple);background:#8b5cf61a;box-shadow:0 0 10px #8b5cf61a}.code-window{background:#0b0f19;border:1px solid #1e293b;border-radius:12px;font-family:Courier New,Courier,monospace;overflow:hidden;box-shadow:0 10px 30px #00000080}.code-window-header{background:#151f32;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.window-dots{gap:6px;display:flex}.window-dot{border-radius:50%;width:10px;height:10px}.window-dot.red{background-color:#ef4444}.window-dot.yellow{background-color:#f59e0b}.window-dot.green{background-color:#10b981}.window-filename{color:var(--text-muted);font-size:.75rem}.code-pre{color:#a7f3d0;padding:20px;font-size:.85rem;line-height:1.5;overflow-x:auto}.code-keyword{color:#f472b6}.code-type{color:#60a5fa}.code-string{color:#34d399}.code-comment{color:#64748b;font-style:italic}.mission-box{border:1px solid var(--card-border);background:radial-gradient(circle at 0 0,#06b6d414 0%,#8b5cf60a 100%);border-radius:24px;justify-content:space-between;align-items:center;gap:40px;padding:40px 60px;display:flex}.mission-content{flex:1.2}.mission-tag{color:var(--accent-cyan);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-size:.9rem;font-weight:700}.mission-text{margin-bottom:15px;font-size:clamp(1.4rem,3.5vw,1.85rem);font-weight:800;line-height:1.4}.mission-ill{flex:.8;justify-content:center;align-items:center;display:flex}.mountain-illustration{width:100%;max-width:250px;stroke:var(--accent-cyan);stroke-width:2px;fill:none;filter:drop-shadow(0 0 5px #06b6d433)}.values-bar{border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);justify-content:space-between;margin-top:30px;padding:40px 0;display:flex}.value-item{align-items:center;gap:12px;display:flex}.value-icon{color:var(--accent-cyan);font-size:1.5rem}.value-text h4{font-size:.95rem;font-weight:600}.value-text p{color:var(--text-muted);font-size:.8rem}.footer{border-top:1px solid var(--card-border);z-index:10;background-color:#04060a;padding:60px 6% 30px;position:relative}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-brand-desc{color:var(--text-secondary);max-width:280px;margin-top:15px;font-size:.9rem;line-height:1.5}.footer-col h5{text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin-bottom:20px;font-size:.95rem;font-weight:700}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--accent-cyan)}.footer-bottom{border-top:1px solid var(--card-border);justify-content:space-between;align-items:center;padding-top:30px;display:flex}.footer-copyright{color:var(--text-muted);font-size:.8rem}.footer-journey{color:var(--accent-cyan);font-size:.85rem;font-style:italic}@media (width<=1024px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:50px}.hero-content{align-items:center}.hero-desc{margin-left:auto;margin-right:auto}.pillars-row-headers{flex-direction:column;gap:10px}.row-header-separator{display:none}.pillars-grid{grid-template-columns:repeat(2,1fr)}.sandbox-container{grid-template-columns:1fr}}@media (width<=768px){.navbar{padding:0 6%}.nav-links{display:none}.pillars-grid{grid-template-columns:1fr}.mission-box{text-align:center;flex-direction:column;padding:30px}.values-bar{flex-direction:column;align-items:flex-start;gap:20px;padding-left:20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{text-align:center;flex-direction:column;gap:15px}}#ecosystem-details{border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);background-color:#080c1466}.section-header-centered{text-align:center;margin-bottom:50px}.section-title-centered{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 40%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:10px;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800}.details-grid{grid-template-columns:repeat(2,1fr);gap:40px;width:100%;max-width:1400px;margin:0 auto;display:grid}.details-card{border:1.5px solid var(--card-border);background-color:#0b1120;border-radius:20px;flex-direction:column;padding:40px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex}.details-card.green-highlight{border-top:4px solid var(--accent-green)}.details-card.purple-highlight{border-top:4px solid var(--accent-purple)}.details-card:hover{transform:translateY(-4px)}.details-card.green-highlight:hover{border-color:#10b98166;box-shadow:0 15px 35px #10b98114}.details-card.purple-highlight:hover{border-color:#8b5cf666;box-shadow:0 15px 35px #8b5cf614}.details-card-header{align-items:center;gap:20px;margin-bottom:25px;display:flex}.details-card-badge{border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.6rem;display:flex}.details-card-badge.green-badge{background-color:#10b98126;border:1px solid #10b9814d}.details-card-badge.purple-badge{background-color:#8b5cf626;border:1px solid #8b5cf64d}.details-card-header h3{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.45rem;font-weight:700;line-height:1.3}.details-card-main-desc{color:var(--text-secondary);margin-bottom:25px;font-size:1.05rem;line-height:1.6}.details-card-desc-group{flex-direction:column;gap:15px;margin-bottom:25px;display:flex}.details-card-sub-desc{color:#fff9;font-size:.95rem;line-height:1.6}.details-features-list{flex-direction:column;flex-grow:1;gap:20px;margin-bottom:35px;display:flex}.details-feature-item{align-items:flex-start;gap:15px;display:flex}.feature-bullet{font-size:1.1rem;font-weight:700}.feature-bullet.green-bullet{color:var(--accent-green)}.feature-bullet.purple-bullet{color:var(--accent-purple)}.details-feature-item strong{color:var(--text-primary);margin-bottom:4px;font-size:1rem;display:block}.details-feature-item p{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.details-card-actions{margin-top:auto}.details-cta-btn{text-align:center;cursor:pointer;border:none;border-radius:8px;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.details-cta-btn.green-btn{background:linear-gradient(135deg, var(--accent-green) 0%, #059669 100%);color:#080c14;box-shadow:0 4px 15px #10b98140}.details-cta-btn.green-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.details-cta-btn.purple-btn{background:linear-gradient(135deg, var(--accent-purple) 0%, #7c3aed 100%);color:#fff;box-shadow:0 4px 15px #8b5cf640}.details-cta-btn.purple-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-accent-green{background:linear-gradient(135deg, var(--accent-green) 0%, #059669 100%);color:#080c14;cursor:pointer;border:none;border-radius:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 20px #10b9814d}.btn-accent-green:hover{transform:translateY(-2px);box-shadow:0 6px 25px #10b98180}@media (width<=1024px){.details-grid{grid-template-columns:1fr;gap:30px}}@media (width<=768px){.details-card{padding:25px}.details-card-header{gap:15px}.details-card-header h3{font-size:1.25rem}}#workflow{background-color:#080c14;position:relative;overflow:hidden}.workflow-intro-text{max-width:700px;color:var(--text-secondary);text-align:center;margin:15px auto 0;font-size:1.1rem;line-height:1.6}.workflow-timeline{max-width:900px;margin:60px auto 0;padding-left:50px;position:relative}.workflow-step{padding-bottom:50px;display:flex;position:relative}.workflow-step:last-child{padding-bottom:0}.step-number-container{flex-direction:column;align-items:center;width:40px;display:flex;position:absolute;top:0;bottom:0;left:-50px}.step-circle{border:2px solid var(--accent-green);z-index:5;background-color:#0b1120;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.step-circle.green-glow{box-shadow:0 0 15px #10b9814d}.step-num{color:var(--accent-green);font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800}.step-line{background:linear-gradient(to bottom, var(--accent-green) 0%, #10b9811a 100%);flex-grow:1;width:2px;margin-top:5px}.step-content{border:1px solid var(--card-border);background-color:#0b112099;border-radius:16px;width:100%;padding:25px 30px;transition:transform .2s,border-color .2s;box-shadow:0 4px 20px #00000026}.step-content:hover{border-color:#10b9814d;transform:translate(5px)}.step-content h3{color:var(--text-primary);margin-bottom:12px;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.step-desc{color:var(--text-secondary);margin-bottom:18px;font-size:.95rem;line-height:1.6}.step-example-box{border-left:3px solid var(--accent-green);background-color:#10b9810a;border-radius:0 8px 8px 0;padding:12px 18px}.example-tag{text-transform:uppercase;color:var(--accent-green);letter-spacing:.8px;margin-bottom:6px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;display:block}.step-example-box p{color:#ffffffbf;font-size:.9rem;line-height:1.5}.step-example-box strong{color:var(--text-primary)}.step-example-box em{color:#10b981e6;font-style:italic}.step-example-box code{color:var(--accent-cyan);background-color:#0000004d;border-radius:4px;padding:2px 6px;font-size:.85rem}@media (width<=768px){.workflow-timeline{padding-left:40px}.step-number-container{left:-40px}.step-circle{width:30px;height:30px}.step-num{font-size:.9rem}.step-content{padding:20px}}.legal-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#e2e8f0;text-align:left;background:#0f172a99;border:1px solid #ffffff14;border-radius:20px;max-width:900px;margin:140px auto 80px;padding:48px;box-shadow:0 12px 40px #0006}.legal-container h1{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;margin-bottom:24px;font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:800}.legal-container h2{color:var(--accent-cyan);border-bottom:1px solid #ffffff0d;margin-top:36px;margin-bottom:16px;padding-bottom:8px;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700}.legal-container p,.legal-container li{color:var(--text-secondary);margin-bottom:18px;font-family:Inter,sans-serif;font-size:1rem;line-height:1.8}.legal-container ul{margin-bottom:24px;padding-left:24px;list-style-type:square}.legal-container a{color:var(--accent-cyan);text-decoration:none;transition:opacity .2s}.legal-container a:hover{opacity:.8;text-decoration:underline}.legal-back-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;align-items:center;gap:8px;margin-bottom:30px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.legal-back-btn:hover{background:#ffffff1a;transform:translate(-3px)}