:root{--navy:#071f3d;--blue:#0967c9;--gray:#657180;--light:#f4f8fb;--line:#d9e4ed;--text:#162433;--green:#1f7a4f;--red:#c62828;--amber:#ef6c00}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:white}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(18px,5vw,72px);background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand img{display:block;width:min(320px,45vw);height:auto}.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nav a{padding:9px 11px;border-radius:8px;font-weight:700;color:#26384a}.nav a:hover{background:var(--light)}.nav-cta{background:var(--navy)!important;color:white!important}.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:42px;align-items:center;padding:clamp(44px,8vw,96px) clamp(18px,5vw,72px);background:linear-gradient(135deg,#fff 0%,#f5f9fd 52%,#e8f2fb 100%)}.eyebrow{margin:0 0 10px;color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900}.hero h1{margin:0;font-size:clamp(2.3rem,5vw,5rem);line-height:1.02;letter-spacing:0;color:var(--navy);max-width:980px}.lead{font-size:clamp(1.08rem,1.7vw,1.35rem);line-height:1.55;color:#4e6072;max-width:790px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:8px;background:var(--blue);color:white;font-weight:900;box-shadow:0 8px 20px rgba(9,103,201,.22)}.btn.secondary{background:white;color:var(--navy);border:1px solid var(--line);box-shadow:none}.hero-panel{display:grid;gap:12px}.hero-panel div{padding:22px;border:1px solid var(--line);border-radius:8px;background:white;box-shadow:0 14px 35px rgba(7,31,61,.08)}.hero-panel strong{display:block;font-size:2.1rem;color:var(--blue)}.hero-panel span{display:block;margin-top:4px;color:#536577;font-weight:700}.section{padding:72px clamp(18px,5vw,72px)}.section-head{max-width:850px;margin-bottom:28px}.section-head h2,.contact h2{margin:0;color:var(--navy);font-size:clamp(2rem,3.5vw,3.6rem);line-height:1.08}.section-head p,.contact p{color:#536577;line-height:1.65;font-size:1.05rem}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{padding:24px;border:1px solid var(--line);border-radius:8px;background:white;box-shadow:0 10px 28px rgba(7,31,61,.06)}.service-card h3{margin:16px 0 8px;color:var(--navy);font-size:1.2rem}.service-card p{margin:0;color:#526474;line-height:1.55}.icon{display:block;position:relative;width:48px;height:48px;color:var(--blue)}.icon.camera{border:4px solid currentColor;border-radius:5px;width:52px;height:30px;margin-top:10px}.icon.camera:before{content:"";position:absolute;right:-14px;top:6px;border-left:14px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent}.icon.camera:after{content:"";position:absolute;left:10px;bottom:-16px;width:20px;height:12px;border-left:4px solid currentColor;border-bottom:4px solid currentColor;transform:skewX(-22deg)}.icon.access{border:4px solid var(--green);border-radius:8px;width:42px;height:34px;margin-top:14px}.icon.access:before{content:"";position:absolute;left:8px;top:-20px;width:20px;height:20px;border:4px solid var(--green);border-bottom:0;border-radius:14px 14px 0 0}.icon.shield{border:4px solid #7b1fa2;border-radius:24px 24px 10px 10px}.icon.shield:before{content:"";position:absolute;left:13px;top:10px;width:14px;height:22px;border:4px solid #7b1fa2;border-top:0;border-radius:0 0 14px 14px}.icon.fire{color:var(--red);background:currentColor;clip-path:polygon(50% 0,66% 25%,78% 12%,88% 44%,100% 68%,82% 100%,18% 100%,0 70%,13% 48%,18% 24%,36% 44%)}.icon.bolt{color:var(--amber);background:currentColor;clip-path:polygon(55% 0,15% 56%,48% 56%,35% 100%,88% 38%,55% 38%)}.icon.gear{border:8px solid #697582;border-radius:50%}.icon.gear:before{content:"";position:absolute;inset:9px;background:var(--blue);border-radius:50%}.brands-section{background:var(--light)}.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.brand-card{padding:22px;border:1px solid var(--line);border-radius:8px;background:white}.brand-card h3{margin:0 0 14px;color:var(--navy)}.brand-list{display:grid;gap:10px}.brand-list span{display:flex;align-items:center;min-height:48px;padding:10px 12px;border:1px solid #d8e5ef;border-radius:8px;background:#fff;font-weight:900;color:#22374d}.process-section{background:#0b2442;color:white}.process-section .eyebrow,.process-section h2{color:white}.process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.process div{padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.06)}.process span{color:#7ec0ff;font-weight:900}.process h3{margin:12px 0 8px}.process p{margin:0;color:#cfdae5;line-height:1.55}.contact{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center;padding:72px clamp(18px,5vw,72px);background:#fff}.contact-card{display:grid;gap:12px;padding:24px;border-radius:8px;border:1px solid var(--line);background:var(--light)}.contact-card a,.contact-card span{font-weight:900;color:var(--navy)}.footer{display:flex;justify-content:space-between;gap:16px;padding:24px clamp(18px,5vw,72px);background:#061a31;color:#d8e4ef}.footer a{font-weight:900}
@media(max-width:980px){.hero,.contact{grid-template-columns:1fr}.service-grid,.brand-grid,.process{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:auto}.hero-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.site-header{align-items:flex-start;flex-direction:column}.brand img{width:min(300px,84vw)}.nav{justify-content:flex-start}.hero-panel,.service-grid,.brand-grid,.process{grid-template-columns:1fr}.section,.hero,.contact{padding:44px 18px}.footer{flex-direction:column}}