:root{--ink: #16233c;--ink-soft: #4b5a74;--ink-muted: #7e8ba1;--bg: #ffffff;--bg-soft: #f5f8fc;--bg-tint: #edf3fb;--blue: #1b6fe0;--blue-dark: #1257b4;--blue-deep: #16305e;--blue-wash: rgba(27, 111, 224, .08);--orange: #f08118;--orange-deep: #d96c07;--orange-wash: rgba(240, 129, 24, .09);--teal: #0d9d80;--border: #e3eaf4;--border-strong: #cdd9ea;--radius: 14px;--radius-sm: 9px;--shadow-sm: 0 1px 3px rgba(22, 35, 60, .06), 0 1px 2px rgba(22, 35, 60, .04);--shadow-md: 0 10px 30px -8px rgba(22, 35, 60, .14);--shadow-blue: 0 8px 24px -6px rgba(27, 111, 224, .35);--transition: .22s ease;--font-heading: "Sora", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg);color:var(--ink);line-height:1.7;font-size:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--font-heading);font-weight:700;line-height:1.18;letter-spacing:-.015em;color:var(--ink)}a{color:var(--blue);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--blue-dark)}ul{list-style:none}img{display:block;max-width:100%}.container{max-width:1160px;margin:0 auto;padding:0 24px}.section{padding:96px 0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:clamp(1.9rem,3.6vw,2.7rem);margin-bottom:14px}.section-header p{color:var(--ink-soft);max-width:580px;margin:0 auto;font-size:1.06rem}.section-label{display:inline-block;font-family:var(--font-heading);font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-deep);margin-bottom:14px}.accent-blue{color:var(--blue)}.accent-orange{color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 28px;border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:.98rem;font-weight:600;letter-spacing:.01em;cursor:pointer;border:1.5px solid transparent;transition:all var(--transition);text-decoration:none;line-height:1.3}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;box-shadow:var(--shadow-blue)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px -6px #1b6fe073;color:#fff}.btn-ghost{background:var(--bg);color:var(--ink);border-color:var(--border-strong)}.btn-ghost:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-full{width:100%}.nav-wrapper{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color var(--transition),box-shadow var(--transition)}.nav-wrapper.scrolled{border-bottom-color:var(--border);box-shadow:0 4px 20px #16233c0f}.nav-inner{max-width:1160px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-logo img{height:54px;width:auto}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{display:inline-block;padding:9px 14px;border-radius:8px;font-weight:500;font-size:.95rem;color:var(--ink-soft)}.nav-links a:hover{color:var(--ink);background:var(--bg-soft)}.nav-links a.active{color:var(--blue);background:var(--blue-wash)}.nav-links .nav-cta{margin-left:10px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;font-weight:600;padding:10px 20px;box-shadow:var(--shadow-blue)}.nav-links .nav-cta:hover{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;transform:translateY(-1px)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.nav-toggle span{width:24px;height:2.5px;background:var(--ink);border-radius:2px;transition:var(--transition)}.hero{position:relative;padding:190px 24px 110px;background:radial-gradient(680px 340px at 12% 0%,var(--blue-wash),transparent 70%),radial-gradient(620px 320px at 92% 12%,var(--orange-wash),transparent 70%),linear-gradient(180deg,#fdfeff 0%,var(--bg-soft) 100%);overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:var(--border)}.hero-content{max-width:860px;margin:0 auto;text-align:center;position:relative}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--blue-dark);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:7px 16px;margin-bottom:26px;box-shadow:var(--shadow-sm)}.hero-eyebrow i{color:var(--orange)}.hero-headline{font-size:clamp(2.4rem,5.6vw,3.9rem);font-weight:800;margin-bottom:22px}.hero-sub{font-size:1.14rem;color:var(--ink-soft);max-width:640px;margin:0 auto 30px}.hero-certs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:36px}.hero-certs span{display:inline-flex;align-items:center;gap:8px;font-size:.87rem;font-weight:500;color:var(--ink-soft);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:7px 15px}.hero-certs i{color:var(--blue)}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}.page-hero{position:relative;padding:170px 0 80px;background:radial-gradient(560px 300px at 8% 10%,var(--blue-wash),transparent 70%),radial-gradient(520px 280px at 95% 20%,var(--orange-wash),transparent 70%),linear-gradient(180deg,#fdfeff 0%,var(--bg-soft) 100%);border-bottom:1px solid var(--border)}.page-hero-content{max-width:720px}.page-hero-content h1{font-size:clamp(2.1rem,4.6vw,3.2rem);font-weight:800;margin-bottom:18px}.page-hero-content p{font-size:1.1rem;color:var(--ink-soft);margin-bottom:8px}.page-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.service-card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.service-card.featured{border-color:#1b6fe059;background:linear-gradient(180deg,#fbfdff 0%,var(--bg) 100%)}.service-badge,.service-badge-alt{position:absolute;top:18px;right:18px;font-family:var(--font-heading);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 11px;border-radius:999px}.service-badge{color:var(--blue-dark);background:var(--blue-wash);border:1px solid rgba(27,111,224,.25)}.service-badge-alt{color:var(--orange-deep);background:var(--orange-wash);border:1px solid rgba(240,129,24,.3)}.service-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:var(--blue);background:var(--blue-wash);margin-bottom:20px}.service-card h3{font-size:1.22rem;margin-bottom:10px}.service-card>p{color:var(--ink-soft);font-size:.95rem;margin-bottom:16px}.service-card ul{margin-bottom:20px;flex-grow:1}.service-card ul li{position:relative;padding-left:22px;font-size:.92rem;color:var(--ink-soft);margin-bottom:7px}.service-card ul li:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:1px;font-size:.72rem;color:var(--teal)}.service-card-cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-heading);font-weight:600;font-size:.92rem;margin-top:auto}.service-card-cta i{transition:transform var(--transition);font-size:.8rem}.service-card-cta:hover i{transform:translate(4px)}.assessment-section{padding:0 0 96px}.assessment-card{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;background:radial-gradient(500px 260px at 100% 0%,var(--orange-wash),transparent 70%),linear-gradient(135deg,#fbfdff 0%,var(--bg-tint) 100%);border:1px solid var(--border-strong);border-radius:20px;padding:52px 56px;box-shadow:var(--shadow-md)}.assessment-text h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:14px}.assessment-text>p{color:var(--ink-soft);margin-bottom:20px;max-width:520px}.assessment-list li{position:relative;padding-left:28px;color:var(--ink-soft);font-size:.97rem;margin-bottom:9px}.assessment-list li:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:2px;font-size:.8rem;color:var(--orange)}.assessment-cta{text-align:center}.assessment-cta .btn{margin-bottom:14px}.assessment-note{font-size:.87rem;color:var(--ink-muted)}#about{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.about-inner{display:grid;grid-template-columns:1.35fr 1fr;gap:64px;align-items:start}.about-text h2{font-size:clamp(1.8rem,3.4vw,2.5rem);margin-bottom:20px}.about-text p{color:var(--ink-soft);margin-bottom:16px;font-size:1.02rem}.about-text p strong{color:var(--ink)}.about-certs{display:flex;flex-direction:column;gap:14px;margin-top:28px}.cert-badge{display:flex;align-items:center;gap:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 18px;box-shadow:var(--shadow-sm)}.cert-badge i{font-size:1.3rem;color:var(--blue);width:36px;text-align:center}.cert-badge strong{display:block;font-family:var(--font-heading);font-size:.98rem}.cert-badge span{font-size:.85rem;color:var(--ink-muted)}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:28px 20px;text-align:center;box-shadow:var(--shadow-sm)}.stat-num{display:block;font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--blue);line-height:1.1;margin-bottom:6px}.stat-label{font-size:.84rem;font-weight:500;color:var(--ink-muted)}.managed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.managed-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:30px 26px;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.managed-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.managed-card i{font-size:1.4rem;color:var(--blue);background:var(--blue-wash);width:48px;height:48px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.managed-card h4{font-size:1.08rem;margin-bottom:8px}.managed-card p{font-size:.93rem;color:var(--ink-soft)}.managed-note,.plans-note{display:flex;align-items:flex-start;gap:14px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 22px;margin-top:40px}.managed-note i,.plans-note i{color:var(--blue);margin-top:4px}.managed-note p,.plans-note p{font-size:.93rem;color:var(--ink-soft)}.pricing-section{padding:96px 0}.pricing-section+.add-ons-section{padding-top:0}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}.plan-card{position:relative;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:32px 26px;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.plan-featured{border:2px solid var(--blue);box-shadow:0 16px 40px -12px #1b6fe040}.plan-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--orange),var(--orange-deep));color:#fff;font-family:var(--font-heading);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 12px #f0811859}.plan-header h3{font-size:1.3rem;margin-bottom:6px}.plan-users{display:flex;align-items:center;gap:7px;font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--blue-dark);margin-bottom:10px}.plan-header>p:not(.plan-users){font-size:.88rem;color:var(--ink-soft)}.plan-price{display:flex;align-items:baseline;gap:4px;margin:20px 0 22px;padding-bottom:22px;border-bottom:1px solid var(--border)}.plan-amount{font-family:var(--font-heading);font-size:2.4rem;font-weight:800;color:var(--ink)}.plan-amount-custom{font-size:1.9rem}.plan-per{color:var(--ink-muted);font-size:.95rem}.plan-features{flex-grow:1;margin-bottom:24px}.plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:.89rem;color:var(--ink-soft);margin-bottom:9px}.plan-features i{color:var(--teal);font-size:.78rem;margin-top:5px}.plans-note a{font-weight:600}.add-ons-section{padding:96px 0;background:var(--bg-soft);border-top:1px solid var(--border)}.add-ons-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.add-on-card{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:22px 26px;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.add-on-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.add-on-info strong{display:block;font-family:var(--font-heading);font-size:1rem;margin-bottom:4px}.add-on-info span{font-size:.88rem;color:var(--ink-soft)}.add-on-price{font-family:var(--font-heading);font-weight:700;font-size:1.02rem;color:var(--blue);white-space:nowrap}.ubiquiti-section{padding:96px 0}.ubiquiti-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.ubiquiti-text h2{font-size:clamp(1.8rem,3.4vw,2.5rem);margin-bottom:18px}.ubiquiti-text p{color:var(--ink-soft);margin-bottom:16px}.ubiquiti-features{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px}.ubi-feature{display:flex;align-items:center;gap:12px;font-size:.95rem;color:var(--ink-soft)}.ubi-feature i{color:var(--teal)}.ubiquiti-visual{display:flex;justify-content:center}.network-diagram{display:flex;flex-direction:column;align-items:center;background:var(--bg-soft);border:1px solid var(--border);border-radius:20px;padding:44px 36px;width:100%;max-width:420px;box-shadow:var(--shadow-sm)}.nd-node{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:16px 26px;font-size:.82rem;font-weight:600;color:var(--ink);box-shadow:var(--shadow-sm)}.nd-node i{font-size:1.2rem;color:var(--blue)}.nd-line-v{width:2px;height:28px;background:var(--border-strong)}.nd-line-spread{width:70%;height:24px;border-left:2px solid var(--border-strong);border-right:2px solid var(--border-strong);border-top:2px solid transparent;position:relative}.nd-line-spread:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;height:2px;background:var(--border-strong)}.nd-line-spread:after{content:"";position:absolute;top:-2px;left:50%;width:2px;height:calc(100% + 2px);background:var(--border-strong)}.nd-bottom-row{display:flex;gap:14px;margin-top:0}.nd-vlan{display:flex;flex-direction:column;align-items:center;gap:6px;border-radius:var(--radius-sm);padding:13px 15px;font-size:.74rem;font-weight:600}.nd-vlan i{font-size:1rem}.vlan-blue{color:var(--blue-dark);background:var(--blue-wash);border:1px solid rgba(27,111,224,.3)}.vlan-teal{color:var(--teal);background:#0d9d8014;border:1px solid rgba(13,157,128,.3)}.vlan-orange{color:var(--orange-deep);background:var(--orange-wash);border:1px solid rgba(240,129,24,.3)}.contact-section{padding:96px 0}.contact-inner{display:grid;grid-template-columns:1fr 1.6fr;gap:56px;align-items:start}.contact-info{display:flex;flex-direction:column;gap:18px}.contact-item{display:flex;align-items:flex-start;gap:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 20px;box-shadow:var(--shadow-sm)}.contact-item i{color:var(--blue);background:var(--blue-wash);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-item strong{display:block;font-family:var(--font-heading);font-size:.92rem;margin-bottom:2px}.contact-item a,.contact-item span{font-size:.92rem;color:var(--ink-soft)}.contact-item a:hover{color:var(--blue)}.contact-form{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow-md)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-group{margin-bottom:18px}.form-group label{display:block;font-family:var(--font-heading);font-size:.86rem;font-weight:600;margin-bottom:7px}.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--bg);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);padding:12px 15px;font-family:var(--font-body);font-size:.95rem;color:var(--ink);transition:border-color var(--transition),box-shadow var(--transition)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--ink-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-wash)}.form-group textarea{resize:vertical}.field-error{display:block;color:#d13438;font-size:.82rem;margin-top:5px}.form-error-banner{color:#d13438;font-size:.9rem;margin-bottom:12px}.form-error-banner:empty{display:none}.form-note{text-align:center;font-size:.86rem;color:var(--ink-muted);margin-top:14px}[data-fs-success]{display:none}.form-success{background:#0d9d8012;border:1px solid rgba(13,157,128,.35);border-radius:var(--radius);padding:44px 36px;text-align:center}.form-success i{font-size:2.4rem;color:var(--teal);margin-bottom:14px}.form-success h4{font-size:1.3rem;margin-bottom:8px}.form-success p{color:var(--ink-soft)}.cta-banner{background:radial-gradient(600px 300px at 85% 0%,rgba(240,129,24,.18),transparent 70%),linear-gradient(135deg,var(--blue-deep) 0%,#0e2247 100%);padding:84px 0;text-align:center}.cta-banner h2{color:#fff;font-size:clamp(1.7rem,3.4vw,2.4rem);margin-bottom:14px}.cta-banner p{color:#ffffffbf;max-width:560px;margin:0 auto 30px}.cta-banner-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}.cta-banner .btn-ghost{background:transparent;color:#fff;border-color:#ffffff59}.cta-banner .btn-ghost:hover{border-color:#fff;color:#fff;background:#ffffff14}.footer{background:#101c33;color:#ffffffb3;padding:64px 0 0}.footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;padding-bottom:48px}.footer-logo{height:60px;width:auto;background:#fff;border-radius:10px;padding:7px 14px;margin-bottom:18px}.footer-brand p{font-size:.93rem;max-width:300px}.footer h5{color:#fff;font-size:.95rem;margin-bottom:16px}.footer-links ul li,.footer-contact ul li{margin-bottom:9px;font-size:.92rem}.footer-links a,.footer-contact a{color:#ffffffb3}.footer-links a:hover,.footer-contact a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:22px 0 26px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-bottom p{font-size:.85rem}.footer-certs{display:flex;flex-wrap:wrap;gap:8px}.footer-certs span{font-size:.76rem;font-weight:500;color:#ffffffa6;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 12px}@media(max-width:1024px){.services-grid,.plans-grid{grid-template-columns:1fr 1fr}.about-inner,.ubiquiti-inner{grid-template-columns:1fr;gap:44px}.contact-inner{grid-template-columns:1fr;gap:36px}.assessment-card{grid-template-columns:1fr;padding:40px 36px;gap:28px}.assessment-cta{text-align:left}}@media(max-width:768px){.section{padding:72px 0}.hero{padding:150px 20px 80px}.page-hero{padding:140px 0 60px}.nav-toggle{display:flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 16px 32px #16233c1f;padding:14px 20px 20px}.nav-links.open{display:flex}.nav-links a{padding:13px 16px;font-size:1rem}.nav-links .nav-cta{margin-left:0;margin-top:8px;text-align:center}.services-grid,.managed-grid,.plans-grid,.add-ons-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr;gap:0}.add-on-card{flex-direction:column;align-items:flex-start;gap:10px}.footer-inner{grid-template-columns:1fr;gap:36px}.footer-bottom{flex-direction:column;text-align:center}}@media(max-width:480px){.hero-headline{font-size:2.1rem}.hero-actions .btn,.page-hero-actions .btn,.cta-banner-actions .btn{width:100%}.nav-logo img{height:44px}.contact-form{padding:26px 20px}.assessment-card{padding:32px 24px}}
