@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--color-bg-base:#f8fafc;--color-bg-surface:#fff;--color-bg-elevated:#f1f5f9;--color-primary:#2563eb;--color-secondary:#0ea5e9;--color-accent:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--border-color:#e2e8f0;--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-surface:linear-gradient(180deg, #fff 0%, #f8fafc 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-neon-blue:0 0 20px #2563eb26;--glass-bg:#ffffffd9;--glass-border:1px solid #e2e8f0cc;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-primary);font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body)}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--color-bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);border-radius:16px;padding:2.25rem}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:#2563eb4d;transform:translateY(-4px)}.btn{transition:all var(--transition-normal);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.btn-secondary{background:var(--color-bg-surface);border:1px solid var(--border-color);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-bg-elevated);border-color:var(--color-text-muted)}section{padding:8rem 0;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.text-center{text-align:center}.opacity-0{opacity:0}.header{z-index:1000;width:100%;transition:all var(--transition-normal);padding:1.5rem 0;position:fixed;top:0;left:0}.header.scrolled{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:.85rem 0}.header-container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--color-text-primary);font-size:1.35rem;font-family:var(--font-heading);align-items:center;gap:.75rem;display:flex}.logo-text{letter-spacing:-.5px;font-weight:600}.logo-img{object-fit:contain;border-radius:4px;width:auto;max-width:60px;height:36px}.logo-icon{color:var(--color-primary)}.nav-desktop{align-items:center;gap:2.5rem;display:flex}.nav-link{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:.95rem;font-weight:500}.nav-link:hover{color:var(--color-primary)}.nav-cta{padding:.5rem 1.25rem;font-size:.9rem}.mobile-menu-toggle{color:var(--color-text-primary);background:0 0;border:none;display:none}.mobile-menu{box-shadow:var(--shadow-lg);border:1px solid var(--border-color);background:#fff;flex-direction:column;gap:1.5rem;margin-top:.5rem;padding:2rem;display:flex;position:absolute;top:100%;left:1rem;right:1rem}.mobile-link{color:var(--color-text-primary);font-size:1.1rem;font-weight:500}.mobile-cta{width:100%}@media (width<=768px){.nav-desktop{display:none}.mobile-menu-toggle{display:block}}.hero{background:radial-gradient(circle at 80% 20%, #2563eb0d 0%, var(--color-bg-base) 100%);align-items:center;min-height:100vh;padding:8rem 0 4rem;display:flex;position:relative;overflow:hidden}.hero-grid-overlay{opacity:.8;z-index:1;background-image:linear-gradient(#2563eb08 1px,#0000 1px),linear-gradient(90deg,#2563eb08 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0}.hero-container{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;width:100%;display:grid;position:relative}.hero-text{max-width:650px}.hero-badge{color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;background:#2563eb14;border:1px solid #2563eb26;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-1.5px;color:var(--color-text-primary);margin-bottom:1.5rem;font-size:4.25rem;font-weight:800;line-height:1.15}.hero-subtitle{color:var(--color-text-secondary);margin-bottom:3rem;font-size:1.2rem;line-height:1.7}.hero-actions{gap:1.25rem;display:flex}.hero-visual{justify-content:center;display:flex;position:relative}.visual-wrapper{border-radius:16px;width:100%;max-width:480px;position:relative;overflow:visible}.dashboard-img{border:1px solid var(--border-color);width:100%;height:auto;transition:transform var(--transition-normal);border-radius:16px;box-shadow:0 20px 40px #0000001f}.dashboard-img:hover{transform:scale(1.02)}.visual-float-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#ffffffe6;border-radius:12px;width:220px;padding:1.25rem;position:absolute;bottom:-20px;left:-20px;box-shadow:0 10px 30px #00000014}.visual-float-card:hover{transform:none;box-shadow:0 10px 30px #00000014}.float-card-header{align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.9rem;font-weight:700;display:flex}.visual-float-card p{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.85rem}.accuracy-badge{color:var(--color-accent);background:#10b9811a;border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}@media (width<=992px){.hero-container{text-align:center;grid-template-columns:1fr;padding-top:2rem}.hero-text{margin:0 auto}.hero-title{font-size:3.25rem}.hero-actions{justify-content:center}.hero-visual{margin-top:4rem}.visual-float-card{bottom:-30px;left:50%;transform:translate(-50%)}}.about{background-color:var(--color-bg-surface);padding:8rem 0;position:relative;overflow:hidden}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:6rem;margin-bottom:6rem;display:grid}.about-text h2{font-size:2.75rem;font-family:var(--font-heading);margin-bottom:2rem}.about-text p{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.8}.about-text strong{color:var(--color-primary)}.about-visual{position:relative}.about-visual-card{border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:20px;padding:0;position:relative;overflow:hidden}.about-visual-card:hover{transform:translateY(-2px)}.worker-visual-img{width:100%;height:auto;display:block}.visual-badge-overlay{background:var(--color-accent);color:#fff;border-radius:50px;padding:.5rem 1rem;font-size:.85rem;font-weight:700;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 4px 12px #10b98133}.visual-glow{pointer-events:none;background:linear-gradient(#0000 0%,#0f172a4d 100%);width:100%;height:50%;position:absolute;bottom:0;left:0}.culture-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.culture-card{background:var(--color-bg-base);border:1px solid var(--border-color);transition:transform var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;align-items:flex-start;display:flex}.culture-card:hover{box-shadow:var(--shadow-lg);border-color:#2563eb33;transform:translateY(-4px)}.culture-icon-wrapper{width:52px;height:52px;color:var(--color-primary);background:#2563eb14;border:1px solid #2563eb1a;border-radius:10px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.culture-card h3{color:var(--color-text-primary);margin-bottom:.75rem;font-size:1.35rem}.culture-card p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}@media (width<=992px){.about-grid{grid-template-columns:1fr;gap:4rem}}.ecosystem-section{background-color:var(--color-bg-base);border-top:1px solid var(--border-color);padding:8rem 0}.section-badge{color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;background:#2563eb14;border-radius:50px;margin-bottom:1.25rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.section-title{font-size:2.75rem;font-family:var(--font-heading);margin-bottom:1rem}.section-subtitle{color:var(--color-text-secondary);max-width:700px;margin:0 auto 4rem;font-size:1.15rem}.ecosystem-explorer{background:var(--color-bg-surface);border:1px solid var(--border-color);min-height:580px;box-shadow:var(--shadow-lg);border-radius:16px;padding:0;display:flex;overflow:hidden}.ecosystem-explorer:hover{box-shadow:var(--shadow-lg);transform:none}.eco-sidebar{color:#fff;background:#0f172a;border-right:1px solid #ffffff0d;flex-direction:column;width:280px;display:flex}.sidebar-brand{font-family:var(--font-heading);letter-spacing:1px;border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;padding:2rem 1.75rem;font-size:.95rem;font-weight:700;display:flex}.brand-logo{color:var(--color-secondary)}.sidebar-nav{flex-direction:column;flex:1;padding:1rem 0;display:flex}.nav-item{color:#94a3b8;text-align:left;transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:1rem;padding:1rem 1.75rem;font-size:.95rem;font-weight:500;display:flex}.nav-item:hover{color:#fff;background:#ffffff05}.nav-item.active{color:#fff;border-left-color:var(--color-primary);background:#2563eb26}.eco-screen-content{background:#fff;flex-direction:column;flex:1;padding:3rem;display:flex}.screen-detail{flex-direction:column;height:100%;display:flex}.screen-header-bar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1.25rem;display:flex}.screen-header-bar h3{font-size:1.75rem;font-weight:700}.badge-live{color:var(--color-accent);text-transform:uppercase;background:#10b9811a;border-radius:50px;padding:.35rem .85rem;font-size:.8rem;font-weight:600}.badge-premium{color:var(--color-primary);text-transform:uppercase;background:#2563eb1a;border-radius:50px;padding:.35rem .85rem;font-size:.8rem;font-weight:600}.badge-critical{color:var(--color-danger);text-transform:uppercase;background:#ef44441a;border-radius:50px;padding:.35rem .85rem;font-size:.8rem;font-weight:600}.screen-desc{color:var(--color-text-secondary);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.7}.screen-grid{flex:1;grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.control-card{background:var(--color-bg-base);border:1px solid var(--border-color);border-radius:10px;padding:1.5rem}.control-card h5{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.1rem}.control-card p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}.control-card.sub{align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.control-card.sub strong{color:var(--color-text-primary);font-size:.95rem}.screen-grid-split{flex:1;grid-template-columns:1.2fr .8fr;gap:2.5rem;display:grid}.crisis-actions{flex-direction:column;gap:1rem;display:flex}.crisis-btn-group{flex-direction:column;gap:1rem;margin:1rem 0;display:flex}.btn-crisis{cursor:pointer;text-align:center;transition:all var(--transition-fast);border:none;border-radius:8px;padding:1.25rem;font-size:1.1rem;font-weight:700}.btn-crisis.alert-pulse{background:var(--color-warning);color:#fff;box-shadow:0 4px 14px #f59e0b33}.btn-crisis.evac-pulse{background:var(--color-danger);color:#fff;animation:1.5s infinite evacGlow;box-shadow:0 4px 14px #ef44444d}@keyframes evacGlow{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.counters-box{gap:1rem;margin-top:1rem;display:flex}.counter{border:1px solid var(--border-color);border-radius:8px;flex-direction:column;flex:1;align-items:center;padding:1.5rem;display:flex}.counter.safe{color:var(--color-accent);background:#10b9810d;border-color:#10b98133}.counter.missing{color:var(--color-danger);background:#ef44440d;border-color:#ef444433}.counter .num{font-size:2.25rem;font-weight:800}.counter .lbl{text-transform:uppercase;color:var(--color-text-secondary);margin-top:.25rem;font-size:.8rem;font-weight:600}.triage-ranking{color:var(--color-text-secondary);background:var(--color-bg-base);border-left:3px solid var(--color-danger);border-radius:6px;margin-top:1.5rem;padding:1rem;font-size:.9rem}.incident-console{border:1px solid var(--border-color);border-radius:8px;flex-direction:column;margin-bottom:2rem;display:flex;overflow:hidden}.console-row{border-bottom:1px solid var(--border-color);grid-template-columns:1fr 1.5fr 1.5fr 1fr;align-items:center;padding:1rem;display:grid}.console-row.header{background:var(--color-bg-elevated);color:var(--color-text-secondary);text-transform:uppercase;font-size:.85rem;font-weight:600}.console-row.danger{background:#ef444405}.console-row.warning{background:#f59e0b05}.console-row:last-child{border-bottom:none}.p-badge{text-align:center;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.p-badge.critical{background:var(--color-danger);color:#fff}.p-badge.warn{background:var(--color-warning);color:#fff}.btn-ack{background:var(--color-bg-surface);border:1px solid var(--border-color);transition:all var(--transition-fast);border-radius:4px;padding:.4rem .75rem;font-size:.8rem;font-weight:600}.btn-ack:hover{background:var(--color-bg-elevated);border-color:var(--color-text-muted)}.features-subrow{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=992px){.ecosystem-explorer{flex-direction:column}.eco-sidebar{border-bottom:1px solid #ffffff0d;border-right:none;width:100%}.sidebar-nav{flex-direction:row;padding:.5rem;overflow-x:auto}.nav-item{white-space:nowrap;border-bottom:3px solid #0000;border-left:none;padding:.75rem 1.25rem}.nav-item.active{border-bottom-color:var(--color-primary)}.screen-grid,.screen-grid-split,.features-subrow{grid-template-columns:1fr}}@media (width<=768px){.incident-console{overflow-x:auto}.console-row{min-width:550px}}@media (width<=480px){.counters-box{flex-direction:column}}.simulator-section{background-color:var(--color-bg-base);border-top:1px solid var(--border-color);padding:8rem 0}.simulator-explorer{background:var(--color-bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:16px;grid-template-columns:1.2fr .8fr;gap:3rem;padding:2.5rem;display:grid}.simulator-explorer:hover{box-shadow:var(--shadow-lg);transform:none}.sim-workspace{background:#0b0f19;border:1px solid #ffffff0d;border-radius:12px;height:400px;position:relative;overflow:hidden}.grid-canvas{cursor:crosshair;background-image:linear-gradient(#00f0ff0d 1px,#0000 1px),linear-gradient(90deg,#00f0ff0d 1px,#0000 1px);background-size:30px 30px;width:100%;height:100%;position:relative}.canvas-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.vertex-dot{fill:var(--color-primary);filter:drop-shadow(0 0 5px var(--color-primary))}.draw-line,.closing-line{stroke:var(--color-primary);stroke-width:2px;stroke-dasharray:4}.closing-line{stroke:var(--color-secondary)}.polygon-zone{fill:#2563eb26;stroke:var(--color-primary);stroke-width:2px}.polygon-zone.violated{fill:#ef444440;stroke:var(--color-danger);animation:1.5s infinite flashRed}@keyframes flashRed{0%,to{fill:#ef444440;stroke:var(--color-danger)}50%{fill:#ef444473;stroke:#f87171}}.sim-worker{width:14px;height:14px;transition:top 30ms linear,left 30ms linear;position:absolute;transform:translate(-50%,-50%)}.worker-core{background:var(--color-accent);width:100%;height:100%;box-shadow:0 0 8px var(--color-accent);border-radius:50%}.worker-pulse{background:var(--color-accent);border-radius:50%;width:100%;height:100%;animation:2s infinite workerGlow;position:absolute;top:0;left:0}@keyframes workerGlow{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.worker-label{color:#fff;white-space:nowrap;background:#0f172acc;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.sim-controls{flex-direction:column;justify-content:space-between;display:flex}.sim-controls h3{margin-bottom:1rem;font-size:1.5rem}.sim-instructions{color:var(--color-text-secondary);min-height:80px;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.sim-btn-group{gap:1rem;margin-bottom:2rem;display:flex}.sim-btn-group button{flex:1}.alert-status-card{background:var(--color-bg-base);border:1px solid var(--border-color);transition:all var(--transition-normal);border-radius:10px;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.alert-icon{color:var(--color-text-muted)}.alert-status-card h4{color:var(--color-text-primary);margin-bottom:.25rem;font-size:1rem}.alert-status-card p{color:var(--color-text-secondary);font-size:.85rem}.alert-status-card.alert-active{background:#ef44440d;border-color:#ef444433;box-shadow:0 4px 15px #ef44441a}.alert-status-card.alert-active .alert-icon{color:var(--color-danger);animation:1s infinite alternate bounceAlert}@keyframes bounceAlert{0%{transform:scale(1)}to{transform:scale(1.15)}}@media (width<=992px){.simulator-explorer{grid-template-columns:1fr;gap:2rem;padding:1.5rem}}.usecases-section{background-color:var(--color-bg-base);border-top:1px solid var(--border-color);padding:8rem 0}.usecases-explorer{background:var(--color-bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:16px;grid-template-columns:1fr 1.5fr;gap:3rem;padding:2.5rem;display:grid}.usecases-explorer:hover{box-shadow:var(--shadow-lg);transform:none}.usecases-tabs{flex-direction:column;gap:1rem;display:flex}.usecase-tab{background:var(--color-bg-base);border:1px solid var(--border-color);text-align:left;cursor:pointer;transition:all var(--transition-normal);border-radius:12px;align-items:center;gap:1.25rem;padding:1.25rem;display:flex}.usecase-tab:hover{border-color:var(--color-primary);background:var(--color-bg-elevated)}.usecase-tab.active{border-color:var(--color-primary);box-shadow:var(--shadow-neon-blue);background:#2563eb0d}.tab-icon-wrapper{background:var(--color-bg-surface);border:1px solid var(--border-color);width:48px;height:48px;color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;display:flex}.usecase-tab.active .tab-icon-wrapper{color:var(--color-primary);border-color:var(--color-primary);background:#fff}.tab-text h4{color:var(--color-text-primary);font-size:1.05rem;font-weight:700}.tab-text span{color:var(--color-text-muted);font-size:.8rem}.usecase-display{background:var(--color-bg-base);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;justify-content:space-between;padding:3rem;display:flex}.display-badge{color:var(--color-accent);text-transform:uppercase;background:#10b9811a;border-radius:4px;align-self:flex-start;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.usecase-display h3{margin-bottom:2.5rem;font-size:2.25rem}.display-content{flex-direction:column;gap:2rem;margin-bottom:3rem;display:flex}.display-text-block h5{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:1px;margin-bottom:.5rem;font-size:.9rem;font-weight:700}.display-text-block p{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.7}.display-footer{border-top:1px solid var(--border-color);padding-top:1.5rem}.metric-box{align-items:baseline;gap:.5rem;display:flex}.metric-num{color:var(--color-primary);font-size:2.5rem;font-weight:800;line-height:1}.metric-lbl{color:var(--color-text-secondary);font-size:.95rem;font-weight:600}@media (width<=992px){.usecases-explorer{grid-template-columns:1fr;gap:2rem;padding:1.5rem}.usecase-display{padding:1.5rem}}.comparison-section{background-color:var(--color-bg-surface);border-top:1px solid var(--border-color);padding:8rem 0}.comparison-container{border-radius:12px;padding:0;overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:left;width:100%}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border-color);padding:1.5rem 2rem}.feature-header{color:var(--color-text-secondary);background:var(--color-bg-base);font-size:1rem;font-weight:600}.tech-header{color:var(--color-text-primary);background:var(--color-bg-base);transition:background var(--transition-fast);font-size:1.1rem;font-weight:700;position:relative}.tech-header.ours{color:var(--color-primary);padding-top:2.5rem}.ours-tag{background:var(--color-primary);color:#fff;border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #2563eb40}.metric-name{color:var(--color-text-primary);align-items:center;gap:.5rem;font-weight:600;display:flex}.metric-info{color:var(--color-text-muted)}.metric-val{color:var(--color-text-secondary);transition:background var(--transition-fast);font-size:.95rem}.highlight{background:#2563eb05!important}.ours-cell{color:var(--color-text-primary);background:#2563eb08;border-left:1px solid #2563eb1a;border-right:1px solid #2563eb1a;font-weight:600}.ours-cell.highlight{background:#2563eb0f!important}.font-bold{font-weight:700}.check-icon{color:var(--color-accent)}.x-icon{color:var(--color-danger)}@media (width<=768px){.comparison-table{min-width:750px}.comparison-table th,.comparison-table td{padding:1rem .75rem;font-size:.85rem}}.architecture{background-color:var(--color-bg-base);border-top:1px solid var(--border-color);padding:8rem 0;position:relative;overflow:hidden}.arch-flow{justify-content:space-between;align-items:stretch;gap:1.5rem;margin-top:4rem;display:flex;position:relative}.arch-node{text-align:center;z-index:2;background:var(--color-bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-direction:column;flex:1;align-items:center;padding:2.5rem 1.75rem;display:flex}.node-icon-wrapper{background:#2563eb0f;border:1px solid #2563eb1a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.5rem;display:flex}.node-icon{color:var(--color-primary)}.arch-node h4{color:var(--color-text-primary);margin-bottom:.75rem;font-size:1.15rem;font-weight:700}.arch-node p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}.arch-connector{background:var(--border-color);align-self:center;width:40px;height:2px;position:relative}.arch-connector:after{content:"";background:var(--color-primary);border-radius:50%;width:8px;height:8px;animation:2s linear infinite dataFlow;position:absolute;top:50%;left:0;transform:translateY(-50%)}@keyframes dataFlow{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}to{opacity:0;left:100%}}@media (width<=992px){.arch-flow{flex-direction:column;gap:2rem}.arch-connector{align-self:center;width:2px;height:40px}.arch-connector:after{animation:2s linear infinite dataFlowVertical;top:0;left:50%;transform:translate(-50%)}@keyframes dataFlowVertical{0%{opacity:0;top:0}15%{opacity:1}85%{opacity:1}to{opacity:0;top:100%}}}.contact{background-color:var(--color-bg-surface);position:relative}.contact-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.contact-info h2{margin-bottom:1rem;font-size:2.5rem}.contact-subtitle{color:var(--color-text-secondary);margin-bottom:3rem;font-size:1.125rem}.info-items{flex-direction:column;gap:2rem;display:flex}.info-item{align-items:center;gap:1.5rem;display:flex}.icon-box{width:50px;height:50px;color:var(--color-primary);background:#00f0ff1a;border:1px solid #00f0ff33;border-radius:50%;justify-content:center;align-items:center;display:flex}.info-item h4{color:var(--color-text-primary);margin-bottom:.25rem;font-size:1.1rem}.info-item p{color:var(--color-text-secondary)}.form-card{background:var(--color-bg-elevated);padding:3rem}.form-card h3{color:var(--color-text-primary);margin-bottom:2rem;font-size:1.75rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.form-group input,.form-group textarea{border:1px solid var(--border-color);color:var(--color-text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast);background:#0003;border-radius:8px;padding:.875rem 1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.submit-btn{width:100%;margin-top:1rem}@media (width<=992px){.contact-grid{grid-template-columns:1fr}.form-card{padding:2rem}}.submission-success{text-align:center;flex-direction:column;align-items:center;padding:2rem 0;display:flex}.success-icon{color:var(--color-accent);margin-bottom:1.5rem}.submission-success h4{color:var(--color-text-primary);margin-bottom:.75rem;font-size:1.5rem}.submission-success p{color:var(--color-text-secondary);font-size:1rem;line-height:1.6}.error-banner{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.footer{color:#fff;background-color:#0b0f19;border-top:1px solid #ffffff0d;padding:6rem 0 3rem}.footer-content{grid-template-columns:.8fr 3.2fr;gap:4rem;margin-bottom:5rem;display:grid}.footer-brand{flex-direction:column;gap:1rem;display:flex}.footer-logo{font-family:var(--font-heading);letter-spacing:-.5px;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;display:flex}.logo-my{color:#94a3b8;font-weight:300}.logo-accent{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.footer-logo .logo-img{object-fit:contain;filter:brightness(0)invert();border-radius:4px;width:auto;max-width:60px;height:36px}.footer-desc{color:#94a3b8;font-size:.95rem;line-height:1.6}.footer-links-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.footer-col h4{text-transform:uppercase;color:#f8fafc;letter-spacing:.5px;margin-bottom:1.5rem;font-size:.95rem;font-weight:700}.footer-col ul{flex-direction:column;gap:.85rem;list-style:none;display:flex}.footer-btn{color:#94a3b8;text-align:left;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:.25rem;padding:0;font-size:.9rem;font-weight:500;display:inline-flex}.footer-btn:hover{color:var(--color-primary)}.link-arrow{opacity:0;transition:all var(--transition-fast);transform:translate(-2px,2px)}.footer-btn:hover .link-arrow{opacity:1;transform:translate(0)}.footer-bottom{text-align:center;color:#64748b;border-top:1px solid #ffffff0d;padding-top:2rem;font-size:.875rem}@media (width<=992px){.footer-content{grid-template-columns:1fr;gap:3rem}.footer-links-grid{grid-template-columns:repeat(2,1fr);gap:3rem}}@media (width<=576px){.footer-links-grid{grid-template-columns:1fr}}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0f172a66;justify-content:flex-end;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.drawer-panel{border-left:1px solid var(--border-color);width:100%;max-width:500px;height:100%;animation:slideLeft var(--transition-normal) cubic-bezier(.16, 1, .3, 1) forwards;background:#fff;flex-direction:column;padding:3rem;display:flex;box-shadow:-10px 0 30px #00000014}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.drawer-category{text-transform:uppercase;color:var(--color-primary);letter-spacing:1px;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.drawer-header h2{color:var(--color-text-primary);font-size:1.75rem}.drawer-close{color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;border-radius:50%;padding:.25rem}.drawer-close:hover{background:var(--color-bg-base);color:var(--color-text-primary)}.drawer-body{flex-direction:column;flex:1;justify-content:space-between;display:flex;overflow-y:auto}.drawer-text{color:var(--color-text-secondary);margin-bottom:3rem;font-size:1.05rem;line-height:1.8}.drawer-cta{background:var(--color-bg-base);border:1px solid var(--border-color);padding:2rem}.drawer-cta h4{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.15rem}.drawer-cta p{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.9rem}.app-container{flex-direction:column;min-height:100vh;display:flex}