@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--navy:#101f32;--ink:#142338;--blue:#17659a;--muted:#566474;--line:#d5dce2;--paper:#f0f3f5;--cyan:#90d3ed;--pad:clamp(24px,5.5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:#b9e5f5;color:var(--navy)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}.skip-link{position:absolute;top:-70px;left:20px;background:#fff;padding:10px;z-index:10}.skip-link:focus{top:10px}.utility{background:var(--navy);color:#d4e0e9;display:flex;justify-content:space-between;padding:9px var(--pad);font-size:.75rem;letter-spacing:.08em}.header{padding:30px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{display:inline-flex}.brand-name{font-size:1.95rem;line-height:1;letter-spacing:.13em;font-weight:700}.brand-name>span{display:block;font-size:.65rem;letter-spacing:.21em;font-weight:500;margin-top:10px}.header nav{display:flex;align-items:center;gap:36px;font-size:.875rem}.header nav a:hover{color:var(--blue)}.nav-contact{border:1px solid #a9b5c0;padding:10px 24px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.hero-copy{padding:64px 44px 64px var(--pad);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.1em;line-height:1.6}.hero .eyebrow{margin-bottom:30px;color:#53667c}h1{font-size:clamp(2.65rem,4.3vw,4.4rem);letter-spacing:-.045em;line-height:1.07;font-weight:500}h1>span{color:var(--blue)}.intro{font-size:1rem;line-height:1.8;color:var(--muted);max-width:420px;margin-top:28px}.button{display:inline-flex;background:var(--navy);color:white;padding:15px 22px;margin-top:28px;font-size:.875rem;font-weight:500;border:1px solid var(--navy);transition:background .18s}.button:hover{background:var(--blue);border-color:var(--blue)}.hero-photo{position:relative;background:#20323f;min-width:0;overflow:hidden}.hero-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:53% center}.hero-photo figcaption{position:absolute;left:0;bottom:0;width:100%;background:#101f32ed;color:#fff;padding:21px 28px;display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:.8rem}.hero-photo figcaption span:first-child{font-size:.7rem;letter-spacing:.08em;color:#b3c9da}.category-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:0 var(--pad);background:var(--paper);border-bottom:1px solid var(--line)}.category-strip a{padding:25px 20px;font-size:.875rem;border-right:1px solid var(--line)}.category-strip a:first-child{padding-left:0}.category-strip a:last-child{border:0}.category-strip span{font-size:.75rem;color:#738397;margin-right:25px}.category-strip a:hover{color:var(--blue)}.section{padding:86px var(--pad)}.section-title{display:grid;grid-template-columns:1fr 2fr 1.25fr;gap:32px;align-items:start;margin-bottom:58px}.section-title>.eyebrow{padding-top:7px;color:#5b6f83}h2{font-size:clamp(2rem,3.25vw,3.2rem);line-height:1.15;letter-spacing:-.035em}.section-title>p:last-child{font-size:.94rem;color:var(--muted);padding-top:7px;max-width:320px}.product-row{border-top:1px solid var(--line);padding:44px 0 56px;display:grid;gap:36px;scroll-margin-top:30px}.vehicle{grid-template-columns:1fr 2fr 1.25fr}.section-number{font-size:.75rem;letter-spacing:.06em;color:#5b6f83}.product-word{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:4.4rem;font-weight:700;line-height:1;letter-spacing:-.025em;margin-top:28px}.product-word>span{font-family:'DM Sans',Arial,sans-serif;font-size:.7rem;letter-spacing:.15em;font-weight:500;display:block;margin-top:9px}.product-info h3,.camera-copy h3{font-size:1.8rem;letter-spacing:-.025em;line-height:1.25;margin-bottom:18px}.product-info>p,.camera-copy>p{color:var(--muted);max-width:540px;font-size:1rem}.spec-list{margin:30px 0}.spec-list>div{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:13px 0;border-top:1px solid var(--line);font-size:.875rem}.spec-list dt{font-weight:500}.spec-list dd{margin:0;color:var(--muted)}.underlined{display:inline-block;font-size:.875rem;border-bottom:1px solid var(--ink);padding:0 0 5px}.underlined:hover{color:var(--blue);border-color:var(--blue)}.selection-note{border-left:2px solid #87c1da;padding:3px 0 5px 28px;margin-left:10px;align-self:start}.selection-note>span{font-size:.7rem;letter-spacing:.07em;color:#5b6f83}.selection-note>p{font-size:1.5rem;line-height:1.4;letter-spacing:-.02em;margin:22px 0}.selection-note small{font-size:.8rem;color:var(--muted);display:block;max-width:210px}.bodycam{grid-template-columns:1fr 1fr;gap:8%;padding-bottom:0}.camera-visual{background:var(--paper);position:relative;padding:30px;display:flex;flex-direction:column;justify-content:space-between;min-height:480px}.camera-visual img{width:75%;height:330px;object-fit:contain;align-self:center;margin:16px 0}.camera-visual>p{font-size:.75rem;color:var(--muted);line-height:1.5}.camera-copy{padding:10px 0}.camera-copy .product-word{font-size:3.5rem;margin:0 0 32px}.software{background:var(--navy);color:#fff;display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.software .eyebrow{color:#a9c6d9;margin-bottom:24px}.software h2{margin-bottom:24px}.software-heading>p:last-child{max-width:460px;color:#b3c2cf;font-size:1rem;line-height:1.8}.software-detail>div{display:grid;grid-template-columns:24px 1fr;column-gap:20px;border-top:1px solid #42505e;padding:25px 0}.software-detail span{font-size:.75rem;color:var(--cyan);padding-top:4px}.software-detail h3{font-size:1.2rem;line-height:1.4;letter-spacing:-.015em}.software-detail p{grid-column:2;color:#b3c2cf;font-size:.94rem;line-height:1.8;margin-top:10px}.contact{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;background:var(--paper)}.contact .eyebrow{color:#5a6c7e;margin-bottom:23px}.contact h2{font-size:2.5rem;margin-bottom:20px}.contact>div>p:last-child{color:var(--muted);max-width:430px}.contact-channel{align-self:end;border-top:1px solid #b9c6d0;padding-top:22px}.contact-channel>span{font-size:.75rem;letter-spacing:.08em;display:block;color:#586d80;margin-bottom:14px}.contact-channel strong{font-size:1.05rem;font-weight:500;display:block;margin-bottom:12px}.contact-channel p{font-size:.875rem}footer{padding:50px var(--pad) 25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;color:var(--ink)}footer .brand-name{font-size:1.5rem}footer .brand-name>span{font-size:.55rem}footer>p{font-size:.875rem;color:var(--muted)}.footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-size:.875rem}.footer-meta small{font-size:.75rem;color:var(--muted)}.credits{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;font-size:.75rem;color:#687785;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:720px}}
@media(max-width:1100px){.hero{min-height:540px}.hero-copy{padding-top:45px;padding-bottom:45px;padding-right:28px}h1{font-size:3rem}.hero .eyebrow{font-size:.7rem}.hero-photo figcaption{display:block}.hero-photo figcaption span{display:block}.section-title{grid-template-columns:1fr 2fr}.section-title>p:last-child{grid-column:2;max-width:460px;padding:0}.vehicle{grid-template-columns:1fr 2fr}.selection-note{display:none}.category-strip span{margin-right:10px}.section{padding-top:65px;padding-bottom:65px}.camera-visual{padding:24px}.camera-visual img{height:290px;width:90%}.contact h2{font-size:2.1rem}footer{gap:25px}}
@media(max-width:720px){.utility{font-size:.625rem;letter-spacing:.04em;padding-top:8px;padding-bottom:8px;gap:20px}.header{padding-top:22px;padding-bottom:22px;gap:18px}.brand-name{font-size:1.4rem}.brand-name>span{font-size:.52rem}.header nav{gap:0}.header nav>a:not(.nav-contact){display:none}.nav-contact{padding:8px 14px;font-size:.8rem}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:42px var(--pad) 38px}.hero .eyebrow{font-size:.65rem;margin-bottom:23px}h1{font-size:clamp(2.35rem,9vw,3.5rem);line-height:1.09}.intro{margin-top:23px;font-size:1rem}.hero-photo{height:380px}.hero-photo>img{object-position:50% 54%}.hero-photo figcaption{padding:15px 24px;display:flex;flex-wrap:wrap;font-size:.75rem}.hero-photo figcaption span:first-child{font-size:.65rem}.category-strip{padding:0 var(--pad);grid-template-columns:1fr}.category-strip a{padding:16px 0;border-right:0;border-bottom:1px solid var(--line)}.category-strip span{display:inline-block;min-width:30px;margin-right:12px}.section{padding:48px var(--pad)}.section-title{display:block;margin-bottom:36px}.section-title .eyebrow{margin-bottom:20px;padding:0}.section-title>p:last-child{margin-top:20px;font-size:1rem}h2{font-size:2.25rem}.product-row{grid-template-columns:1fr;gap:30px;padding-top:30px;padding-bottom:35px}.product-word{font-size:3.8rem;margin-top:18px}.product-info h3,.camera-copy h3{font-size:1.7rem}.spec-list>div{grid-template-columns:85px 1fr;gap:14px}.selection-note{display:none}.bodycam{gap:32px;padding-bottom:0}.camera-visual{min-height:370px}.camera-visual img{height:250px;width:80%;margin:12px 0}.camera-copy .product-word{font-size:3.5rem}.software,.contact{grid-template-columns:1fr;gap:36px}.software h2{font-size:2.1rem}.contact h2{font-size:2rem}footer{grid-template-columns:1fr;gap:25px;padding-top:36px}.footer-meta{align-items:flex-start}.credits{padding-top:20px;font-size:.75rem}footer .brand-name>span{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(forced-colors:active){.button{border:1px solid}}
.product-word.havis-brand{margin-top:36px}.havis-logo{display:block;width:152px;max-width:100%;height:auto}.product-word.havis-brand>span{margin-top:36px;line-height:1.6}
.brand{align-items:center;gap:18px}.brand-symbol{display:block;position:relative;flex:0 0 60px;width:60px;height:67px;overflow:hidden;mix-blend-mode:multiply}.brand-symbol img{position:absolute;display:block;width:92px;height:92px;max-width:none;left:-14px;top:-12px}footer .brand{align-self:start}footer .brand-symbol{flex-basis:48px;width:48px;height:54px}footer .brand-symbol img{width:74px;height:74px;left:-11px;top:-10px}@media(max-width:720px){.header .brand{gap:10px}.header .brand-symbol{flex-basis:42px;width:42px;height:47px}.header .brand-symbol img{width:64px;height:64px;left:-10px;top:-8px}.header .brand-name{font-size:1.2rem}.header .brand-name>span{font-size:.46rem;letter-spacing:.14em}}@media(max-width:380px){.header{gap:10px}.header .brand{gap:8px}.header .brand-name{font-size:1.05rem}.header .brand-name>span{font-size:.41rem}.header .nav-contact{padding:8px}}