/* Page-specific sample content styles. The site frame and lead popup use the homepage CSS. */
.content-main{display:flow-root;min-height:60vh}
/* Keep heading typography consistent across every CCTV content page. */
body h1,body h2,body h3{font-family:"Raleway",sans-serif!important}
.content-footer__links{display:flex;justify-content:space-between;gap:24px}
.content-footer__links h2{margin:0 0 16px;font-size:16px;font-weight:300}
.content-footer__links a,.content-footer__copyright a{color:var(--wp--preset--color--base-2,#fff);text-decoration:none}
.content-footer__links a:hover,.content-footer__copyright a:hover{text-decoration:underline}
.content-footer__copyright{margin-top:42px;color:var(--wp--preset--color--base-2,#fff);font-size:13px}
.content-fab{position:fixed;right:22px;z-index:10020;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:24px;box-shadow:0 5px 18px #10274440}
.content-fab svg{display:block;width:27px;height:27px;fill:currentColor}
.content-fab--whatsapp{bottom:92px;background:#25d366}
.content-fab--call{bottom:25px;background:#0f56d9}
.content-fab:hover{filter:brightness(.94)}
.sample-primary{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:800}
.promo-popup{position:fixed!important;inset:0!important;z-index:10040!important;display:none!important;overflow-y:auto;overscroll-behavior:contain}
.promo-popup.is-open{display:block!important}
.promo-popup__backdrop{position:fixed!important;inset:0!important}
.promo-popup__dialog{position:relative;z-index:1}
.promo-popup__content h2#promoPopupTitle{margin:16px 0 8px;font-family:Raleway,Arial,sans-serif;font-size:clamp(28px,3.8vw,38px);font-weight:800;line-height:1.04;color:#13233a}
/* Page-only accents; WordPress constrained layout controls the content width. */
.sample-page{color:var(--wp--preset--color--contrast,#111);font-family:var(--wp--preset--font-family--body,Inter,sans-serif)}
.sample-hero{padding:clamp(32px,5vw,64px) 0;background:linear-gradient(120deg,#eef6ff,#fff 65%)}
.sample-eyebrow{margin:0 0 12px;color:#0f56d9;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.sample-hero h1{max-width:850px;margin:0;font-family:Cardo,Georgia,serif;font-size:clamp(38px,6vw,66px);font-weight:400;line-height:1.03;letter-spacing:-.04em}
.sample-hero>p:not(.sample-eyebrow){max-width:720px;margin:22px 0;color:#52627a;font-size:19px;line-height:1.65}
.sample-hero__image{margin:28px 0;max-width:100%}
.sample-hero__image img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;border-radius:10px}
.sample-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sample-primary,.sample-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:8px;text-decoration:none;font-weight:800}
.sample-primary{background:#f40009;color:#fff}
.sample-secondary{background:#fff;color:#0f56d9;border:1px solid #b8d3f2}
.sample-trust{display:flex;flex-wrap:wrap;gap:12px 28px;margin:34px 0 0;padding:0;list-style:none;color:#31445e;font-weight:700}
.sample-trust li:before{content:'✓';color:#159447;margin-right:8px}
.sample-section{padding:64px 0;display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center}
.sample-section h2,.sample-contact h2{margin:0;font-family:var(--wp--preset--font-family--heading,Cardo);font-size:clamp(30px,4vw,44px);line-height:1.1}
.sample-section p:not(.sample-eyebrow),.sample-contact p:not(.sample-eyebrow){color:#52627a;font-size:17px;line-height:1.7}
.sample-card{padding:28px;border:1px solid #e2eaf4;border-radius:14px;box-shadow:0 14px 35px #1027440c}
.sample-card h3{margin-top:0}
.sample-card li{padding:7px 0;color:#52627a}
.sample-contact{padding:44px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f2f7fc}
.sample-contact p:not(.sample-eyebrow){margin-bottom:0}
@media(max-width:781px){.sample-section{grid-template-columns:1fr;padding:42px 0;gap:26px}.sample-contact{align-items:flex-start;flex-direction:column;padding:36px 20px}.sample-trust{flex-direction:column;gap:10px}}


/* Match the active homepage footer reveal treatment. */
.reveal-logo-container{position:fixed;bottom:0;left:0;width:100%;height:60vh;z-index:-1;display:flex;align-items:center;justify-content:center;background:#fff;padding:0 20px}
.reveal-logo-container img{width:100%;height:auto;max-width:1200px}
footer.wp-block-template-part{margin-bottom:60vh;position:relative;z-index:2;background-color:#232f3e}
.wp-site-blocks{background-color:#fff;position:relative;z-index:2}
@media(max-width:781px){.content-footer__links{gap:12px}.content-footer__links h2{font-size:14px}}