@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;800&display=swap);
:root,[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #0a0f1e;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--text-on-accent: #ffffff;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--accent-primary-hover: #2563eb;--glass-bg: rgba(30, 41, 59, 0.7);--glass-border: rgba(255, 255, 255, 0.1);--glass-border-subtle: rgba(255, 255, 255, 0.05);--btn-outline-hover: rgba(255, 255, 255, 0.05);--form-control-bg: rgba(15, 23, 42, 0.5);--icon-accent-bg: rgba(59, 130, 246, 0.1);--glow-primary: rgba(139, 92, 246, 0.15);--glow-card-blue: rgba(59, 130, 246, 0.08);--glow-card-purple: rgba(139, 92, 246, 0.08);--glow-card-center: rgba(139, 92, 246, 0.04);--divider-gradient: rgba(255, 255, 255, 0.1);--nav-link-color: #f8fafc;--theme-toggle-bg: rgba(255, 255, 255, 0.08);--theme-toggle-hover: rgba(255, 255, 255, 0.14);--theme-toggle-color: #f8fafc;--logo-primary: #ffffff;--logo-cloud: #696c72;--logo-text: #ccc;--logo-text-secondary: #ccc}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #f8fafc;--text-on-accent: #ffffff;--accent-primary: #2563eb;--accent-secondary: #7c3aed;--accent-primary-hover: #1d4ed8;--glass-bg: rgba(255, 255, 255, 0.7);--glass-border: rgba(0, 0, 0, 0.1);--glass-border-subtle: rgba(0, 0, 0, 0.05);--btn-outline-hover: rgba(0, 0, 0, 0.04);--form-control-bg: rgba(241, 245, 249, 0.8);--icon-accent-bg: rgba(37, 99, 235, 0.1);--glow-primary: rgba(124, 58, 237, 0.08);--glow-card-blue: rgba(37, 99, 235, 0.06);--glow-card-purple: rgba(124, 58, 237, 0.06);--glow-card-center: rgba(124, 58, 237, 0.03);--divider-gradient: rgba(0, 0, 0, 0.12);--nav-link-color: #0f172a;--theme-toggle-bg: rgba(0, 0, 0, 0.06);--theme-toggle-hover: rgba(0, 0, 0, 0.12);--theme-toggle-color: #0f172a;--logo-primary: #1482ff;--logo-cloud: #dee2ec;--logo-text: #686969;--logo-text-secondary: #686969}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--bg-primary);color-scheme:dark;transition:background-color .25s ease,color .25s ease}html[data-theme=light]{color-scheme:light}body{font-family:"Inter",sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:"Outfit",sans-serif;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.gradient-text{background:linear-gradient(to right, var(--accent-primary), var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:80px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s;cursor:pointer;border:none;font-family:"Inter",sans-serif;gap:.5rem}.btn-primary{background:var(--accent-primary);color:var(--text-on-accent)}.btn-primary:hover{background:var(--accent-primary-hover)}.btn-outline{background:rgba(0,0,0,0);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-outline:hover{background:var(--btn-outline-hover)}.card{padding:2rem;border-radius:1rem;transition:transform .3s}.card:hover{transform:translateY(-5px)}.navbar{position:fixed;top:0;width:100%;height:80px;z-index:1000;display:flex;align-items:center;border-bottom:1px solid var(--glass-border);transition:background-color .25s ease,border-color .25s ease}.nav-container{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%}.nav-logo{font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:.5rem}.nav-logo .terminal-icon{border-right:0;border-left:0;height:40px;width:30px;color:var(--text-primary)}.nav-links{display:flex;gap:1rem;list-style:none}.nav-links li:last-child .nav-link{border-right:none}.nav-links li .nav-link{border-right:0;padding-right:25px}.nav-link{position:relative;font-weight:500;font-size:16px;transition:color .3s;color:var(--nav-link-color)}.nav-link:last-child{border-right:none}.nav-link:hover{color:var(--accent-primary)}.nav-link.active{color:var(--accent-primary);font-weight:700}.nav-link.active::after{position:absolute;right:25px;bottom:-8px;left:0;height:2px;content:"";border-radius:999px;background:linear-gradient(to right, var(--accent-primary), var(--accent-secondary))}.nav-btn{background:linear-gradient(to right, var(--accent-primary), var(--accent-secondary));padding:.5rem 1.5rem;border-radius:9999px;font-weight:600;color:var(--text-on-accent);transition:opacity .3s}.nav-btn:hover{opacity:.9}.theme-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--theme-toggle-bg);color:var(--theme-toggle-color);border:1px solid var(--glass-border);cursor:pointer;transition:background .2s ease,transform .2s ease;flex-shrink:0}.theme-toggle:hover{background:var(--theme-toggle-hover);transform:rotate(15deg)}.theme-toggle svg{transition:transform .3s ease}.nav-actions{display:flex;align-items:center;gap:.75rem}.nav-actions .resource-nav{gap:0}.nav-actions .resource-nav li:not(:last-child) .nav-link{border-right:1px solid var(--glass-border)}.nav-actions .resource-nav .nav-link{padding-right:8px;padding-left:8px;color:var(--logo-primary);font-weight:600}.nav-actions .resource-nav .nav-link::after{display:none}.seperator{border-right:2px solid var(--glass-border)}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;color:var(--accent-primary);background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:10px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.mobile-menu-toggle:hover{background:var(--bg-primary);border-color:var(--accent-primary)}.mobile-menu-toggle:active{transform:scale(0.96)}.mobile-nav-panel{position:absolute;top:calc(100% + 10px);right:1rem;left:1rem;display:none;padding:1rem;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 20px 45px rgba(0,0,0,.25);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-nav-links,.mobile-resource-links{display:flex;flex-direction:column;list-style:none}.mobile-nav-links{gap:.25rem}.mobile-resource-links{gap:.35rem;padding-top:.75rem;margin-top:.75rem;border-top:1px solid var(--glass-border)}.mobile-nav-panel .nav-link{display:flex;width:100%;padding:.7rem .85rem;border:0;border-radius:8px}.mobile-nav-panel .nav-link.active{color:var(--text-on-accent);background:linear-gradient(to right, var(--accent-primary), var(--accent-secondary))}.mobile-nav-panel .nav-link.active::after{display:none}.mobile-nav-btn{display:flex;justify-content:center;margin-top:1rem}@media(max-width: 1050px){.nav-container{padding:0 1rem}.primary-nav,.nav-actions,.seperator{display:none}.mobile-menu-toggle{display:inline-flex}.navbar.menu-open{border-bottom-color:rgba(0,0,0,0)}.navbar.menu-open .mobile-nav-panel{display:block}}@media(max-width: 480px){.navbar{height:72px}.nav-logo{gap:.35rem}.nav-logo .terminal-icon{width:26px}.nav-logo .logo-img{max-width:155px}.mobile-nav-panel{right:.75rem;left:.75rem}}.footer{background:var(--bg-secondary);padding:4rem 0 2rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;margin-bottom:2rem}.footer-col h4{margin-bottom:1rem}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.5rem;color:var(--text-secondary)}.footer-col li:hover{color:var(--text-primary)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--glass-border);color:var(--text-secondary)}.typewriter-container{display:inline;position:relative}.typewriter-cursor{display:inline-block;margin-left:2px;font-weight:300;color:currentColor;animation:typewriter-blink 1s step-end infinite;vertical-align:baseline;line-height:1}.gradient-text .typewriter-cursor,.gradient-text.typewriter-container .typewriter-cursor{color:var(--accent-secondary)}@keyframes typewriter-blink{from,to{opacity:1}50%{opacity:0}}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;text-align:center;padding:4rem 0;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60vw;height:60vw;background:radial-gradient(circle, var(--glow-primary) 0%, transparent 70%);z-index:-1;pointer-events:none}.hero .hero-btn{padding:20px 35px;border-radius:4rem;border:2px solid #0d6efd}.hero-title{font-size:4rem;margin-bottom:1.5rem}.hero-title-running{height:100px}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:800px;margin:0 auto 2.5rem}.hero-btn-container{display:flex;gap:1rem;justify-content:center}@media(max-width: 768px){.hero-title{font-size:2.5rem}.hero-btn-container{display:block !important}.hero-btn-container .btn{margin-bottom:10px}}.features-preview{padding:6rem 0;background:var(--bg-secondary)}.features-preview .features-header{text-align:center;margin-bottom:4rem}.features-preview .features-header h2{font-size:2.5rem;margin-bottom:1rem}.features-preview .features-header p{color:var(--text-secondary);max-width:600px;margin:0 auto}.features-preview .features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}.features-preview .feature-card .icon-wrap{background:var(--icon-accent-bg);width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.features-preview .feature-card .icon-wrap .icon{color:var(--accent-primary)}.features-preview .feature-card h3{margin-bottom:1rem;font-size:1.5rem}.features-preview .feature-card p{color:var(--text-secondary)}.integrations-section{padding:6rem 0}.integrations-section .integrations-header{text-align:center}.integrations-section .integrations-header h2{font-size:2.5rem;margin-bottom:3rem}.integrations-section .integrations-grid{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.integrations-section .integration-card{width:320px;text-align:center;display:flex;flex-direction:column;align-items:center}.integrations-section .integration-card .icon{margin:0 auto 1rem;flex-shrink:0}.integrations-section .integration-card h4{font-size:1.25rem;margin-bottom:.5rem;flex-shrink:0}.integrations-section .integration-card p{font-size:.95rem;color:var(--text-secondary);margin-top:.5rem;margin-bottom:1.5rem;line-height:1.5}.integrations-section .integration-card .btn{margin-top:auto;width:100%}.highlight-section{padding:6rem 0;position:relative;overflow:hidden}.highlight-section::before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg, transparent 0%, var(--divider-gradient) 50%, transparent 100%)}.highlight-card{text-align:center;padding:4.5rem 2rem;border-radius:1.5rem;position:relative;overflow:hidden;background:radial-gradient(circle at top left, var(--glow-card-blue), transparent 45%),radial-gradient(circle at bottom right, var(--glow-card-purple), transparent 45%);border:1px solid var(--glass-border-subtle)}.highlight-card::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center, var(--glow-card-center) 0%, transparent 60%);pointer-events:none;z-index:0}.highlight-title{font-size:2.75rem;line-height:1.25;margin-bottom:1.5rem;position:relative;z-index:1;font-weight:800;letter-spacing:-0.02em}.highlight-text{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto;position:relative;z-index:1;line-height:1.7}@media(max-width: 768px){.highlight-title{font-size:2rem}.highlight-text{font-size:1.1rem}}.about-page{padding:4rem 0}.about-page .about-header{max-width:800px;margin:0 auto;text-align:center;margin-bottom:4rem}.about-page .about-header .hero-title{font-size:3.5rem}.about-page .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-page .about-mission h2{font-size:2.5rem;margin-bottom:1.5rem}.about-page .about-mission p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.about-page .impact-card h3{margin-bottom:1.5rem}.about-page .impact-card ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.about-page .impact-card li{display:flex;align-items:center;gap:1rem;color:var(--text-secondary)}.about-page .impact-card li .bullet{width:8px;height:8px;border-radius:50%;background:var(--accent-primary)}@media(max-width: 768px){.about-grid{display:block !important}}.services-page{padding:4rem 0}.services-page .services-header{text-align:center;margin-bottom:4rem}.services-page .services-header .hero-title{font-size:3.5rem}.services-page .services-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}.services-page .service-card .service-icon{margin-bottom:1rem;color:var(--accent-primary)}.services-page .service-card h3{margin-bottom:1rem}.services-page .service-card p{color:var(--text-secondary)}.contact-page{padding:4rem 0}.contact-page .contact-header{text-align:center;margin-bottom:4rem}.contact-page .contact-header .hero-title{font-size:3.5rem}.contact-page .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-page .contact-info h2{margin-bottom:2rem}.contact-page .contact-info ul{list-style:none;display:flex;flex-direction:column;gap:1.5rem}.contact-page .contact-info li{display:flex;align-items:flex-start;gap:1rem;color:var(--text-secondary)}.contact-page .contact-info li .icon-wrap{width:24px;height:24px;border-radius:50%;background:var(--icon-accent-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.contact-page .contact-info li .icon-wrap .bullet{width:8px;height:8px;border-radius:50%;background:var(--accent-primary)}.contact-page .contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-page .contact-form .form-control{width:100%;padding:1rem;border-radius:.5rem;background:var(--form-control-bg);border:1px solid var(--glass-border);color:var(--text-primary);outline:none}.contact-page .contact-form .form-control.textarea{resize:vertical}.contact-page .contact-form .submit-btn{width:100%}@media(max-width: 768px){.contact-grid{display:block !important}}.pricing-page{padding:4rem 0}.pricing-page .pricing-header{text-align:center;margin-bottom:4rem}.pricing-page .pricing-header .hero-title{font-size:3.5rem}.pricing-page .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem}.pricing-page .pricing-card{display:flex;flex-direction:column;position:relative;overflow:hidden}.pricing-page .pricing-card .popular-badge{position:absolute;top:15px;right:-35px;background:var(--accent-primary);padding:5px 40px;transform:rotate(45deg);font-size:.8rem;font-weight:bold}.pricing-page .pricing-card .plan-name{text-transform:uppercase;color:var(--text-secondary);font-size:1rem;margin-bottom:1rem}.pricing-page .pricing-card .plan-price-wrap{display:flex;align-items:baseline;margin-bottom:.5rem}.pricing-page .pricing-card .plan-price-wrap .currency{font-size:1.5rem;font-weight:bold}.pricing-page .pricing-card .plan-price-wrap .amount{font-size:3.5rem;font-weight:bold}.pricing-page .pricing-card .plan-period{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem}.pricing-page .pricing-card .feature-list{list-style:none;display:flex;flex-direction:column;gap:1rem;flex:1;margin-bottom:2rem}.pricing-page .pricing-card .feature-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem}.pricing-page .pricing-card .feature-list li .check-icon{flex-shrink:0;margin-top:2px;color:var(--accent-primary)}.pricing-page .pricing-card .plan-btn{width:100%}