@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#06284b;--navy2:#031a33;--blue:#0756a2;--cyan:#08bce9;--pale:#eff8fc;--ink:#0a2e56;--muted:#58708b;--line:#d6e6f1;--white:#fff;--shadow:0 18px 50px rgba(4,38,73,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 44px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:10px;z-index:100}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid #e7eef5}.nav-wrap{min-height:84px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:auto;height:64px;display:block}.main-nav{display:flex;gap:28px;align-items:center;margin-left:auto}.main-nav a{font-size:13px;font-weight:700;color:#15365b;position:relative;padding:30px 0}.main-nav a:after{content:"";position:absolute;height:3px;bottom:20px;left:0;right:100%;background:var(--cyan);transition:right .2s}.main-nav a:hover:after,.main-nav a:focus-visible:after{right:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--cyan);color:#fff;padding:14px 22px;border:1px solid var(--cyan);border-radius:8px;font-weight:800;font-size:14px;box-shadow:0 8px 18px rgba(8,188,233,.16);transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#00a9d5}.button-small{padding:11px 15px;font-size:12px;white-space:nowrap}.button-outline{background:transparent;border-color:rgba(255,255,255,.85);box-shadow:none}.button-outline:hover{background:#fff;color:var(--navy)}.menu-toggle{display:none;background:transparent;border:0;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--navy);margin:5px}
.hero{position:relative;min-height:505px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(3,24,48,.98) 0%,rgba(4,40,75,.9) 42%,rgba(4,40,75,.1) 100%),linear-gradient(130deg,#0a3761,#0a74a9 55%,#092644);color:#fff}.hero:before{content:"";position:absolute;right:4%;top:8%;width:42%;height:84%;border:1px solid rgba(255,255,255,.14);border-radius:48% 48% 10px 10px;transform:skewY(-5deg);background:radial-gradient(circle at 50% 35%,rgba(8,188,233,.35),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.18));box-shadow:inset 0 0 70px rgba(0,0,0,.2)}.hero:after{content:"";position:absolute;right:12%;top:25%;width:27%;height:42%;border-radius:18px 18px 55px 55px;border:9px solid #d8e8f2;background:linear-gradient(135deg,#163b5e,#06182c 55%,#071a2e);box-shadow:0 20px 45px rgba(0,0,0,.4);transform:rotate(-8deg);clip-path:polygon(0 0,100% 0,100% 78%,60% 100%,0 80%)}.hero-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,transparent 0,rgba(2,21,42,.1) 40%,rgba(2,21,42,.35) 100%);pointer-events:none}.hero-content{position:relative;z-index:2;padding-top:65px;padding-bottom:65px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#009fd0;margin:0 0 12px}.eyebrow.light{color:#78e6ff}.hero h1{max-width:650px;font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-2px;margin:0 0 20px;font-weight:800}.hero h1 span{display:block;color:var(--cyan)}.hero-copy{max-width:500px;color:#e2edf7;font-size:16px;line-height:1.75;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{margin-top:34px;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#c1d5e6}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(8,188,233,.12);margin-right:9px}.hero-side-label{position:absolute;z-index:2;right:5%;bottom:35px;font-size:11px;font-weight:800;letter-spacing:3px;color:#fff;writing-mode:vertical-rl}.hero-side-label span{color:#74e8ff;margin-top:12px}
.trust-strip{background:#fff;border-bottom:1px solid #e5eef5}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:32px 0}.trust-item{text-align:center;padding:4px 24px;border-right:1px solid var(--line)}.trust-item:last-child{border:0}.line-icon{font-size:36px;line-height:1.2;color:var(--cyan);font-weight:400}.trust-item h2{font-size:15px;margin:10px 0 5px}.trust-item p{font-size:12px;color:var(--muted);margin:0}
.section{padding:88px 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;background:linear-gradient(90deg,#f0f8fc,#fff)}.about-visual{min-height:355px;background:linear-gradient(140deg,#061c34,#0a5689);display:flex;align-items:center;justify-content:center;padding:38px;position:relative;overflow:hidden}.about-visual:before,.about-visual:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.13);border-radius:50%}.about-visual:after{width:300px;height:300px}.monitor-frame{z-index:1;width:min(100%,470px);background:#07172a;border:7px solid #163e60;border-radius:8px;padding:10px;box-shadow:0 25px 55px rgba(0,0,0,.35);transform:perspective(900px) rotateY(5deg)}.monitor-top{display:flex;align-items:center;gap:5px;color:#9fc7e4;font-size:8px;letter-spacing:1px;margin-bottom:9px}.monitor-top span{width:5px;height:5px;background:var(--cyan);border-radius:50%}.monitor-top b{margin-left:auto;font-size:8px}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.camera-view{height:83px;position:relative;overflow:hidden;background:linear-gradient(155deg,#1b719e,#0b2d4e 45%,#071a30)}.camera-view:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 18px,rgba(255,255,255,.12) 19px 20px),linear-gradient(90deg,transparent 49%,rgba(255,255,255,.12) 50%,transparent 51%)}.camera-view:after{content:"";position:absolute;left:15%;right:15%;bottom:0;height:55%;background:linear-gradient(135deg,transparent 20%,rgba(0,0,0,.45) 21% 30%,transparent 31%),linear-gradient(45deg,rgba(8,188,233,.35),transparent)}.camera-view span{position:absolute;z-index:1;top:5px;left:6px;color:#8df0ff;font-size:8px}.view-two,.view-four{background:linear-gradient(155deg,#24506d,#06182b)}.monitor-caption{font-size:8px;color:#91c6e6;letter-spacing:1.5px;margin-top:10px}.visual-corner{position:absolute;bottom:0;right:0;width:75px;height:75px;border-right:5px solid var(--cyan);border-bottom:5px solid var(--cyan)}.about-copy{padding:15px 30px 15px 0}.about-copy h2,.section-heading h2,.contact-intro h2{font-size:clamp(30px,3.2vw,42px);line-height:1.15;letter-spacing:-1.3px;margin:0 0 18px;color:var(--navy)}.about-copy h2 span{color:#00a9dc}.about-copy>p:not(.eyebrow){font-size:14px;color:#526c86;line-height:1.85}.placeholder-note{border-left:3px solid var(--cyan);padding:10px 14px;background:#e8f7fc;font-size:12px!important}.text-link{display:inline-flex;gap:10px;align-items:center;font-size:12px;font-weight:800;color:#008fbe;margin-top:8px}.text-link:hover{color:var(--navy)}
.services{background:#fff}.section-heading{text-align:center;max-width:730px;margin:0 auto 38px}.section-heading h2{margin-bottom:12px}.section-heading>p:last-child{font-size:14px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{border:1px solid #dce9f2;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(8,49,82,.045);transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-art{height:145px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d9edf7,#8ebbd5)}.service-art:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.45),transparent 50%,rgba(4,39,73,.18))}.art-label{position:absolute;left:12px;bottom:10px;color:#fff;font-size:9px;font-weight:800;letter-spacing:2px;background:rgba(4,30,58,.78);padding:4px 8px;border-radius:4px}.art-alarm{background:linear-gradient(140deg,#f1f5f8,#b3c8d6)}.art-symbol{width:84px;height:84px;filter:drop-shadow(0 8px 10px rgba(12,71,121,.3))}.art-camera{background:linear-gradient(135deg,#dce9ef,#6097b7)}.camera-lens{width:100px;height:72px;border-radius:20px 20px 30px 30px;background:linear-gradient(135deg,#f8fbfd 0%,#a4bac9 45%,#173a59 46%,#071c32 100%);border:5px solid #f9fcff;box-shadow:0 15px 20px #40647b;transform:rotate(-10deg);position:relative}.camera-lens:after{content:"";position:absolute;width:35px;height:35px;border-radius:50%;right:8px;top:14px;background:radial-gradient(circle at 35% 35%,#74dff9,#06152a 45%,#000 70%);border:4px solid #3f627b}.art-monitor{background:linear-gradient(135deg,#0c3153,#0b77a8)}.mini-screens{display:grid;grid-template-columns:repeat(2,70px);gap:5px;transform:perspective(400px) rotateY(-10deg)}.mini-screens i{height:42px;background:repeating-linear-gradient(0deg,#0e3353 0 10px,#1e81a9 11px 12px);border:3px solid #d8e8ef}.art-mobile{background:linear-gradient(135deg,#d9ebf1,#7da8bb)}.phone-shape{width:57px;height:96px;border:5px solid #f5fbff;border-radius:12px;background:linear-gradient(140deg,#0b5286,#051b35);box-shadow:0 12px 20px rgba(0,0,0,.25);position:relative}.phone-shape span{position:absolute;inset:12px 4px;background:linear-gradient(160deg,#39a4c9,#092d4f)}.phone-shape i{position:absolute;width:6px;height:6px;bottom:3px;left:calc(50% - 3px);background:#c5e5f2;border-radius:50%}.service-body{padding:19px 18px 20px}.service-number{font-size:9px;font-weight:800;color:#00a4d4;letter-spacing:1.2px}.service-body h3{font-size:17px;margin:8px 0;color:var(--navy)}.service-body p{font-size:12px;line-height:1.7;color:var(--muted);min-height:61px;margin:0}.small-disclaimer{text-align:center;font-size:10px;color:#71859a;margin:25px 0 0}
.contact-band{background:linear-gradient(110deg,#05284d,#075b9b);color:#fff;position:relative;overflow:hidden}.contact-band:after{content:"";position:absolute;right:-70px;top:-120px;width:360px;height:360px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.025)}.contact-band-inner{min-height:165px;display:flex;align-items:center;gap:25px;position:relative;z-index:1}.band-icon{width:60px;height:60px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;font-size:28px;color:#83edff;flex-shrink:0}.contact-band h2{font-size:25px;margin:0 0 4px;letter-spacing:-.5px}.contact-band p:not(.eyebrow){font-size:13px;color:#d5e7f5;margin:0}.contact-band .eyebrow{margin-bottom:5px}.button-light{background:#fff;color:var(--navy);border-color:#fff;margin-left:auto;white-space:nowrap}.button-light:hover{background:#e7f7fc;color:var(--navy)}
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.contact-intro h2{margin-bottom:16px}.contact-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.8}.contact-list{display:grid;gap:18px;margin-top:30px}.contact-list a{display:flex;gap:14px;align-items:center}.contact-list a:hover strong{color:#009ecb}.contact-icon{width:43px;height:43px;display:grid;place-items:center;background:#e9f8fc;color:#009dc9;border-radius:10px;font-size:22px}.contact-list small{display:block;color:#7690a8;font-size:9px;font-weight:800;letter-spacing:1.4px}.contact-list strong{font-size:13px;color:var(--navy);transition:color .2s}.contact-form-card{background:#fff;border:1px solid #e0eaf2;border-radius:14px;padding:30px;box-shadow:var(--shadow)}.form-heading{margin-bottom:22px}.form-kicker{font-size:10px;color:#00a5d4;font-weight:800;letter-spacing:1.6px}.form-heading h3{font-size:24px;margin:5px 0;color:var(--navy)}.form-heading p{font-size:12px;color:var(--muted);margin:0}.contact-form-card form{display:grid;gap:15px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form-card label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#294967}.contact-form-card input,.contact-form-card select,.contact-form-card textarea{width:100%;border:1px solid #d9e5ee;border-radius:7px;background:#fbfdff;padding:12px 13px;color:var(--ink);font-size:12px;outline:none;transition:border .2s,box-shadow .2s}.contact-form-card input:focus,.contact-form-card select:focus,.contact-form-card textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(8,188,233,.12)}.contact-form-card textarea{resize:vertical}.form-submit{width:100%;cursor:pointer}.form-note{font-size:10px;color:#72879b;margin:0;line-height:1.5}
.site-footer{background:#041c36;color:#fff}.footer-main{min-height:125px;display:flex;align-items:center;gap:20px}.footer-brand img{height:78px;width:auto;display:block;background:#fff;border-radius:6px;padding:6px}.footer-tagline{font-size:9px;line-height:1.8;letter-spacing:1px;color:#d4e8f7;font-weight:800;border-right:1px solid #31516e;padding-right:25px}.footer-tagline span{color:#40d7f5}.footer-contact{display:flex;flex-wrap:wrap;gap:10px 22px;margin-left:auto}.footer-contact a{font-size:11px;color:#d9e7f3}.footer-contact a:hover{color:#5de2fb}.back-top{font-size:10px;color:#6de4fb;white-space:nowrap}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);color:#92a9bf;font-size:10px}.footer-bottom .container{display:flex;justify-content:space-between;padding:15px 0}
@media(max-width:1000px){.nav-wrap{gap:16px}.brand img{height:58px}.main-nav{gap:16px}.header-cta{font-size:10px}.hero:after{right:5%;width:34%}.hero:before{right:0;width:50%}.service-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{gap:40px}.footer-main{flex-wrap:wrap;padding:22px 0}.footer-contact{margin-left:0}}
@media(max-width:760px){.container{width:min(100% - 32px,600px)}.nav-wrap{min-height:72px;justify-content:space-between}.brand img{height:52px}.menu-toggle{display:block;margin-left:auto}.header-cta{display:none}.main-nav{display:none;position:absolute;top:71px;left:0;right:0;background:#fff;padding:12px 22px 20px;box-shadow:0 15px 20px rgba(0,0,0,.1);align-items:stretch;gap:0;flex-direction:column}.main-nav.open{display:flex}.main-nav a{padding:12px 0;border-bottom:1px solid #e8f0f5}.main-nav a:after{display:none}.hero{min-height:540px;align-items:flex-end}.hero-content{padding-top:90px;padding-bottom:45px}.hero:before{right:-18%;top:7%;width:75%;height:58%;opacity:.8}.hero:after{display:none}.hero:before{opacity:.35}.hero h1{font-size:43px;letter-spacing:-1.5px;max-width:520px}.hero-copy{font-size:14px;max-width:470px}.hero-side-label{display:none}.trust-grid{grid-template-columns:1fr 1fr;padding:16px 0}.trust-item{padding:18px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(n+3){border-bottom:0}.trust-item h2{font-size:13px}.trust-item p{font-size:11px}.section{padding:60px 0}.about{grid-template-columns:1fr;gap:0}.about-visual{min-height:300px;padding:30px 18px}.about-copy{padding:38px 24px}.about-copy h2,.section-heading h2,.contact-intro h2{font-size:32px}.service-grid{gap:13px}.service-art{height:120px}.service-body{padding:15px 13px}.service-body h3{font-size:15px}.service-body p{font-size:11px;min-height:82px}.contact-band-inner{padding:28px 0;min-height:auto;flex-wrap:wrap;gap:16px}.band-icon{width:48px;height:48px}.contact-band-inner>div:nth-child(2){flex:1;min-width:200px}.contact-band h2{font-size:21px}.contact-band p:not(.eyebrow){font-size:12px}.button-light{margin-left:64px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-form-card{padding:22px}.footer-main{gap:14px}.footer-brand img{height:64px}.footer-tagline{padding-right:12px}.footer-contact{width:100%;display:grid;grid-template-columns:1fr 1fr}.back-top{margin-left:auto}.footer-bottom .container{gap:8px;flex-direction:column}}
@media(max-width:430px){.hero h1{font-size:37px}.hero-actions .button{padding:12px 14px;font-size:12px}.service-grid{grid-template-columns:1fr}.service-art{height:155px}.service-body p{min-height:0}.field-row{grid-template-columns:1fr}.contact-list strong{font-size:12px}.footer-contact{grid-template-columns:1fr}.footer-tagline{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.form-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.btn-wa{background:#1fae5b;border-color:#1fae5b;box-shadow:0 8px 18px rgba(31,174,91,.2)}.btn-wa:hover{background:#178f4a}.button-ghost{background:#fff;color:var(--navy);border-color:#cfdde8;box-shadow:none}.button-ghost:hover{background:#eef6fb}
.contact-form-card input:user-invalid,.contact-form-card select:user-invalid,.contact-form-card textarea:user-invalid{border-color:#d9534f}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:30;width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 10px 25px rgba(0,0,0,.25);transition:transform .2s}.wa-float:hover{transform:scale(1.07)}.wa-float svg{width:30px;height:30px}
@media(max-width:430px){.form-actions{grid-template-columns:1fr}}

.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:0 16px 16px;transform:translateY(130%);transition:transform .35s ease}.cookie-banner.visible{transform:none}
.cookie-banner-inner{max-width:1160px;margin-inline:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 -6px 40px rgba(4,38,73,.18);padding:20px 24px;display:flex;align-items:center;gap:24px}
.cookie-title{font-size:17px;font-weight:800;color:var(--navy);white-space:nowrap}
.cookie-text{flex:1;margin:0;font-size:13px;line-height:1.65;color:var(--muted)}.cookie-text a{color:var(--blue);text-decoration:underline}
.cookie-actions{display:flex;gap:10px;flex-shrink:0}
.cookie-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer;border:1px solid var(--navy);white-space:nowrap}
.cookie-btn-primary{background:var(--navy);color:#fff}.cookie-btn-primary:hover{background:var(--navy2)}
.cookie-btn-ghost{background:#fff;color:var(--navy)}.cookie-btn-ghost:hover{background:var(--pale)}
.cookie-btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.cookie-open{padding-bottom:var(--cookie-h,0px)}.cookie-open .wa-float{bottom:calc(var(--cookie-h,0px) + 18px)}
@media(max-width:760px){.cookie-banner{padding:0 10px 10px}.cookie-banner-inner{flex-direction:column;align-items:stretch;gap:10px;padding:16px}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-title{font-size:15px}}

.footer-bottom .container{justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:10px 28px;padding:18px 0}.footer-bottom .container>span{font-size:12px}
.footer-policy{font-size:13px;font-weight:700;color:#5de2fb;text-decoration:underline;text-underline-offset:3px}.footer-policy:hover,.footer-policy:focus-visible{color:#fff}
@media(max-width:760px){.footer-bottom .container{align-items:flex-start;padding-bottom:84px}}