*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#10233d;background:#f4f8fc}a{text-decoration:none;color:inherit}.site-header{height:76px;background:#fff;border-bottom:1px solid #e6edf5;position:sticky;top:0;z-index:50}.header-inner{max-width:1340px;height:100%;margin:auto;padding:0 0;display:flex;align-items:center;gap:42px}.logo-link{width:238px;display:flex;align-items:center}.logo-link img{width:224px;height:auto;display:block}.main-nav{display:flex;align-self:stretch;align-items:center;gap:34px;white-space:nowrap}.main-nav a{height:100%;display:flex;align-items:center;position:relative;font-size:15px;font-weight:600;color:#12243e}.main-nav a.active:after{content:"";position:absolute;height:2px;background:#1687f7;left:0;right:0;bottom:13px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.search-box{width:285px;height:44px;border:1px solid #e2e9f1;border-radius:24px;background:#fff;box-shadow:0 4px 14px rgba(25,55,90,.07);display:flex;align-items:center;padding:0 16px;gap:9px}.search-icon{font-size:27px;line-height:1;transform:rotate(-20deg);color:#10233d}.search-box input{border:0;outline:0;width:100%;font-size:14px;color:#334e6f;background:transparent}.search-box input::placeholder{color:#71829a}.btn{height:44px;padding:0 25px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;white-space:nowrap}.btn-outline{border:1px solid #1687f7;color:#0876df;background:#fff}.btn-primary{background:#1687f7;color:#fff;border:1px solid #1687f7;box-shadow:0 5px 12px rgba(22,135,247,.18)}.hero{height:268px;position:relative;overflow:hidden;color:#fff}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,29,54,.94) 0%,rgba(5,29,54,.82) 27%,rgba(5,29,54,.26) 66%,rgba(5,29,54,.08) 100%),url('/assets/hero-mountains.jpg');background-size:cover;background-position:center 52%}.hero-inner{position:relative;max-width:1340px;height:100%;margin:auto;display:flex;align-items:center}.hero-copy{padding-bottom:5px}.hero h1{margin:0;font-size:57px;line-height:1.05;letter-spacing:-1.5px;font-weight:800}.hero h1 span{color:#1687f7}.hero p{font-size:20px;margin:12px 0 25px;color:#e6eef7}.hero-features{display:flex;gap:48px}.feature{display:flex;align-items:center;gap:12px}.feature-icon{width:53px;height:53px;border:1px solid rgba(255,255,255,.55);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:25px}.feature strong{display:block;font-size:14px;margin-bottom:4px}.feature small{display:block;color:#d3dfeb;font-size:13px}.cameras-section{max-width:1340px;margin:auto;padding:20px 0 24px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.section-head h2{font-size:31px;line-height:1.1;margin:0 0 6px;letter-spacing:-.6px}.section-head p{margin:0;color:#71839a;font-size:15px}.all-cameras{color:#0c7ff0;font-weight:700;font-size:14px;margin-top:20px}.all-cameras span{font-size:20px;margin-left:5px}.camera-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.camera-card{background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 6px 18px rgba(25,57,90,.12);border:1px solid #e6edf5}.camera-image{height:120px;position:relative;background:#dbe8f3}.camera-image img{width:100%;height:100%;display:block;object-fit:cover}.status{position:absolute;top:12px;left:14px;border-radius:18px;padding:7px 13px;color:#fff;font-weight:800;font-size:12px;letter-spacing:.2px;display:flex;align-items:center;gap:7px}.status.live{background:#10b957}.status.offline{background:#60758a}.status.blocked{background:#607b90}.status .dot{width:9px;height:9px;border-radius:50%;background:#fff}.lock{font-size:12px}.camera-body{padding:10px 15px 10px}.camera-body h3{font-size:16px;margin:0 0 5px;line-height:1.25}.location{font-size:13px;color:#687c93;margin-bottom:11px}.location span{font-size:17px;margin-right:5px}.watch-btn{height:40px;border-radius:9px;background:#f1f6fb;display:flex;align-items:center;padding:0 12px;gap:9px;font-weight:700;font-size:13px;color:#10233d}.watch-btn .eye{font-size:20px}.watch-btn .arrow{font-size:20px;margin-left:auto}.camera-card.hidden,.hidden{display:none}.empty-state{background:#fff;border:1px solid #e3eaf2;border-radius:12px;padding:45px;text-align:center;color:#71839a}.info-strip{max-width:1340px;margin:10px auto 0;padding:22px 26px;border-radius:14px;background:#fff;border:1px solid #e3eaf2;display:flex;align-items:center;justify-content:space-between}.info-strip strong{display:block;font-size:19px}.info-strip span{display:block;color:#71839a;font-size:14px;margin-top:4px}.simple-info{max-width:1340px;margin:18px auto;padding:28px;background:#fff;border:1px solid #e3eaf2;border-radius:14px}.simple-info h2{margin:0 0 5px}.simple-info p{margin:0;color:#71839a}.site-footer{margin-top:20px;background:#fff;border-top:1px solid #e5edf5}.footer-inner{max-width:1340px;margin:auto;min-height:90px;display:flex;align-items:center;gap:30px}.footer-inner>img{width:210px;height:auto}.footer-links{display:flex;gap:13px;align-items:center;justify-content:center;flex:1;color:#62768e;font-size:12px}.footer-links i{font-style:normal;color:#aab7c5}.socials{display:flex;gap:22px;font-weight:800;font-size:18px}.copyright{border-left:1px solid #dce5ee;padding-left:23px;color:#71839a;font-size:11px;line-height:1.5;white-space:nowrap}
@media(max-width:1200px){.header-inner,.hero-inner,.cameras-section,.info-strip,.simple-info,.footer-inner{padding-left:24px;padding-right:24px}.header-inner{gap:24px}.main-nav{gap:20px}.search-box{width:230px}.camera-grid{grid-template-columns:repeat(3,1fr)}.footer-inner{flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.footer-links{order:3;width:100%;flex:none}.copyright{margin-left:auto}}
@media(max-width:900px){.site-header{height:auto}.header-inner{min-height:74px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.main-nav{order:3;width:100%;height:38px;justify-content:center}.main-nav a.active:after{bottom:0}.header-actions{margin-left:auto}.search-box{display:none}.hero{height:auto;min-height:330px}.hero-inner{padding-top:35px;padding-bottom:35px}.hero h1{font-size:47px}.hero-features{gap:22px;flex-wrap:wrap}.camera-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.header-inner{padding-left:14px;padding-right:14px}.logo-link{width:170px}.logo-link img{width:165px}.header-actions{gap:7px}.header-actions .btn{padding:0 13px;font-size:12px}.header-actions .btn-primary{display:none}.main-nav{justify-content:space-between;gap:10px}.main-nav a{font-size:13px}.hero-bg{background-position:64% center}.hero h1{font-size:39px}.hero p{font-size:16px;line-height:1.4}.hero-features{display:grid;grid-template-columns:1fr;gap:12px}.feature-icon{width:43px;height:43px}.cameras-section{padding-top:24px}.section-head{display:block}.all-cameras{display:inline-block;margin-top:12px}.camera-grid{grid-template-columns:1fr}.info-strip{margin-left:14px;margin-right:14px;display:block}.info-strip .btn{margin-top:14px}.simple-info{margin-left:14px;margin-right:14px}.footer-inner{padding-left:18px;padding-right:18px;justify-content:center}.footer-inner>img{width:190px}.footer-links{gap:8px;flex-wrap:wrap}.socials{width:100%;justify-content:center}.copyright{border:0;padding:0;margin:0;text-align:center;width:100%}}