@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-white:#fff;--color-dark-blue:#0b2341;--color-dark-blue-light:#16365f;--color-dark-red:#8b0000;--color-dark-red-hover:#600000;--color-gray-100:#f4f5f7;--color-gray-200:#e2e8f0;--color-gray-500:#64748b;--color-gray-800:#1e293b;--font-family-primary:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-primary);background-color:var(--color-white);color:var(--color-gray-800);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4,h5,h6{color:var(--color-dark-blue);line-height:1.2}html{scroll-behavior:smooth}body{overflow-x:hidden}.client-logo{object-fit:contain;mix-blend-mode:multiply;max-width:150px;height:60px;transition:transform .3s}.client-logo:hover{transform:scale(1.05)}.three-column-grid{grid-template-columns:1fr;gap:30px;display:grid}@media (width>=768px){.three-column-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.three-column-grid{grid-template-columns:repeat(3,1fr)}}.app-container{width:100%}.navbar{z-index:100;background-color:var(--color-white);transition:all .3s cubic-bezier(.25,.8,.25,1);position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.navbar.nav-scrolled{border-radius:9999px;margin:0 1rem;top:1rem;box-shadow:0 10px 30px #0000001a}@media (width>=1200px){.navbar.nav-scrolled{max-width:1200px;margin:1rem auto;padding:0 1rem}}.nav-container{justify-content:space-between;align-items:center;height:80px;display:flex}.nav-left,.nav-right{align-items:center;gap:2rem;display:flex}.logo{color:var(--color-dark-blue);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.logo-dot{background-color:var(--color-dark-red);border-radius:50%;width:12px;height:12px;display:inline-block}.nav-links{display:none}@media (width>=992px){.nav-links{color:var(--color-dark-blue);gap:1.5rem;font-weight:600;display:flex}}.nav-link{font-weight:600;transition:color .2s}.nav-link:hover{color:var(--color-dark-red)}.nav-actions{display:none}@media (width>=992px){.nav-actions{align-items:center;gap:1rem;display:flex}}.menu-btn{cursor:pointer;color:var(--color-dark-blue);background:0 0;border:none;padding:.5rem;display:flex}@media (width>=992px){.menu-btn{display:none}}.mobile-menu{background-color:var(--color-white);z-index:99;flex-direction:column;gap:.5rem;height:100vh;padding:100px 2rem 2rem;display:flex;position:fixed;inset:0;overflow-y:auto}@media (width>=992px){.mobile-menu{display:none}}.mobile-menu .nav-link{border-bottom:1px solid var(--color-gray-200);color:var(--color-dark-blue);background-color:#0000;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1.15rem;transition:all .2s cubic-bezier(.25,.8,.25,1);display:flex}.mobile-menu .nav-link:active,.mobile-menu .nav-link:hover{color:var(--color-dark-red);background-color:#8b00000a}.btn{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:.75rem 1.5rem;font-size:.85rem;font-weight:700;transition:all .2s}.btn-secondary{color:var(--color-dark-red);border:1px solid var(--color-dark-red);background-color:#0000}.btn-secondary:hover{background-color:#8b00000d}.btn-primary{color:var(--color-white);background-color:var(--color-dark-red);border:1px solid var(--color-dark-red)}.btn-primary:hover{background-color:var(--color-dark-red-hover);border-color:var(--color-dark-red-hover)}.btn-lg{padding:1.25rem 2.5rem;font-size:1rem}.btn-white{background-color:var(--color-white);color:var(--color-dark-red);border:1px solid var(--color-dark-red)}.text-center{text-align:center}.hero-section{background-color:var(--color-white);color:var(--color-dark-blue);padding:5rem 0 0;overflow:hidden}.hero-content-centered{max-width:800px;margin:0 auto}.hero-content-centered h1{color:var(--color-dark-blue);letter-spacing:-.02em;margin-bottom:1rem;font-size:2.25rem;font-weight:800;line-height:1.1}@media (width>=768px){.hero-content-centered h1{font-size:4.5rem}}.hero-subtitle{opacity:.9;margin-bottom:2.5rem;font-size:1.25rem;font-weight:500}.hero-buttons-centered{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.hero-logos{flex-direction:column;align-items:center;gap:1rem;margin-bottom:4rem;display:flex}@media (width>=768px){.hero-logos{flex-direction:row;justify-content:center;gap:2rem}}.trusted-text{text-transform:uppercase;color:var(--color-gray-500);font-size:.875rem;font-weight:700}.logos-inline{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.logo-item{color:var(--color-dark-blue);opacity:.8;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.hero-main-image{max-width:1000px;margin:0 auto;padding:0 1.5rem}.app-ui-placeholder{background-color:var(--color-dark-blue);border:1px solid #0000001a;border-bottom:none;border-top-left-radius:12px;border-top-right-radius:12px;flex-direction:column;height:350px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (width>=768px){.app-ui-placeholder{height:500px}}.app-header{background:#0003;align-items:center;height:48px;padding:0 1rem;display:flex}.app-dot{border-radius:50%;width:12px;height:12px;margin-right:8px}.app-search{color:#fff9;background:#ffffff1a;border-radius:4px;justify-content:center;align-items:center;width:400px;height:28px;margin:0 auto;font-size:.85rem;font-weight:600;display:flex}.app-body{flex:1;display:flex}.app-sidebar{background:#0000004d;width:260px;padding:1.5rem 1rem;display:none}@media (width>=768px){.app-sidebar{display:block}}.sidebar-line{background:#ffffff1a;border-radius:4px;height:16px;margin-bottom:.75rem}.app-content{background:var(--color-white);border-top-left-radius:8px;flex-direction:column;flex:1;display:flex}.service-pills-section{background-color:var(--color-white);padding:0 0 4rem}.service-pills-container{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.action-pill{background-color:var(--color-white);border:1px solid var(--color-gray-200);color:var(--color-dark-blue);cursor:pointer;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px -1px #0000000d}.action-pill:hover{border-color:var(--color-dark-blue);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.action-pill.dark{background-color:var(--color-dark-blue);color:var(--color-white);border-color:var(--color-dark-blue)}.action-pill.dark:hover{background-color:var(--color-dark-blue-light)}.dark-feature-section{background-color:var(--color-dark-blue);color:var(--color-white);padding:6rem 0;position:relative}.dark-feature-header{text-align:center;max-width:800px;margin:0 auto 4rem}.dark-feature-header h2{color:var(--color-white);margin-bottom:1.5rem;font-size:2.5rem;line-height:1.2}@media (width>=768px){.dark-feature-header h2{font-size:3.5rem}}.dark-feature-header p{opacity:.9;font-size:1.125rem}.dark-feature-layout{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (width>=992px){.dark-feature-layout{grid-template-columns:1fr 2fr;gap:0}}.dark-feature-sidebar{flex-direction:column;display:flex}.sidebar-tab{cursor:pointer;opacity:.5;border-left:4px solid #0000;padding:1.5rem;transition:all .2s}.sidebar-tab.active,.sidebar-tab:hover{opacity:1;background-color:#ffffff0d}.sidebar-tab.active{background-color:var(--color-white);color:var(--color-dark-blue);border-left-color:var(--color-dark-red);opacity:1;border-radius:0 8px 8px 0}.sidebar-tab h3{color:inherit;margin-bottom:.5rem;font-size:1.25rem}.sidebar-tab p{margin-bottom:0;font-size:.95rem}.dark-feature-mockup{background-color:#1e1e2e;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;height:350px;margin-left:0;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}@media (width>=992px){.dark-feature-mockup{height:500px;margin-left:2rem}}.mockup-header-dark{background-color:#181825;border-bottom:1px solid #ffffff0d;align-items:center;padding:.75rem 1rem;display:flex}.mockup-dots{gap:8px;width:60px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background-color:#ff5f56}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#27c93f}.mockup-search{color:#ffffff80;background:#ffffff1a;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;width:auto;min-width:200px;height:28px;margin:0 auto;padding:0 1rem;font-size:.85rem;display:flex}.mockup-body-dark{flex:1;display:flex}.mockup-sidebar-dark{background-color:#1e1e2e;border-right:1px solid #ffffff0d;width:200px;padding:1rem;display:none}@media (width>=768px){.mockup-sidebar-dark{display:block}}.mock-nav{color:#ffffffb3;border-radius:6px;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.5rem .75rem;font-size:.9rem;display:flex}.mock-nav:hover,.mock-nav.active{color:var(--color-white);background-color:#ffffff1a}.mockup-content-dark{background-color:#11111b;flex:1;padding:1.5rem}.content-pane-dark{flex-direction:column;gap:1rem;display:flex}.ticket-skeleton{background-color:#1e1e2e;border:1px solid #ffffff0d;border-radius:8px;height:80px}.context-feature-section{background-color:var(--color-white);padding:6rem 0}.context-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:3rem;display:flex}@media (width<=768px){.context-tabs{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}}.context-tab{color:var(--color-dark-blue);cursor:pointer;background-color:#0b23410d;border-radius:9999px;padding:.5rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}@media (width<=768px){.context-tab{text-align:center;padding:.75rem .5rem;font-size:.9rem}}.context-tab.active,.context-tab:hover{color:var(--color-dark-red);background-color:#8b00001a}.context-header{max-width:800px;margin:0 auto 4rem}.context-header h2{margin-bottom:1rem;font-size:2.5rem}.context-header p{color:var(--color-gray-500);font-size:1.125rem}.context-split{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (width>=992px){.context-split{grid-template-columns:1fr 1fr;gap:5rem}}.context-split-text h3{margin-bottom:1rem;font-size:2rem}.context-split-text p{color:var(--color-gray-500);margin-bottom:2rem;font-size:1.125rem}.highlight-tag{color:var(--color-dark-red);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:700;display:inline-block}.learn-more-link{color:var(--color-dark-blue);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;transition:color .2s;display:inline-flex}.learn-more-link:hover{color:var(--color-dark-red)}.mockup-window-light{border:1px solid var(--color-gray-200);border-radius:12px;flex-direction:column;height:350px;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000001a}@media (width>=768px){.mockup-window-light{height:400px}}.mockup-header-light{background-color:var(--color-dark-blue);align-items:center;padding:.75rem 1rem;display:flex}.mockup-search-light{width:auto;min-width:200px;height:28px;color:var(--color-white);background:#ffffff26;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;margin:0 auto;padding:0 1rem;font-size:.85rem;display:flex}.portfolio-section{background-color:var(--color-white);padding:6rem 0}.portfolio-section h2{margin-bottom:4rem;font-size:2.5rem}.portfolio-grid{flex-direction:column;gap:1rem;margin-bottom:4rem;display:flex}@media (width>=768px){.portfolio-grid{flex-direction:row;height:450px}}.portfolio-card{min-height:250px;color:var(--color-white);text-align:left;background-position:50%;background-size:cover;border-radius:12px;flex-direction:column;flex:1;justify-content:flex-end;padding:2rem;transition:flex .5s cubic-bezier(.25,1,.5,1),transform .3s;display:flex;position:relative;overflow:hidden}@media (width>=768px){.portfolio-card{min-height:auto}.portfolio-card:hover{flex:2.5}}.portfolio-card h3{color:var(--color-white);z-index:2;white-space:nowrap;opacity:1;margin-bottom:.5rem;font-size:1.5rem;transition:opacity .3s}.portfolio-desc{opacity:.9;z-index:2;font-size:1rem;display:none}@media (width>=768px){.portfolio-desc{opacity:0;max-height:0;transition:opacity .4s .1s,max-height .4s .1s;display:block;overflow:hidden}.portfolio-card:hover .portfolio-desc{opacity:.9;max-height:100px}}.play-btn{background-color:var(--color-white);cursor:pointer;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex;position:absolute;top:2rem;right:2rem}.play-btn:hover{transform:scale(1.1)}.portfolio-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-section{background-color:var(--color-dark-blue);color:var(--color-white);text-align:center;padding:6rem 0;position:relative;overflow:hidden}.cta-bg-shape{background:radial-gradient(circle, var(--color-dark-blue-light) 0%, transparent 70%);z-index:0;width:100vw;height:100vw;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.cta-container{z-index:1;max-width:800px;margin:0 auto;position:relative}.cta-container h2{color:var(--color-white);margin-bottom:1.5rem;font-size:3rem;font-weight:800}.cta-container p{color:#ffffffe6;margin-bottom:2.5rem;font-size:1.25rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-buttons .btn-secondary{color:var(--color-white);border-color:var(--color-white);background-color:#0000}.cta-buttons .btn-secondary:hover{color:var(--color-white);background-color:#ffffff1a}.cta-buttons .btn-primary{background-color:var(--color-white);color:var(--color-dark-blue);border-color:var(--color-white)}.cta-buttons .btn-primary:hover{background-color:var(--color-gray-100)}.footer.mega-footer{background-color:var(--color-white);color:var(--color-dark-blue);border-top:1px solid var(--color-gray-200);padding:6rem 0 2rem}.mega-grid{grid-template-columns:1fr;gap:3rem;margin-bottom:5rem;display:grid}@media (width>=768px){.mega-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.mega-grid{grid-template-columns:2fr 1fr 1fr 1.5fr}}.footer-brand-huge{flex-direction:column;display:flex}.footer-tagline{color:var(--color-gray-500);max-width:320px;margin-top:0;margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.social-links-mega{gap:1rem;display:flex}.social-links-mega .social-link{background-color:var(--color-gray-100);width:44px;height:44px;color:var(--color-dark-blue);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.social-links-mega .social-link:hover{background-color:var(--color-dark-red);color:var(--color-white);transform:translateY(-3px)}.footer-col h4{color:var(--color-dark-blue);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700}.footer-links{flex-direction:column;gap:1rem;display:flex}.footer-links a{color:var(--color-gray-500);font-size:1rem;font-weight:500;transition:color .2s}.footer-links a:hover{color:var(--color-dark-red);text-decoration:underline}.footer-newsletter p{color:var(--color-gray-500);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.newsletter-form{gap:.5rem;display:flex}.newsletter-form input{border:1px solid var(--color-gray-200);background-color:var(--color-white);color:var(--color-dark-blue);border-radius:6px;flex:1;padding:.75rem 1rem}.newsletter-form input:focus{border-color:var(--color-dark-red);outline:none}.newsletter-form button{padding:.75rem 1.5rem}.footer-contact-info p{color:var(--color-gray-500);margin-bottom:.5rem}.footer-contact-info strong{color:var(--color-dark-blue)}.footer-bottom{border-top:1px solid var(--color-gray-200);color:var(--color-gray-500);flex-direction:column;align-items:center;gap:1rem;padding-top:2rem;font-size:.875rem;display:flex}@media (width>=768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-legal{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.footer-legal a{color:var(--color-gray-500)}.footer-legal a:hover{color:var(--color-dark-blue)}.card-elevated{background:#fff;border:1px solid #f1f5f9;border-radius:16px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px -1px #0000000d,0 20px 40px -10px #0000001a}.card-elevated:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 30px 60px -15px #00000026}.tech-widgets-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}.tech-widget{padding:30px}.tech-widget-header{flex-direction:column;display:flex}.widget-mockup{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;min-height:150px;margin-top:20px;padding:20px;position:relative;overflow:hidden}.chart-bars{align-items:flex-end;gap:6px;height:100px;display:flex}.chart-bar{background-color:var(--color-dark-blue);opacity:.8;border-radius:4px 4px 0 0;flex:1;transition:height 1s ease-out}.chart-bar:hover{opacity:1;background-color:var(--color-dark-red)}.security-row{background:#fff;border-radius:6px;align-items:center;gap:10px;padding:10px;font-size:.9rem;display:flex}.status-dot{border-radius:50%;width:10px;height:10px}.status-dot.green{background-color:#10b981;box-shadow:0 0 10px #10b98180}.edge-map{background-color:#f1f5f9}.map-node{background-color:var(--color-dark-blue);border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute}.map-node.active{background-color:var(--color-dark-red);animation:2s infinite pulse;box-shadow:0 0 0 4px #dc262633}@keyframes pulse{0%{box-shadow:0 0 #dc262666}70%{box-shadow:0 0 0 10px #dc262600}to{box-shadow:0 0 #dc262600}}.terminal{background-color:#0f172a;border:none;padding:0}.terminal-header{background-color:#1e293b;align-items:center;padding:10px 15px;display:flex}.window-dots{gap:6px;display:flex}.window-dots span{background-color:#ef4444;border-radius:50%;width:10px;height:10px}.window-dots span:nth-child(2){background-color:#f59e0b}.window-dots span:nth-child(3){background-color:#10b981}.window-title{color:#94a3b8;margin-left:auto;margin-right:auto;font-size:.8rem}.terminal-body{color:#e2e8f0;flex-direction:column;gap:5px;padding:15px;font-family:monospace;font-size:.85rem;display:flex}