.cctv-needs{background:linear-gradient(180deg,#fff8f1 0,#f7f7f5 280px)}
.cctv-needs-intro{max-width:820px;margin-bottom:36px}
.cctv-needs-intro h2{font-size:clamp(28px,3.2vw,42px);line-height:1.25;margin:12px 0 18px}
.cctv-needs-intro p{color:#56616b;line-height:1.8;margin:0}
.cctv-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.cctv-use-card{display:flex;flex-direction:column;border:1px solid #e1e4e5;border-top:4px solid #f0892b;background:#fff;border-radius:12px;overflow:hidden;color:#292929;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}
.cctv-use-card:hover{transform:translateY(-4px);border-color:#f0892b;box-shadow:0 12px 28px #70401a16}
.cctv-use-card:focus-visible{outline:3px solid #de701b;outline-offset:5px}
.cctv-use-visual{position:relative;overflow:hidden;background:#e8e5e1}
.cctv-use-visual img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}
.cctv-use-number{position:absolute;inset-block-start:14px;inset-inline-end:14px;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#fff5eb;color:#943e08;border:1px solid #f0892b;font-size:12px;font-weight:600;box-shadow:0 2px 8px #29292916}
.cctv-use-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:25px}
.cctv-use-body h3{font-size:19px;line-height:1.45;margin:0 0 12px;color:#333}
.cctv-use-body p{font-size:14px;line-height:1.8;color:#5b6670;margin:0 0 22px}
.cctv-use-action{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600;color:#a44c0f;border-top:1px solid #ede9e4;width:100%;padding-top:17px;margin-top:auto}
.cctv-use-action>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f0892b;color:#282828;font-size:22px;font-weight:400}
.cctv-case-hero{background:#f6f5f1;padding:26px 0 58px;border-bottom:1px solid #e5e6e6}
.cctv-case-heading{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:52px;margin-top:35px}
.cctv-case-heading h1{font-size:clamp(29px,3.3vw,46px);line-height:1.23;letter-spacing:-.035em;margin:15px 0 23px}
.cctv-case-heading .lead{font-size:17px;line-height:1.8;color:#56616b;margin-bottom:26px}
.cctv-case-heading figure{margin:0;min-width:0}
.cctv-case-heading figure>img{display:block;width:100%;height:auto;border-radius:12px}
.cctv-case-heading figcaption{font-size:11px;line-height:1.6;color:#68727b;margin-top:10px}
.cctv-case-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:65px;align-items:start}
.cctv-case-copy{max-width:790px}.cctv-case-copy h2{font-size:29px;margin-top:0;margin-bottom:24px}
.cctv-case-copy p{line-height:1.85;color:#54616b}
.cctv-functions{list-style:none;padding:0;margin:24px 0;display:grid;gap:0}
.cctv-functions li{position:relative;padding:16px 0;padding-inline-start:27px;border-bottom:1px solid #e7e9e9;line-height:1.75;color:#344552}
.cctv-functions li:before{content:"";position:absolute;inset-inline-start:0;top:26px;width:7px;height:7px;background:#ee8428;border-radius:50%}
.cctv-tech{padding:18px 21px;border-inline-start:3px solid #ef8b30;background:#f7f7f4;font-size:13px;overflow-wrap:anywhere}
.cctv-conditions{margin-top:30px;padding:23px;border:1px solid #e2e7e8;border-radius:10px}.cctv-conditions h3{font-size:16px;margin:0 0 12px}.cctv-conditions p{font-size:13px;margin:0}
.cctv-case-aside{padding:24px;background:#f6f7f6;border:1px solid #e5e8e8;border-radius:12px;display:grid;gap:18px;min-width:0}
.cctv-case-aside h2{font-size:19px;line-height:1.4;margin:0}
.cctv-case-aside img{width:100%;height:150px;object-fit:contain;display:block;background:white;border-radius:8px;padding:15px;box-sizing:border-box}
.cctv-case-aside p{font-size:12px;line-height:1.8;color:#65717b;margin:0}
.cctv-case-aside .text-link{font-size:13px;line-height:1.6}
[dir=rtl] .cctv-case-heading h1{letter-spacing:0;line-height:1.5}
[dir=rtl] .cctv-use-body h3{line-height:1.65}
@media(min-width:1200px){.cctv-case-aside{position:sticky;top:125px}}
@media(max-width:1000px){.cctv-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cctv-case-heading{gap:30px}.cctv-case-layout{grid-template-columns:minmax(0,1fr) 260px;gap:30px}}
@media(max-width:700px){.cctv-case-heading,.cctv-case-layout{grid-template-columns:1fr;gap:30px}.cctv-case-heading{margin-top:24px}.cctv-case-hero{padding-bottom:32px}.cctv-case-heading h1{font-size:32px}.cctv-case-heading figure{order:2}.cctv-case-heading .lead{font-size:15px}.cctv-use-grid{gap:18px}.cctv-use-body{padding:20px}.cctv-use-body h3{font-size:18px}.cctv-needs-intro{margin-bottom:26px}}
@media(max-width:530px){.cctv-use-grid{grid-template-columns:1fr}.cctv-use-visual img{aspect-ratio:8/4.5;object-fit:cover}.cctv-case-heading h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){.cctv-use-card{transition:none}.cctv-use-card:hover{transform:none}}