@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:optional;src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/webfonts/fa-solid-900.woff2') format('woff2')}@font-face{font-family:'Poppins Fallback';src:local('Arial');size-adjust:105%;ascent-override:105%;descent-override:35%;line-gap-override:0%}.fa-solid,.fas{font-family:'Font Awesome 6 Free';font-weight:900;font-style:normal;display:inline-block;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased}:root{--blue:#1284F6;--navy:#040664;--navy-dark:#020440;--blue-light:#3d9bff;--blue-glow:rgba(18,132,246,0.18);--white:#ffffff;--off-white:#f5f7fc;--text:#1a1a2e;--text-muted:#5a6480;--border:rgba(18,132,246,0.12);--card-bg:#ffffff;--shadow:0 4px 16px rgba(4,6,100,0.10);--shadow-blue:0 2px 8px rgba(18,132,246,0.22);--navbar-bg:rgba(255,255,255,0.92);--submenu-bg:#ffffff;--input-bg:rgba(18,132,246,0.05)}[data-theme=dark]{--white:#060d1e;--off-white:#0b1628;--text:#e8f4ff;--text-muted:#8bb8e8;--border:rgba(48,166,255,0.15);--card-bg:#0f2040;--shadow:0 4px 32px rgba(0,0,0,0.6);--shadow-blue:0 4px 16px rgba(18,132,246,0.4);--navbar-bg:rgba(6,13,30,0.97);--submenu-bg:#0b1628;--input-bg:rgba(48,166,255,0.08)}.map-wrap{position:relative;border-radius:12px;overflow:hidden;margin-bottom:4px}.map-overlay{position:absolute;inset:0;background:rgba(0,10,100,.55);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;text-decoration:none;border-radius:12px}.map-overlay-text{color:#fff;font-family:Poppins,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.1em;display:flex;align-items:center;gap:8px;transform:translateY(10px);transition:transform .4s ease}.map-wrap:hover .map-iframe{transform:scale(1.03);transition:transform .4s ease}.map-wrap:hover .map-overlay{opacity:1}.map-wrap:hover .map-overlay-text{transform:translateY(0)}[data-theme=dark] .map-iframe{filter:invert(.9) hue-rotate(195deg) saturate(1.2) brightness(.85)!important}[data-theme=dark] .section-title{color:#e8f4ff}[data-theme=dark] .svc-title{color:#c8deff}[data-theme=dark] .app-name{color:#c8deff}[data-theme=dark] .submenu-list__item-title{color:#e8f4ff}[data-theme=dark] .submenu-list__item-subtile{color:#8bb8e8}[data-theme=dark] .submenu-content__link-title{color:#c8deff}[data-theme=dark] .submenu-content__link-text{color:#8bb8e8}[data-theme=dark] .pill{background:#132648;border-color:rgba(48,166,255,.2);color:#c8deff}[data-theme=dark] .kpi-box{background:#132648;border-color:rgba(48,166,255,.2)}[data-theme=dark] .service-card{background:#0f2040;border-color:rgba(48,166,255,.15)}[data-theme=dark] .app-card{background:#0f2040;border-color:rgba(48,166,255,.15)}[data-theme=dark] .plugins{background:#060d1e}[data-theme=dark] .plugin-card{background:#0f2040;border-color:rgba(48,166,255,.15)}[data-theme=dark] .plugin-card:hover{background:#132648}[data-theme=dark] .about{background:#0b1628}[data-theme=dark] .about-text p{color:#8bb8e8}[data-theme=dark] .header__list-item>a{color:#e8f4ff}[data-theme=dark] .submenu-list__item-wrapper:hover,[data-theme=dark] .submenu-list__item.has-submenu.active .submenu-list__item-wrapper{background-color:#132648}[data-theme=dark] .submenu-content__list-item{background-color:#0f2040}[data-theme=dark] .submenu-content__list-item:hover{background:rgba(48,166,255,.08);border-color:rgba(48,166,255,.3)}[data-theme=dark] .submenu-content__list-item.active{background:rgba(48,166,255,.08);border-color:rgba(48,166,255,.3)}[data-theme=dark] .footer-social a{background:#132648;border-color:rgba(48,166,255,.2);color:#8bb8e8}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;color:var(--text);background:var(--white);overflow-x:hidden;transition:background .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%}.topbar{background:var(--navy);color:rgba(255,255,255,.75);font-size:.78rem;padding:7px 0}.topbar-inner{max-width:1260px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar a{color:rgba(255,255,255,.75);transition:color .2s}.topbar a:hover{color:var(--blue)}.topbar-left,.topbar-right{display:flex;gap:20px;align-items:center}.topbar span{display:flex;align-items:center;gap:6px}.navbar-wrapper{position:sticky;top:0;z-index:1000;background:var(--navbar-bg);transition:background .3s}.header{display:flex;align-items:center;position:relative;padding:0 8px 0 16px;min-height:32px;max-width:1260px;margin:0 auto}.header__logo{display:flex;align-items:center;flex-shrink:0}.header__logo img{height:30px;width:auto}.header__wrapper{width:100%;display:flex;align-items:center}.header__navigation-wrapper{display:flex;width:100%;padding-left:36px;align-items:center}.header__list{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}.header__list-item{display:flex;height:68px;gap:8px;font-size:.88rem}.header__list-item>a{display:flex;align-items:center;gap:6px;color:var(--text);font-weight:500;padding:0 12px;border-radius:8px;transition:.3s;white-space:nowrap}.header__list-item>a svg path{transition:.3s}.header__list-item .submenu-wrapper{position:absolute;width:100%;height:auto;top:110%;left:0;border-radius:10px;padding:28px 28px 40px 28px;background-color:var(--submenu-bg);border:1px solid var(--border);opacity:0;visibility:hidden;pointer-events:none;transition:.3s;box-shadow:0 16px 48px rgba(4,6,100,.12)}.header__list-item .submenu-wrapper::before{content:'';position:absolute;top:-14px;left:0;right:0;height:14px;pointer-events:none}.header__buttons-wrapper{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.header__button{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 22px;border-radius:10px;font-size:.85rem;font-weight:600;color:#fff;border:2px solid var(--border);background:var(--off-white);color:var(--text);font-size:1rem}.submenu-list__title{width:max-content;margin-bottom:20px;font-size:.68rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.submenu-list{display:flex;flex-direction:column;gap:6px;max-width:300px;padding:0;list-style:none}.submenu-list--grid{max-width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.submenu-list__item{display:flex;padding-right:80px;margin-right:-80px;cursor:pointer}.submenu-list__item-wrapper{width:100%;display:flex;align-items:center;padding:8px 12px 8px 8px;gap:12px;border-radius:12px;transition:.3s}.submenu-list__item-wrapper>svg{margin-left:auto;opacity:0;visibility:hidden;flex-shrink:0;transition:.3s}.submenu-list__item-wrapper>svg path{stroke:var(--navy)}.submenu-list__wrapper{position:relative}.submenu-content{position:absolute;left:330px;top:0;width:calc(100% - 330px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s;contain:layout style}.submenu-list__item.has-submenu.active .submenu-content{opacity:1;visibility:visible;pointer-events:auto}.submenu-list__item.has-submenu.active .submenu-list__item-wrapper{background-color:var(--off-white)}.submenu-list__item.has-submenu.active .submenu-list__item-wrapper>svg{opacity:1;visibility:visible;pointer-events:auto}.submenu-list__item.has-submenu:first-child .submenu-content{opacity:1;visibility:visible}.submenu-list__item.has-submenu:first-child .submenu-list__item-wrapper{background-color:var(--off-white)}.submenu-list__item.has-submenu:first-child .submenu-list__item-wrapper>svg{opacity:1;visibility:visible}.submenu-list__wrapper:has(.submenu-list__item.active) .submenu-list__item.has-submenu:first-child:not(.active) .submenu-content{opacity:0;visibility:hidden}.submenu-list__wrapper:has(.submenu-list__item.active) .submenu-list__item.has-submenu:first-child:not(.active) .submenu-list__item-wrapper{background-color:transparent}.submenu-list__wrapper:has(.submenu-list__item.active) .submenu-list__item.has-submenu:first-child:not(.active) .submenu-list__item-wrapper>svg{opacity:0;visibility:hidden}.submenu-list__item-link{display:flex;flex-direction:column;gap:4px;color:var(--text)}.submenu-list__item-title{font-size:.85rem;font-weight:500;color:var(--text)}.submenu-list__item-icon{display:flex;flex-shrink:0}.submenu-list__item-subtile{font-size:.72rem;color:var(--text-muted)}.sm-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.submenu-content__title{width:max-content;margin-bottom:16px;font-size:.68rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.submenu-content__list{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0;list-style:none}.submenu-content__list.col-2{grid-template-columns:repeat(2,1fr)}.submenu-content__list.col-1{grid-template-columns:1fr;max-width:320px}.submenu-content__list-item{display:block;border-radius:14px;background-color:var(--off-white);overflow:hidden;border:1px solid transparent}.submenu-content__link{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;border-radius:14px;padding:14px;border:1px solid transparent;transition:.3s;color:var(--text)}i.submenu-content__link-icon{font-size:1.5rem;color:var(--blue);grid-row:1/3;align-self:center}.submenu-content__link-title{font-size:.82rem;font-weight:600;color:var(--navy);align-self:end}.submenu-content__link-text{font-size:.7rem;color:var(--text-muted);line-height:1.4;align-self:start}.submenu-content__list-item.active{border-color:rgba(36,36,36,.35);background:rgba(146,146,146,.05);pointer-events:none}.submenu-content__list-item.active i{font-size:1.1rem;color:var(--text-muted)}.theme-toggle{width:38px;height:38px;border-radius:50%;border:2px solid var(--border);background:var(--off-white);color:var(--text);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.theme-toggle:hover{background:var(--blue);color:#fff;border-color:var(--blue);transform:rotate(20deg)}submenu-list__item.has-submenu a{height:48px}@media (hover:hover) and (pointer:fine){.header__list-item.submenu-active .submenu-wrapper{opacity:1;visibility:visible;pointer-events:auto}.header__list-item:hover>a{color:var(--blue)}.header__list-item:hover>a svg path{fill:var(--blue)}.header__button:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.submenu-list__item-wrapper:hover{background-color:var(--off-white)}.submenu-list__item.has-submenu:hover .submenu-list__item-wrapper{background-color:var(--off-white)}.submenu-list__item.has-submenu:hover .submenu-content,.submenu-list__item.has-submenu:hover .submenu-list__item-wrapper>svg{opacity:1;visibility:visible;pointer-events:auto}.submenu-content__list-item:hover{background:rgba(18,132,246,.05);border:1px solid rgba(18,132,246,.35)}}.hero{position:relative;overflow:hidden;background:var(--navy);min-height:88vh;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;z-index:0}.hero-grid{background:url('../images/bg.png') center/cover no-repeat;z-index:0;opacity:.1;position:absolute;inset:0;z-index:0}.hero-bg{background:var(--navy);background:radial-gradient(ellipse 60% 80% at 70% 50%,rgba(18,132,246,.22) 0,transparent 70%),radial-gradient(ellipse 40% 50% at 10% 80%,rgba(18,132,246,.12) 0,transparent 60%);transition:background .3s}.hero-inner{position:relative;z-index:2;max-width:1260px;margin:0 auto;padding:24px 24px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(18,132,246,.15);border:1px solid rgba(18,132,246,.3);color:var(--blue-light);font-size:.75rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:20px}.hero-tag::before{content:'●';font-size:.6rem;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}.hero h1{font-size:clamp(2.4rem, 5vw, 3.8rem);font-weight:800;line-height:1.1;color:#fff;margin-bottom:20px;letter-spacing:-1px}.hero h1 .highlight{background:linear-gradient(135deg,var(--blue) 0,#54b3ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.05rem;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:24px}.hero-btns{display:flex;gap:12px;flex-wrap:wrap}.btn-primary{background:var(--blue);color:#fff;font-weight:600;font-size:.9rem;padding:14px 28px;border-radius:10px;box-shadow:0 8px 30px rgba(18,132,246,.4);transition:all .22s;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background:#0e6dd4;transform:translateY(-2px);box-shadow:0 12px 40px rgba(18,132,246,.5)}.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.2);font-weight:500;font-size:.9rem;padding:14px 28px;border-radius:10px;transition:all .22s;display:inline-flex;align-items:center;gap:8px}.btn-ghost:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4)}.hero-stats{display:flex;gap:32px;margin-top:48px;padding-top:32px;min-height:80px}.stat-num{font-family:Poppins,'Poppins Fallback',sans-serif;font-size:2rem;font-weight:800;color:#fff;min-height:2.6rem}.stat-num .plus{color:var(--blue)}.stat-lbl{font-size:.78rem;color:rgba(255,255,255,.5);margin-top:2px}.hero-products{position:relative}.hero-product-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:28px;backdrop-filter:blur(12px);margin-bottom:16px;transition:all .3s;cursor:pointer}.hero-product-card:hover{background:rgba(18,132,246,.12);border-color:rgba(18,132,246,.4);transform:translateX(6px)}.hero-product-card.featured{background:linear-gradient(135deg,rgba(18,132,246,.25) 0,rgba(4,6,100,.4) 100%);border-color:rgba(18,132,246,.5)}.hero-logo-wrap{align-items:center;justify-content:center;position:relative}.hero-logo-ring{position:absolute;border-radius:50%;border:1px solid rgba(1,199,189,.18);animation:ring-pulse 4s ease-in-out infinite;will-change:transform,opacity}.hero-logo-ring:first-child{width:280px;height:280px;animation-delay:0s}.hero-logo-ring:nth-child(2){width:360px;height:360px;animation-delay:.8s;opacity:.6}.hero-logo-ring:nth-child(3){width:440px;height:440px;animation-delay:1.6s;opacity:.3}@keyframes ring-pulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.03);opacity:1}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.hpc-tag{font-size:.67rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--blue-light);margin-bottom:6px}.hpc-name{font-family:Poppins,sans-serif;font-weight:700;font-size:1.05rem;color:#fff;margin-bottom:4px}.hpc-desc{font-size:.8rem;color:rgba(255,255,255,.55);line-height:1.5}section{padding:88px 0}section:not(.hero){content-visibility:auto;contain-intrinsic-size:0 600px}