@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--navy:#0b1f33;--teal:#078f9e;--orange:#f5822a;--white:#fff;--light:#f4f7fa;--text:#334155;--line:#dce5eb;--radius:16px;--shadow:0 24px 70px rgba(11,31,51,.11)}
html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:#fff;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,h4{color:var(--navy);font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.035em}a{color:var(--teal)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(245,130,42,.55);outline-offset:3px}.site-shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;z-index:1000;top:0;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(220,229,235,.8);backdrop-filter:blur(14px)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:block;width:224px}.brand img{display:block;width:100%;height:64px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:34px}.site-nav>a{color:var(--navy);font-weight:650}.site-nav>a:hover{color:var(--teal);text-decoration:none}.button{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;font-weight:750;transition:.2s;cursor:pointer}.button:hover{transform:translateY(-2px);text-decoration:none}.button-primary{color:#fff;background:var(--orange);box-shadow:0 12px 30px rgba(245,130,42,.22)}.button-primary:hover{color:#fff;background:#db6d1b}.button-secondary{color:var(--navy);background:#fff;border-color:#cbd8e0}.button-secondary:hover{color:var(--teal);border-color:var(--teal)}.button-link{min-height:auto;padding:0;color:var(--teal)}.nav-toggle{display:none;width:46px;height:46px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}.nav-toggle span:not(.sr-only){display:block;height:2px;margin:5px 0;background:var(--navy)}
.page{overflow:hidden}.hero{position:relative;padding:86px 0 92px;background:linear-gradient(135deg,#fff 0%,var(--light) 100%)}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:62px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;color:var(--teal);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:3px;border-radius:4px;background:var(--orange)}.hero h1{max-width:650px;margin:0 0 22px;font-size:clamp(44px,5vw,68px);line-height:1.04}.hero-copy{max-width:610px;margin:0 0 30px;font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero-visual{position:relative}.hero-visual:before{content:"";position:absolute;inset:-22px 38px 28px -22px;border:1px solid rgba(7,143,158,.25);border-radius:24px}.hero-visual img{position:relative;width:100%;aspect-ratio:1.32;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}.hero-note{position:absolute;right:-18px;bottom:-22px;padding:16px 20px;color:var(--navy);background:#fff;border-radius:12px;box-shadow:var(--shadow);font-weight:750}.hero-note i{margin-right:9px;color:var(--teal)}
.section{padding:96px 0}.section-soft{background:var(--light)}.section-dark{color:#c7d3df;background:var(--navy)}.section-dark h2,.section-dark h3{color:#fff}.section-dark .eyebrow{color:#62c5ce}.section-head{max-width:720px;margin-bottom:44px}.section-head.center{margin-inline:auto;text-align:center}.section-head.center .eyebrow:before{display:none}.section h2,.page-hero h1{margin:0 0 16px;font-size:clamp(34px,4vw,48px);line-height:1.12}.section-head p{margin:0;font-size:17px}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-card{position:relative;min-height:285px;padding:34px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:.25s}.service-card:hover{transform:translateY(-5px);border-color:rgba(7,143,158,.4);box-shadow:0 18px 45px rgba(11,31,51,.08)}.service-card:before{content:"";position:absolute;top:0;left:34px;width:62px;height:4px;border-radius:0 0 5px 5px;background:var(--teal)}.service-card.orange:before{background:var(--orange)}.service-icon{width:52px;height:52px;margin-bottom:24px;display:grid;place-items:center;color:var(--teal);background:#e5f4f5;border-radius:13px;font-size:22px}.service-card.orange .service-icon{color:var(--orange);background:#fff0e4}.service-card h3{margin:0 0 10px;font-size:24px}.service-card p{margin:0 0 24px}.service-card a{margin-top:auto;font-weight:750}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.feature-list{display:grid;gap:16px}.feature-row{padding:20px 22px;display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px}.feature-row i{margin-top:4px;color:var(--teal)}.feature-row strong{display:block;color:var(--navy)}.feature-row p{margin:3px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:30px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.step-num{width:38px;height:38px;margin-bottom:22px;display:grid;place-items:center;color:#fff;background:var(--teal);border-radius:50%;font-weight:800}.step:nth-child(2) .step-num{background:var(--orange)}.step h3{font-size:21px}.cta-band{padding:72px 0;color:#fff;background:var(--navy)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-band h2{margin:0 0 10px;color:#fff;font-size:38px}.cta-band p{margin:0;color:#c8d5df}.cta-band .button-secondary{color:#fff;background:transparent;border-color:#708192}
.page-hero{padding:76px 0;background:var(--light);text-align:center}.page-hero .site-shell{max-width:800px}.page-hero p{max-width:650px;margin:0 auto;font-size:18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.detail-panel{padding:32px;background:var(--light);border-radius:var(--radius)}.detail-panel h3{margin-top:0}.check-list{padding:0;margin:20px 0;list-style:none}.check-list li{position:relative;padding:9px 0 9px 30px}.check-list li:before{content:"\2713";position:absolute;left:0;color:var(--teal);font-weight:900}.notice{padding:16px 18px;background:#fff8f1;border-left:4px solid var(--orange);border-radius:8px}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:54px}.contact-card{padding:34px;background:var(--navy);border-radius:var(--radius);color:#c7d3df}.contact-card h2{color:#fff}.contact-card a{color:#80d6de}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field.full{grid-column:1/-1}.field label{display:block;margin-bottom:7px;color:var(--navy);font-weight:700}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #bfccd5;border-radius:9px;background:#fff;color:var(--navy);font:inherit}.field textarea{min-height:120px;resize:vertical}.form-note{grid-column:1/-1;margin:0;color:#64748b;font-size:13px}
.site-footer{padding-top:62px;color:#aebdca;background:#071828}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:50px}.footer-grid h2{margin:0 0 17px;color:#fff;font-size:15px;letter-spacing:.05em}.footer-grid a,.footer-grid p{display:block;margin:0 0 9px;color:#aebdca}.footer-grid a:hover{color:#fff}.footer-brand img{width:230px;height:75px;padding:8px;background:#fff;border-radius:10px;object-fit:contain}.footer-brand p{max-width:270px;margin-top:16px}.footer-bottom{margin-top:50px;padding:22px 0;display:flex;justify-content:space-between;border-top:1px solid #213548;font-size:13px}
.footer-social{display:flex;gap:10px;margin-top:18px}.footer-social a{width:38px;height:38px;margin:0;display:grid;place-items:center;color:#fff;background:#173047;border-radius:50%}.footer-social a:hover{background:var(--teal)}
.header-social{display:flex;align-items:center;gap:8px}.header-social a{width:34px;height:34px;display:grid;place-items:center;color:var(--navy);border:1px solid var(--line);border-radius:50%}.header-social a:hover{color:#fff;background:var(--teal);border-color:var(--teal);text-decoration:none}.footer-about p{max-width:270px;margin-top:16px}.footer-demo-link{padding:0;border:0;color:#aebdca;background:none;font:inherit;cursor:pointer}.footer-demo-link:hover{color:#fff}.contact-social{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.contact-social a{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;color:#fff;background:#173047;border-radius:9px}.contact-social a:hover{color:#fff;background:var(--teal);text-decoration:none}
#topbar,#header:not(.site-header),#scrollTop{display:none!important}.body-inner{min-height:100vh}
@media(max-width:900px){.nav-toggle{display:block}.site-nav{position:absolute;top:82px;left:0;right:0;padding:24px 20px;display:none;align-items:stretch;flex-direction:column;gap:18px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(11,31,51,.08)}.site-nav.is-open{display:flex}.site-nav .button{width:100%}.hero-grid,.split,.detail-grid,.contact-grid{grid-template-columns:1fr}.hero{padding-top:58px}.hero-visual{max-width:680px}.footer-grid{grid-template-columns:1fr 1fr}.services-grid{gap:16px}}
@media(max-width:620px){.site-shell{width:calc(100% - 28px)}.brand{width:185px}.nav-wrap{height:72px}.site-nav{top:72px}.hero{padding:52px 0 66px}.hero h1{font-size:40px}.hero-copy{font-size:16px}.actions{display:grid}.actions .button{width:100%}.hero-note{right:10px}.section{padding:68px 0}.services-grid,.steps,.footer-grid,.contact-form{grid-template-columns:1fr}.service-card{min-height:auto;padding:28px}.split,.detail-grid,.contact-grid{gap:34px}.cta-inner{align-items:flex-start;flex-direction:column}.cta-band h2{font-size:31px}.field.full,.form-note{grid-column:auto}.footer-bottom{gap:12px;flex-direction:column}.page-hero{padding:58px 0}}
.services-grid-featured{grid-template-columns:repeat(3,1fr)}
.floating-demo{position:fixed;z-index:990;right:22px;bottom:22px;min-height:52px;padding:0 20px;display:flex;align-items:center;gap:10px;color:#fff;background:var(--orange);border:0;border-radius:999px;box-shadow:0 14px 34px rgba(11,31,51,.25);font:700 15px Inter,Arial,sans-serif;cursor:pointer;transition:.2s}.floating-demo:hover{transform:translateY(-3px);background:#db6d1b}
.hardware-list{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.hardware-item{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.hardware-item img{width:100%;aspect-ratio:4/3;display:block;object-fit:cover;background:var(--light)}.hardware-item>div{padding:28px}.hardware-item h2{margin:5px 0 10px;font-size:25px}.hardware-item p{margin:0 0 14px}.product-label{color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.product-meta{padding:12px 14px;color:#64748b;background:var(--light);border-radius:8px;font-size:13px}
@media(max-width:1000px){.services-grid-featured{grid-template-columns:1fr}.site-nav{gap:20px}}
@media(max-width:700px){.hardware-list{grid-template-columns:1fr}.floating-demo{right:14px;bottom:14px}.floating-demo span{display:none}.floating-demo{width:52px;padding:0;justify-content:center}}
.cms-menu{display:flex;align-items:center;gap:28px;margin:0;padding:0;list-style:none}.cms-menu>li{position:relative}.cms-menu a{display:block;color:var(--navy);font-weight:650}.cms-menu a:hover{color:var(--teal);text-decoration:none}.cms-submenu{position:absolute;top:calc(100% + 18px);left:-18px;min-width:230px;margin:0;padding:10px;visibility:hidden;opacity:0;list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);transform:translateY(8px);transition:.2s}.cms-submenu:before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}.cms-submenu a{padding:10px 12px;border-radius:8px}.cms-submenu a:hover{background:var(--light)}.has-submenu:hover>.cms-submenu,.has-submenu:focus-within>.cms-submenu{visibility:visible;opacity:1;transform:none}.nav-actions{display:flex;align-items:center;gap:16px}.site-nav{gap:26px}.client-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.client-logo-grid a{min-height:105px;padding:20px;display:flex;align-items:center;justify-content:center;color:var(--navy);background:var(--light);border:1px solid var(--line);border-radius:12px;font-family:Manrope,Arial,sans-serif;font-size:17px;font-weight:800;text-align:center}.client-logo-grid a:hover{color:var(--teal);border-color:var(--teal);text-decoration:none}.center-action{margin-top:28px;text-align:center}.testimonials-section{background:var(--light)}.testimonials-section .testimonial-item{padding:26px;background:#fff;border-radius:var(--radius)}
@media(max-width:1000px){.cms-menu{align-items:stretch;flex-direction:column;gap:10px}.cms-submenu{position:static;display:block;margin:8px 0 0 14px;visibility:visible;opacity:1;transform:none;box-shadow:none}.nav-actions{align-items:stretch;flex-direction:column}.client-logo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.client-logo-grid{grid-template-columns:1fr}}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work-card{min-height:265px;padding:30px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.work-card>span{color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.work-card h2{margin:12px 0 10px;font-size:23px}.work-card p{margin:0 0 24px}.work-card a{margin-top:auto;font-weight:750}.work-card-add{background:var(--light);border-style:dashed}@media(max-width:900px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.work-grid{grid-template-columns:1fr}}
.cms-hero{position:relative;background:var(--navy)}.cms-hero-slider{position:relative;min-height:620px}.cms-hero-slide{position:absolute;inset:0;visibility:hidden;opacity:0;transition:opacity .6s ease}.cms-hero-slide.is-active{visibility:visible;opacity:1}.cms-hero-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cms-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,34,.93) 0%,rgba(11,31,51,.74) 48%,rgba(11,31,51,.18) 100%)}.cms-hero-content{position:relative;z-index:2;min-height:620px;padding-top:115px;padding-bottom:115px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;color:#dbe5ed}.cms-hero-content .eyebrow{color:#7dd4dc}.cms-hero-content h1{max-width:760px;margin:0 0 30px;color:#fff;font-size:clamp(46px,6vw,76px);line-height:1.03}.cms-hero-content .button-secondary{color:#fff;background:rgba(11,31,51,.5);border-color:#9babb8}.cms-hero-controls{position:absolute;z-index:4;left:50%;bottom:26px;display:flex;align-items:center;gap:10px;transform:translateX(-50%)}.cms-hero-controls>button,.cms-hero-dots button{width:38px;height:38px;padding:0;color:#fff;background:rgba(11,31,51,.68);border:1px solid rgba(255,255,255,.5);border-radius:50%;cursor:pointer}.cms-hero-dots{display:flex;gap:8px}.cms-hero-dots button{width:11px;height:11px;border:0;background:rgba(255,255,255,.45)}.cms-hero-dots button.is-active{background:var(--orange);transform:scale(1.2)}.cms-hero-fallback{padding:100px 0;color:#c9d4df;background:linear-gradient(135deg,var(--navy),#123e52)}.cms-hero-fallback h1{max-width:760px;margin:0 0 18px;color:#fff;font-size:clamp(44px,6vw,72px)}.cms-hero-fallback p{margin-bottom:28px}@media(max-width:700px){.cms-hero-slider,.cms-hero-content{min-height:540px}.cms-hero-content{padding-top:80px;padding-bottom:100px}.cms-hero-content h1{font-size:42px}.cms-hero-shade{background:rgba(5,20,34,.77)}}
#demoModal{font-family:Inter,Arial,sans-serif}#demoModal .modal-dialog{max-width:820px;margin:30px auto}#demoModal .modal-content{overflow:hidden;border:0;border-radius:18px;box-shadow:0 28px 80px rgba(11,31,51,.3)}#demoModal .demo-modal-header{min-height:92px;padding:20px 28px;display:flex;align-items:center;background:var(--navy);border:0}#demoModal .modal-title{display:flex;align-items:center;gap:14px;color:#fff;font-family:Manrope,Arial,sans-serif;font-size:22px;font-weight:800}#demoModal .modal-title small{display:block;margin-bottom:2px;color:#77cbd3;font:700 10px Inter,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}#demoModal .demo-modal-icon{width:46px;height:46px;display:grid;place-items:center;color:#fff;background:var(--teal);border-radius:12px}#demoModal .close{margin:0 0 0 auto;padding:8px;color:#fff!important;font-size:30px;opacity:.8;text-shadow:none}#demoModal .close:hover{opacity:1}#demoModal .modal-body{padding:30px 32px 18px}#demoModal .demo-modal-intro{margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--line)}#demoModal .demo-modal-intro .eyebrow{margin-bottom:8px}#demoModal .demo-modal-intro h2{margin:0 0 7px;font-size:27px}#demoModal .demo-modal-intro p{margin:0}#demoModal .demo-form .form-group label{margin-bottom:7px;color:var(--navy);font-weight:700}#demoModal .demo-form .form-control{min-height:48px;padding:11px 13px;color:var(--navy);background:#fff;border:1px solid #bccbd5;border-radius:9px;font:inherit}#demoModal .demo-form textarea.form-control{min-height:105px}#demoModal .demo-form .form-control:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(7,143,158,.16)}#demoModal .demo-form .checkbox-label{align-items:flex-start;padding:13px 15px;background:var(--light);border-radius:9px;font-weight:500}#demoModal .demo-form .checkbox-label input{margin-top:5px;accent-color:var(--teal)}#demoModal .modal-footer{padding:18px 32px 26px;gap:10px;border:0!important}#demoModal .button{margin:0;min-height:48px}#demoModal .button-primary{color:#fff;background:var(--orange);border:0}#demoModal .button-primary:hover{background:#db6d1b}#demoModal .button-secondary{color:var(--navy);background:#fff;border:1px solid #cbd8e0}@media(max-width:767px){#demoModal .modal-dialog{margin:12px}#demoModal .modal-body{padding:24px 20px 12px}#demoModal .demo-modal-header{padding:16px 20px}#demoModal .modal-footer{padding:14px 20px 22px;display:grid;grid-template-columns:1fr 1fr}#demoModal .modal-footer .button{width:100%}}
.cms-hero-slider{height:clamp(540px,68vh,700px)!important;min-height:0!important;overflow:hidden}.cms-hero-slide{z-index:0;display:block!important;visibility:hidden;opacity:0;pointer-events:none}.cms-hero-slide.is-active{z-index:1;visibility:visible;opacity:1;pointer-events:auto}.cms-hero-content{height:clamp(540px,68vh,700px);min-height:0!important}.cms-hero-content .eyebrow:empty{display:none}.cms-hero-controls{z-index:5}.cms-hero-slide>img{background:var(--navy)}