/* HD COOL / Kamerarendszerek / R40 standalone & mainline additive styles
   Main content is isolated under .cam40. Header/footer CSS only for a standalone file preview.
   No framework or CDN required. */
:root{--cam-ink:#061824;--cam-ink2:#0b2b40;--cam-cyan:#37e0f6;--cam-blue:#0c8fda;--cam-paper:#f6f9fb;--cam-line:#dce8ee;--cam-muted:#64798a;--cam-max:1360px}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body.hc-cam-r40{margin:0;background:#fff;color:#0c2433;font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--cam-cyan);outline-offset:4px}
/* Standalone-compatible header, retaining the existing R30 header/menu markup and sequence */
body.hc-cam-r40 header.header{position:relative;z-index:100;background:#061925;color:#f7fcff;border-bottom:1px solid #224456}
body.hc-cam-r40 .shell{max-width:1400px;margin:auto;padding:0 32px}
body.hc-cam-r40 .header-inner{display:flex;align-items:center;gap:clamp(12px,1.4vw,28px);min-height:82px}
body.hc-cam-r40 .brand{display:flex;gap:8px;align-items:center;flex:0 0 auto;text-decoration:none;line-height:1}
body.hc-cam-r40 .brand svg{height:44px;width:44px}
body.hc-cam-r40 .brand b{font-size:27px;letter-spacing:-1.1px;white-space:nowrap}
body.hc-cam-r40 .brand em{font-style:normal;color:var(--cam-cyan)}
body.hc-cam-r40 .brand small{display:block;letter-spacing:2.3px;font-size:9px;font-weight:800;margin-top:5px}
body.hc-cam-r40 .desktop{display:flex;gap:clamp(9px,1.2vw,19px);align-items:center;flex:1;justify-content:center;min-width:0}
body.hc-cam-r40 .desktop a{font-size:clamp(11px,.84vw,13px);font-weight:700;color:#d9e9f0;white-space:nowrap;text-decoration:none;padding:33px 0 28px;border-bottom:3px solid transparent}
body.hc-cam-r40 .desktop a:hover,body.hc-cam-r40 .desktop a.active{border-color:var(--cam-cyan);color:#fff}
body.hc-cam-r40 .head-tel{background:#0b95d9;color:white;text-decoration:none;border-radius:9px;padding:12px 14px;font-size:13px;font-weight:900;white-space:nowrap}
body.hc-cam-r40 .menu-toggle{display:none;background:none;border:1px solid #335568;border-radius:10px;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
body.hc-cam-r40 .menu-toggle span{width:21px;height:2px;border-radius:3px;background:white}
body.hc-cam-r40 .mobile-nav[hidden]{display:none!important}
body.hc-cam-r40 .mobile-nav{display:none}
/* Reused mobile menu: no substantive rearrangement from provided header */
body.hc-cam-r40 .mobile-nav{position:absolute;top:100%;left:0;right:0;background:#071e2b;border-top:1px solid #224354;color:#fff;padding:22px 22px 28px;box-shadow:0 24px 30px #03101b70;max-height:calc(100dvh - 72px);overflow:auto}
body.hc-cam-r40 .r23-menu-head{display:grid;gap:7px;margin:0 0 18px}
body.hc-cam-r40 .r23-menu-head .r23-menu-eyebrow{font-size:10px;letter-spacing:2px;color:var(--cam-cyan);font-weight:900}
body.hc-cam-r40 .r23-menu-head strong{font-size:25px}
body.hc-cam-r40 .r23-menu-head>span:last-child{font-size:13px;color:#b5cad4}
body.hc-cam-r40 .r23-menu-featured{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}
body.hc-cam-r40 .r23-menu-featured a{background:#123c52;border:1px solid #2e6178;border-radius:10px;padding:12px;display:flex;gap:8px;align-items:center;font-weight:800;color:#fff;text-decoration:none;font-size:13px}
body.hc-cam-r40 .r23-menu-featured b{color:var(--cam-cyan)}
body.hc-cam-r40 .r23-menu-topics{display:grid;gap:8px}
body.hc-cam-r40 a.r23-menu-topic{display:flex;align-items:center;gap:11px;padding:11px 12px;background:#0f3042;border:1px solid #28536b;border-radius:9px;text-decoration:none;color:white}
body.hc-cam-r40 .r23-menu-topic>b{font-size:22px;width:27px;text-align:center;color:var(--cam-cyan)}
body.hc-cam-r40 .r23-menu-topic>span{display:grid;gap:4px;flex:1}
body.hc-cam-r40 .r23-menu-topic strong{font-size:14px}
body.hc-cam-r40 .r23-menu-topic small{font-size:11px;color:#b4cdda}
body.hc-cam-r40 .r23-menu-topic i{font-size:22px;font-style:normal}
body.hc-cam-r40 .r23-menu-more{margin:12px 0;padding:10px 0;border-block:1px solid #315163}
body.hc-cam-r40 .r23-menu-more summary{cursor:pointer;font-size:13px;font-weight:800;display:flex;justify-content:space-between}
body.hc-cam-r40 .r23-menu-subgrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}
body.hc-cam-r40 .r23-menu-subgrid a{background:#123347;padding:10px;border-radius:7px;color:#dcebf0;text-decoration:none;font-size:12px}
body.hc-cam-r40 .r23-menu-bottom{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:15px}
body.hc-cam-r40 .r23-menu-bottom a{font-size:12px;text-decoration:none;color:#c7dce7}
body.hc-cam-r40 .r23-menu-cta{display:flex;gap:8px}
body.hc-cam-r40 .r23-menu-cta a{flex:1;padding:12px;text-decoration:none;border-radius:8px;font-weight:900;font-size:12px;text-align:center;background:#0a92ca}
body.hc-cam-r40 .r23-menu-cta .r23-cta-phone{background:#153d51}
body.hc-cam-r40 .r23-cta-main b{float:right}
/* Local fallback footer: original semantic HTML preserved */
body.hc-cam-r40 .hc28-footer{background:#071924;color:#b5cdd8;padding:46px 0 22px}
body.hc-cam-r40 .hc28-footer-inner{max-width:1400px;margin:auto;padding:0 32px;display:grid;grid-template-columns:1.4fr 1fr 1.3fr 1fr;gap:40px}
body.hc-cam-r40 .hc28-footer strong{display:block;color:#fff;font-size:13px;letter-spacing:.7px;margin-bottom:13px}
body.hc-cam-r40 .hc28-footer em{color:var(--cam-cyan);font-style:normal}
body.hc-cam-r40 .hc28-footer p{font-size:12px;line-height:1.8;margin:0}
body.hc-cam-r40 .hc28-footer a{display:block;color:#bdd4df;text-decoration:none;font-size:12px;margin-bottom:10px}
body.hc-cam-r40 .hc28-footer a:hover{text-decoration:underline}
body.hc-cam-r40 .hc28-copyright{max-width:1400px;margin:30px auto 0;padding:15px 32px 0;border-top:1px solid #234355;font-size:11px;display:flex;justify-content:space-between;gap:20px}
body.hc-cam-r40 .hc28-mobile-dock{display:none}
/* Page content, site-mainline-isolated */
.cam40{color:#0d2432;overflow:clip;font-family:Inter,"Segoe UI",Arial,sans-serif}
.cam40-shell{width:min(calc(100% - 72px),var(--cam-max));margin-left:auto;margin-right:auto}
.cam40 a{text-decoration:none}
.cam40 h1,.cam40 h2,.cam40 h3,.cam40 p{margin-top:0}
.cam40 h2{font-size:clamp(32px,3.8vw,59px);letter-spacing:-.055em;line-height:1.08;font-weight:850;margin-bottom:0}
.cam40 h2 em,.cam40 h1 span{font-style:normal;color:#0a9cd3}
.cam40-section-dark h2 em,.cam40-finale h2 em{color:var(--cam-cyan)}
.cam40 .cam40-skip{position:absolute;top:-200px;left:12px;z-index:100;padding:14px;background:#fff}
.cam40 .cam40-skip:focus{top:90px}
.cam40-hero{isolation:isolate;position:relative;min-height:min(690px,80vh);background:#061925;color:white;display:flex;flex-direction:column;justify-content:space-between}
.cam40-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 49%;z-index:-2}
.cam40-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,14,24,.98) 0%,rgba(3,19,33,.95) 28%,rgba(4,25,40,.64) 49%,rgba(2,16,27,.1) 76%),linear-gradient(0deg,#041926ea 0%,transparent 23%);z-index:-1}
.cam40-hero-inner{padding-top:37px;padding-bottom:35px}
.cam40-breadcrumb{font-size:11px;letter-spacing:.04em;display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#c0d8e4;margin-bottom:80px}
.cam40-breadcrumb a:hover{color:white;text-decoration:underline}
.cam40-kicker,.cam40-overline{font-size:11px;font-weight:900;letter-spacing:2px;line-height:1.5;color:#1283b9}
.cam40-kicker{color:#a4eef9;display:flex;align-items:center;gap:8px;margin-bottom:18px}
.cam40-kicker i,.cam40-pulsedot{height:8px;width:8px;background:#3bf2ff;border-radius:50%;box-shadow:0 0 0 6px #34d8ff26}
.cam40-hero h1{max-width:740px;font-size:clamp(43px,5.8vw,91px);line-height:.99;letter-spacing:-.064em;font-weight:880;margin-bottom:24px;text-wrap:balance}
.cam40-hero h1 span{display:block;color:var(--cam-cyan)}
.cam40-hero-lead{font-size:clamp(15px,1.3vw,19px);line-height:1.65;max-width:660px;color:#e7f4f9;margin-bottom:24px}
.cam40-hero-lead strong{color:#fff}
.cam40-hero-tags{display:flex;flex-wrap:wrap;gap:10px 19px;margin-bottom:29px;max-width:660px}
.cam40-hero-tags span{font-size:12px;font-weight:750;color:#dcf3f9}
.cam40-actions{display:flex;flex-wrap:wrap;gap:12px}
.cam40-btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:14px 21px;border-radius:9px;font-size:13px;font-weight:850;gap:22px;transition:transform .2s,background .2s}
.cam40-btn:hover{transform:translateY(-2px)}
.cam40-btn-main{background:#20cce9;color:#052032!important;box-shadow:0 12px 30px #00b3ed33}
.cam40-btn-main:hover{background:#62eeff}
.cam40-btn-outline{border:1px solid #bed8e5a8;color:white!important;background:#0c2a3d9c}
.cam40-btn-outline:hover{background:#1a465f}
.cam40-btn b{font-size:18px}
.cam40-hero-bottom{display:flex;align-items:center;gap:13px;color:#d4eff6;border-top:1px solid #aac3ca50;padding-top:18px;padding-bottom:20px}
.cam40-hero-bottom span{font-size:10px;letter-spacing:1.5px;font-weight:800}
.cam40-hero-bottom b{color:#40dbec;font-size:10px;margin-right:22px}
.cam40-quick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #d5e6ed;border-radius:0 0 16px 16px;background:white;box-shadow:0 15px 35px #082c4215;transform:translateY(-1px)}
.cam40-quick a{display:flex;align-items:center;gap:12px;padding:21px 13px 21px 19px;border-right:1px solid #e3edf2;font-size:12px;font-weight:850;transition:background .18s;min-width:0}
.cam40-quick a:last-child{border:0}
.cam40-quick a:hover{background:#ecfaff}
.cam40-quick strong{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;background:#e7f7fb;color:#068cac;border:1px solid #c5edf2;border-radius:9px;font-size:11px}
.cam40-brandline{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:32px 0 29px;border-bottom:1px solid #e2ebef}
.cam40-brandline>span{font-size:10px;letter-spacing:1.1px;font-weight:900;color:#637c8d}
.cam40-brandline>div{display:flex;gap:25px;flex-wrap:wrap}
.cam40-brandline b{font-size:clamp(15px,1.7vw,21px);color:#173247;letter-spacing:-.8px}
.cam40-brandline small{font-size:10px;color:#8294a1;flex-basis:100%}
.cam40-section{padding-top:94px;padding-bottom:94px}
.cam40-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:34px}
.cam40-heading>div{max-width:840px}
.cam40-heading p{max-width:365px;line-height:1.7;font-size:14px;color:#5b7180;margin-bottom:0}
.cam40-overline{margin-bottom:17px}
.cam40-locations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cam40-place{position:relative;display:flex;min-height:388px;overflow:hidden;border-radius:15px;background:#0a2637;color:white;flex-direction:column;justify-content:end;box-shadow:0 14px 33px #02263d10}
.cam40-place::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071a29 0%,#061b2bbf 34%,transparent 82%);pointer-events:none}
.cam40-photo{position:absolute;inset:0;overflow:hidden}
.cam40-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.91) saturate(.86);transition:transform .45s}
.cam40-place:hover .cam40-photo img{transform:scale(1.06)}
.cam40-place-content{display:grid;gap:9px;position:relative;z-index:2;padding:25px}
.cam40-place-content i{font-size:11px;color:#62e6ed;font-weight:800;letter-spacing:1px;font-style:normal}
.cam40-place-content strong{font-size:clamp(24px,2.1vw,32px);letter-spacing:-1px;line-height:1.1}
.cam40-place-content small{font-size:12px;color:#d0e5ef;line-height:1.5;min-height:32px}
.cam40-place-content>span{margin-top:6px;padding-top:13px;border-top:1px solid #ffffff50;display:flex;justify-content:space-between;font-size:12px;font-weight:800}
.cam40-place-content>span b{font-size:19px}
.cam40-mini-note{border-left:3px solid #0fa4da;background:#f2f8fb;padding:14px 19px;margin-top:18px;border-radius:0 8px 8px 0;font-size:12px;line-height:1.6;color:#5c7180}
.cam40-mini-note b{color:#0e3d55;margin-right:13px}
.cam40-section-dark{background:#071d2a;color:#fff}
.cam40-section-dark .cam40-heading p,.cam40-section-dark .cam40-heading{color:#adc9d7}
.cam40-section-dark .cam40-overline{color:#52d8f0}
.cam40-camera-grid{display:grid;grid-template-columns:1.34fr 1fr 1fr;gap:14px}
.cam40-camera-feature{background:#102d40;border:1px solid #2a4959;padding:20px;border-radius:15px;overflow:hidden}
.cam40-feature-top{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:25px;color:#83deee;font-size:10px;font-weight:800;letter-spacing:1px}
.cam40-feature-top>b{color:#adc9d4;font-size:10px}
.cam40-camphoto{height:190px;margin:16px 0 18px;border-radius:9px;overflow:hidden;background:#173b4f}
.cam40-camphoto img{height:100%;width:100%;object-fit:cover;filter:saturate(.94)}
.cam40-camera-big .cam40-camphoto{height:230px}
.cam40-camera-feature h3{font-size:23px;letter-spacing:-.8px;margin:0 0 10px}
.cam40-camera-feature p{color:#bfd3df;font-size:13px;line-height:1.65;margin:0}
.cam40-techline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.cam40-techline>div{display:grid;gap:8px;padding:18px;border:1px solid #274a5b;border-radius:10px;background:#0c2736}
.cam40-techline b{font-size:17px;color:#51dff4}
.cam40-techline span{font-size:12px;color:#bfd2dc;line-height:1.6}
.cam40-inline-link{margin:26px 0 0;font-size:12px;color:#c2d7e0}
.cam40-inline-link a{color:#79e9fa;border-bottom:1px solid #79e9fa}
.cam40-night{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:65px}
.cam40-night-copy>p,.cam40-mobile-story>div:last-child>p,.cam40-privacy-grid p{font-size:15px;color:#566e7e;line-height:1.8;margin:24px 0}
.cam40-checklist{list-style:none;padding:0;margin:26px 0;display:grid;gap:15px}
.cam40-checklist li{padding-left:26px;position:relative;font-size:13px;line-height:1.65;color:#526a7b}
.cam40-checklist li:before{content:'✓';position:absolute;left:0;color:#0aa8bb;font-size:16px;font-weight:900}
.cam40-checklist b{color:#103447}
.cam40-textlink{display:inline-flex;align-items:center;gap:18px;color:#037fae;border-bottom:1px solid #057daa;font-weight:850;padding-bottom:8px;font-size:13px}
.cam40-textlink:hover{color:#07445b}
.cam40-night-visual{min-width:0;position:relative;border-radius:17px;overflow:hidden;background:#091e29;padding:12px 12px 23px;color:#b3cdd7;box-shadow:0 25px 55px #001d301a}
.cam40-night-photo{aspect-ratio:1.3;background:#08151d;border-radius:10px;overflow:hidden}
.cam40-night-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1) contrast(1.3) brightness(.8)}
.cam40-night-stamp{display:flex;align-items:center;gap:10px;position:absolute;top:25px;left:23px;padding:10px 12px;background:#061a28dd;color:#e5ffff;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:1px}
.cam40-pulsedot{width:7px;height:7px}
.cam40-night-visual p{font-size:11px;line-height:1.6;margin:15px 9px 0}
.cam40-soft{background:var(--cam-paper)}
.cam40-architecture{display:grid;grid-template-columns:1.35fr .85fr;gap:16px}
.cam40-architecture-panel{background:#fff;border:1px solid #dde9ef;border-radius:14px;padding:27px;box-shadow:0 5px 24px #082a3c0d}
.cam40-flow-title{font-size:10px;font-weight:850;letter-spacing:1.4px;color:#618191}
.cam40-flowchart{margin:20px 0 14px;display:flex;gap:7px;align-items:center;justify-content:space-between}
.cam40-flowitem{text-align:center;background:#e9f7fc;border:1px solid #cee8f2;border-radius:11px;padding:15px 7px;min-width:0;flex:1;display:grid;justify-items:center;gap:6px}
.cam40-flowitem span{font-size:30px;color:#078daf;line-height:1}
.cam40-flowitem strong{font-size:12px;white-space:nowrap}
.cam40-flowitem small{font-size:10px;color:#698092;white-space:nowrap}
.cam40-flowchart>i{font-size:22px;font-weight:900;color:#1687b3;font-style:normal}
.cam40-flowdisclaimer{font-size:11px;line-height:1.6;color:#607988}
.cam40-flow-points{display:flex;flex-wrap:wrap;gap:8px}
.cam40-flow-points span{border-radius:20px;border:1px solid #ccebf1;padding:7px 10px;background:#f3fcff;color:#0c7289;font-size:10px;font-weight:800}
.cam40-nvr-photo{background:#081c2b;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;color:#fff}
.cam40-nvr-photo img{width:100%;height:65%;max-height:260px;object-fit:cover}
.cam40-nvr-photo>div{padding:23px}
.cam40-nvr-photo b{font-size:17px}
.cam40-nvr-photo p{font-size:12px;line-height:1.7;color:#bbd4de;margin:10px 0 0}
.cam40-threefacts{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:18px}
.cam40-threefacts article{border-top:2px solid #b6dce9;padding:20px 4px}
.cam40-threefacts article span{color:#1595b8;font-size:10px;letter-spacing:1px;font-weight:800}
.cam40-threefacts h3{margin:8px 0;font-size:19px;letter-spacing:-.5px}
.cam40-threefacts p{color:#597080;font-size:12px;line-height:1.7}
.cam40-mobile-story{display:grid;grid-template-columns:.83fr 1.17fr;gap:80px;align-items:center}
.cam40-mobile-photo{min-height:500px;background:#0a2333;border-radius:18px;display:flex;overflow:hidden;position:relative;align-items:center}
.cam40-mobile-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 50%}
.cam40-mobile-rows{display:grid;gap:0;margin:26px 0}
.cam40-mobile-rows>div{display:grid;grid-template-columns:130px 1fr;gap:17px;border-bottom:1px solid #dce9ee;padding:16px 0;font-size:13px;line-height:1.6}
.cam40-mobile-rows b{color:#0c4962}
.cam40-mobile-rows span{color:#526d7d}
.cam40-process .cam40-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.cam40-steps article{background:#103245;border:1px solid #2f4b5e;border-radius:11px;padding:22px 16px;position:relative}
.cam40-steps article>span{display:flex;align-items:center;justify-content:center;color:#082e3d;background:#47e0f3;border-radius:8px;font-size:16px;font-weight:900;height:44px;width:44px;margin-bottom:29px}
.cam40-steps article h3{font-size:17px;letter-spacing:-.4px;margin:0 0 10px}
.cam40-steps article p{font-size:12px;color:#bdd1dc;line-height:1.6;margin:0}
.cam40-inline-cta{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-top:25px;padding:22px 28px;border:1px solid #396077;border-radius:10px;background:#0c2c3e;font-size:13px;color:#d3eaf0}
.cam40-inline-cta a{border:1px solid #5cc8e5;color:#9af4ff;padding:10px 17px;border-radius:8px;white-space:nowrap;font-weight:800}
.cam40-privacy-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}
.cam40-privacy-list{border:1px solid #dce9ed;border-radius:14px;padding:17px 26px;background:#f7fbfd}
.cam40-privacy-list>div{display:grid;gap:8px;padding:21px 0;border-bottom:1px solid #dce9ed}
.cam40-privacy-list>div:last-child{border:0}
.cam40-privacy-list b{font-size:13px;color:#066b8a}
.cam40-privacy-list span{font-size:12px;line-height:1.7;color:#637c89}
.cam40-faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cam40-faq details{border:1px solid #d4e6ed;border-radius:10px;background:#fff;align-self:start;min-width:0}
.cam40-faq details[open]{border-color:#8bd5ec;box-shadow:0 10px 25px #0a4f7810}
.cam40-faq summary{list-style:none;cursor:pointer;font-size:14px;line-height:1.55;font-weight:800;padding:19px 52px 19px 20px;position:relative}
.cam40-faq summary::-webkit-details-marker{display:none}
.cam40-faq summary:after{content:'+';position:absolute;right:19px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:500;color:#0c9cb5}
.cam40-faq details[open] summary:after{content:'−'}
.cam40-faq details p{font-size:13px;line-height:1.8;color:#587181;padding:0 21px 18px;margin:0}
.cam40-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cam40-links a{display:flex;flex-direction:column;justify-content:space-between;gap:22px;position:relative;min-height:145px;border:1px solid #d8e8ee;border-radius:11px;padding:17px 20px;font-weight:830;color:#173f51;font-size:15px;line-height:1.35;background:#f5f9fb;transition:border-color .2s,transform .2s}
.cam40-links a:hover{transform:translateY(-3px);border-color:#38c1e3}
.cam40-links a span{font-size:11px;color:#12a5cb}
.cam40-links a b{position:absolute;right:20px;bottom:18px;font-size:18px;color:#159cbd}
.cam40-finale{padding:78px 0;background:radial-gradient(circle at 75% 40%,#0c5473 0%,#0a293c 29%,#051824 80%);color:#fff}
.cam40-finale-inner{display:grid;grid-template-columns:1fr 340px;gap:70px;align-items:center}
.cam40-finale h2{max-width:820px}
.cam40-finale p{max-width:680px;margin:22px 0;color:#c5dce8;font-size:15px;line-height:1.8}
.cam40-finale .cam40-overline{color:#63def2}
.cam40-regions{font-size:12px;font-weight:850;color:#e5f3fa}
.cam40-regions span{color:#4dd5eb;margin:0 9px}
.cam40-finalbox{display:grid;gap:11px;border:1px solid #4a7789;border-radius:15px;background:#0b2b3a;padding:25px}
.cam40-finalbox>span{color:#a4d4e2;letter-spacing:1.3px;font-weight:900;font-size:10px;margin-bottom:7px}
.cam40-finalbox .cam40-btn{width:100%;gap:8px;text-align:center}
.cam40-finalbox .cam40-email{color:#8bdeed;text-align:center;font-size:13px;text-decoration:underline;margin-top:7px}
@media(max-width:1180px){body.hc-cam-r40 .desktop{display:none}body.hc-cam-r40 .menu-toggle{display:flex}body.hc-cam-r40 .mobile-nav:not([hidden]){display:block}body.hc-cam-r40 .header-inner{justify-content:space-between}body.hc-cam-r40 .head-tel{margin-left:auto}.cam40-hero{min-height:630px}.cam40-hero-img{object-position:62% center}.cam40-heading{align-items:start}.cam40-heading p{max-width:320px}.cam40-camera-grid{grid-template-columns:1.1fr 1fr 1fr}.cam40-flowchart{flex-wrap:wrap}.cam40-flowitem{flex-basis:38%}.cam40-flowchart>i:nth-of-type(2){display:none}.cam40-architecture{grid-template-columns:1.15fr .85fr}}
@media(max-width:860px){.cam40-shell{width:min(calc(100% - 38px),var(--cam-max))}.cam40-section{padding-top:65px;padding-bottom:65px}.cam40-hero{min-height:630px}.cam40-hero-shade{background:linear-gradient(90deg,#031521fa 0%,#031926e6 39%,#021d2c70 88%),linear-gradient(0deg,#061a27 0%,transparent 34%)}.cam40-hero h1{font-size:clamp(45px,7.2vw,67px)}.cam40-breadcrumb{margin-bottom:58px}.cam40-quick{grid-template-columns:repeat(3,1fr)}.cam40-quick a:nth-child(3){border-right:0}.cam40-quick a:nth-child(-n+3){border-bottom:1px solid #e3edf2}.cam40-brandline{padding:25px 0}.cam40-heading{display:grid;gap:19px}.cam40-heading p{max-width:670px}.cam40-locations{gap:10px}.cam40-place{min-height:330px}.cam40-place-content{padding:17px}.cam40-place-content strong{font-size:24px}.cam40-camera-grid{grid-template-columns:1fr 1fr}.cam40-camera-big{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:start;column-gap:22px}.cam40-camera-big .cam40-feature-top{grid-column:1/-1}.cam40-camera-big .cam40-camphoto{grid-row:span 2;height:230px}.cam40-camera-big h3{align-self:end}.cam40-techline{grid-template-columns:1fr 1fr}.cam40-night{gap:32px}.cam40-architecture{grid-template-columns:1fr}.cam40-nvr-photo{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}.cam40-nvr-photo img{height:100%;max-height:270px}.cam40-mobile-story{gap:35px}.cam40-mobile-photo{min-height:440px}.cam40-process .cam40-steps{grid-template-columns:repeat(3,1fr)}.cam40-privacy-grid{gap:40px}.cam40-links{grid-template-columns:repeat(2,1fr)}.cam40-finale-inner{grid-template-columns:1fr 310px;gap:27px}body.hc-cam-r40 .hc28-footer-inner{grid-template-columns:1fr 1fr;gap:23px}}
@media(max-width:610px){html{scroll-padding-top:70px}body.hc-cam-r40 .shell{padding:0 15px}body.hc-cam-r40 .header-inner{min-height:67px;gap:8px}body.hc-cam-r40 .brand svg{width:32px;height:36px}body.hc-cam-r40 .brand b{font-size:21px}body.hc-cam-r40 .brand small{font-size:7px;letter-spacing:1.65px}body.hc-cam-r40 .head-tel{font-size:20px;line-height:1;background:transparent;padding:9px;color:#3bd9f5}body.hc-cam-r40 .head-tel span{display:none}body.hc-cam-r40 .menu-toggle{width:39px;height:39px;flex:none}body.hc-cam-r40 .r23-menu-featured{gap:7px}.cam40-shell{width:calc(100% - 30px)}.cam40-section{padding:59px 0}.cam40 h2{font-size:clamp(32px,9vw,43px)}.cam40-overline{font-size:10px;margin-bottom:12px}.cam40-hero{min-height:710px}.cam40-hero-img{object-position:62% center;opacity:.9}.cam40-hero-shade{background:linear-gradient(180deg,#061a29cc 0%,#061a29a6 26%,#041826f1 65%,#031520 100%),linear-gradient(90deg,#041623ad,#06253538)}.cam40-hero-inner{padding-top:20px;padding-bottom:15px}.cam40-breadcrumb{font-size:10px;margin-bottom:80px}.cam40-hero h1{font-size:clamp(42px,11vw,58px);line-height:1.03;max-width:410px}.cam40-hero-lead{font-size:14px;line-height:1.6}.cam40-hero-tags{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cam40-hero-tags span{font-size:11px}.cam40-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cam40-btn{padding:13px 11px;min-height:50px;gap:7px;font-size:11px}.cam40-btn b{font-size:13px}.cam40-hero-bottom{gap:8px;justify-content:space-between;padding-bottom:15px}.cam40-hero-bottom span{font-size:9px;letter-spacing:.5px}.cam40-hero-bottom b{display:none}.cam40-quick{grid-template-columns:1fr 1fr;gap:0}.cam40-quick a{border:0;border-right:1px solid #e3edf2;border-bottom:1px solid #e3edf2!important;padding:12px 9px;font-size:11px;gap:8px;min-height:64px}.cam40-quick a:nth-child(even){border-right:0}.cam40-quick a:last-child{grid-column:span 2;min-height:50px;border-bottom:0!important}.cam40-quick strong{width:31px;height:31px}.cam40-brandline{gap:10px}.cam40-brandline>div{gap:14px}.cam40-brandline b{font-size:16px}.cam40-brandline small{line-height:1.6}.cam40-heading{margin-bottom:22px}.cam40-heading p{font-size:13px}.cam40-locations{grid-template-columns:1fr;gap:13px}.cam40-place{min-height:295px}.cam40-place-content{padding:22px}.cam40-place-content strong{font-size:28px}.cam40-camera-grid{grid-template-columns:1fr;gap:12px}.cam40-camera-big{grid-column:auto;display:block}.cam40-camera-big .cam40-camphoto,.cam40-camphoto{height:210px}.cam40-camera-feature{padding:16px}.cam40-techline{gap:8px}.cam40-techline>div{padding:13px}.cam40-techline b{font-size:14px}.cam40-techline span{font-size:11px}.cam40-night{grid-template-columns:1fr;gap:30px}.cam40-night-photo{aspect-ratio:1.45}.cam40-architecture-panel{padding:15px}.cam40-flowchart{display:grid;grid-template-columns:1fr 20px 1fr;justify-content:center;gap:7px}.cam40-flowchart>i:nth-of-type(2){display:block}.cam40-flowitem{padding:12px 4px}.cam40-flowitem span{font-size:24px}.cam40-flowitem strong{font-size:11px}.cam40-flowchart>i:nth-of-type(2){grid-row:2;grid-column:2;transform:rotate(180deg)}.cam40-flowchart>.cam40-flowitem:nth-of-type(3){grid-row:2;grid-column:3}.cam40-flowchart>.cam40-flowitem:nth-of-type(4){grid-row:2;grid-column:1}.cam40-flowchart>i:nth-of-type(3){grid-row:2;grid-column:2;display:none}.cam40-flowchart>i:nth-of-type(1){grid-column:2;grid-row:1}.cam40-flowchart>i:nth-of-type(2){grid-column:2;grid-row:2}.cam40-flowdisclaimer{font-size:10px}.cam40-nvr-photo{display:flex}.cam40-nvr-photo img{height:auto;max-height:240px}.cam40-threefacts{grid-template-columns:1fr;gap:0}.cam40-threefacts article{padding:15px 0}.cam40-mobile-story{grid-template-columns:1fr}.cam40-mobile-photo{min-height:290px;max-height:380px;order:2}.cam40-mobile-story>div:last-child{order:1}.cam40-mobile-rows>div{grid-template-columns:100px 1fr;gap:10px}.cam40-process .cam40-steps{grid-template-columns:1fr 1fr;gap:9px}.cam40-steps article{padding:15px 11px}.cam40-steps article>span{width:35px;height:35px;font-size:12px;margin-bottom:19px}.cam40-steps article h3{font-size:14px}.cam40-steps article p{font-size:11px}.cam40-inline-cta{align-items:start;flex-direction:column;padding:18px}.cam40-privacy-grid{grid-template-columns:1fr;gap:20px}.cam40-privacy-list{padding:5px 18px}.cam40-faq{grid-template-columns:1fr;gap:9px}.cam40-faq summary{font-size:13px;padding:17px 43px 17px 15px}.cam40-faq summary:after{right:15px}.cam40-faq details p{padding:0 15px 17px}.cam40-links{gap:8px}.cam40-links a{min-height:127px;padding:15px 12px;font-size:12px}.cam40-links a b{right:12px;bottom:14px}.cam40-finale{padding:62px 0 85px}.cam40-finale-inner{grid-template-columns:1fr;gap:26px}.cam40-finale p{font-size:13px}.cam40-finalbox{padding:17px}.cam40-finalbox .cam40-btn{font-size:13px}body.hc-cam-r40 .hc28-footer{padding-bottom:80px}body.hc-cam-r40 .hc28-footer-inner{grid-template-columns:1fr 1fr;gap:20px}body.hc-cam-r40 .hc28-footer-inner>div:first-child,body.hc-cam-r40 .hc28-footer-inner>div:nth-child(3){grid-column:span 2}body.hc-cam-r40 .hc28-copyright{padding:15px;display:grid;gap:6px}body.hc-cam-r40 .hc28-mobile-dock{display:flex;position:fixed;z-index:90;bottom:0;left:0;right:0;gap:8px;padding:8px 13px calc(8px + env(safe-area-inset-bottom));background:#061b27ee;backdrop-filter:blur(12px);border-top:1px solid #427183}body.hc-cam-r40 .hc28-mobile-dock a{display:flex;align-items:center;justify-content:center;flex:1;padding:12px 7px;border-radius:8px;background:#173a4e;color:#fff;font-size:13px;font-weight:850;text-decoration:none}body.hc-cam-r40 .hc28-mobile-dock a:last-child{background:#1bd5ee;color:#05303d}}
@media(max-width:360px){.cam40-hero{min-height:750px}.cam40-hero h1{font-size:40px}.cam40-actions{grid-template-columns:1fr}.cam40-flowitem strong{white-space:normal}.cam40-brandline>div{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cam40 *{transition:none!important;animation:none!important}}

/* R40 integration: avoid double fixed dock from older template */
body.hc-cam-r40 .mobile-dock{display:none!important}
