.cctv-page{--cctv-line:#d7dfe5}.cctv-hero{padding:54px 0 66px;background:linear-gradient(130deg,#eef2f4,#faf8f4)}.cctv-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);align-items:center}.cctv-hero h1{font-size:clamp(2.5rem,4.3vw,4.7rem);line-height:1.08;letter-spacing:-.045em}.cctv-hero h1 em{color:#9c4307}.cctv-photo{margin:0;min-width:0}.cctv-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px;display:block}.cctv-photo figcaption{font-size:.8rem;line-height:1.5;margin-top:10px;color:#526173}.cctv-note{font-size:.85rem;line-height:1.6;color:#526173}.cctv-jump{display:flex;flex-wrap:wrap;gap:10px;padding-top:24px;padding-bottom:24px;border-bottom:1px solid var(--cctv-line)}.cctv-jump a{font-size:.86rem;font-weight:600;padding:9px 14px;border:1px solid var(--cctv-line);border-radius:30px;text-decoration:none}.cctv-jump a:hover{background:#10263f;color:white}.cctv-section{scroll-margin-top:100px}.cctv-section:nth-of-type(even){background:#f4f6f7}.cctv-intro{max-width:880px;font-size:1.1rem;line-height:1.8;margin-bottom:30px}.cctv-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cctv-cards article{border:1px solid var(--cctv-line);padding:28px;border-radius:12px;background:white}.cctv-cards h3{font-size:1.2rem;margin:12px 0}.cctv-cards p,.cctv-split p,.cctv-callout p{line-height:1.8}.cctv-list{padding-left:22px}.cctv-list li{padding:8px 0;line-height:1.75}.cctv-callout{padding:28px 32px;margin-top:32px;border-left:4px solid #ed7524;background:#edf1f4;border-radius:0 12px 12px 0}.cctv-callout h3{margin-top:0}.cctv-page a:not(.button){text-underline-offset:4px}.cctv-table-wrap{overflow-x:auto;border:1px solid var(--cctv-line);border-radius:12px;background:#fff}.cctv-table-wrap table{width:100%;border-collapse:collapse;text-align:left}.cctv-table-wrap caption{text-align:left;padding:20px;font-weight:700}.cctv-table-wrap th,.cctv-table-wrap td{padding:18px 20px;border-top:1px solid var(--cctv-line);vertical-align:top;line-height:1.6}.cctv-table-wrap thead{background:#10263f;color:white}.cctv-table-wrap tbody th{width:28%}.cctv-form{background:white;border:1px solid var(--cctv-line);border-top:4px solid #ed7524;border-radius:12px;padding:30px;min-width:0}.cctv-form label{display:block;font-weight:600;margin:15px 0}.cctv-form input,.cctv-form textarea,.cctv-form select{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:12px;border:1px solid #8795a4;border-radius:5px;font:inherit;background:#fff;color:#10263f}.cctv-form textarea{resize:vertical}.cctv-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.cctv-status{font-size:.95rem}.cctv-footnote{padding-top:24px;padding-bottom:32px;font-size:.8rem;color:#526173}.cctv-page :focus-visible{outline:3px solid #b64e09;outline-offset:4px}.cctv-form button:disabled{opacity:.65;cursor:wait}#installation .cctv-cards{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.cctv-split,.cctv-cards,#installation .cctv-cards{grid-template-columns:1fr}.cctv-hero{padding:32px 0 40px}.cctv-hero h1{font-size:2.7rem}.cctv-hero .actions{align-items:flex-start}.cctv-cards article,.cctv-form,.cctv-callout{padding:22px}.cctv-table-wrap th,.cctv-table-wrap td{padding:12px;font-size:.9rem}.cctv-table-wrap tbody th{width:32%}.cctv-jump{gap:7px}.cctv-jump a{padding:8px 11px}.cctv-section{scroll-margin-top:80px}}
