@font-face{font-family:CamsecSolutionsMontserrat;src:url('assets/Montserrat-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:CamsecSolutionsMontserrat;src:url('assets/Montserrat-700.ttf') format('truetype');font-weight:700;font-display:swap}
#camsec-solutions{--ink:#1b2231;--muted:#6f7785;--blue:#1554e7;--line:#e1e6ed;--pale:#f4f7fc;color-scheme:light}
#camsec-solutions,#camsec-solutions *{box-sizing:border-box}
#camsec-solutions{margin:0;background:#fff;color:var(--ink);font:400 15px/1.55 CamsecSolutionsMontserrat,Arial,sans-serif}
#camsec-solutions button{font:inherit;cursor:pointer}
#camsec-solutions button:focus-visible{outline:3px solid #84acff;outline-offset:4px}
#camsec-solutions [hidden]{display:none!important}
#camsec-solutions img{display:block;width:100%}
#camsec-solutions h1,#camsec-solutions h2,#camsec-solutions h3,#camsec-solutions p{margin:0}
#camsec-solutions button{color:inherit}
#camsec-solutions.solutions{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:56px 0 48px}
#camsec-solutions .overview{display:grid;grid-template-columns:minmax(0,2.12fr) minmax(0,1fr);gap:44px;align-items:start}
#camsec-solutions .object-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#camsec-solutions .object-card{padding:0;overflow:hidden;border:1px solid #e5e9f0;border-radius:12px;background:white;text-align:left;transition:border-color .15s,box-shadow .15s}
#camsec-solutions .object-card img{aspect-ratio:1.74;object-fit:cover}
#camsec-solutions .object-card .card-label{display:flex;align-items:center;gap:10px;padding:13px 12px 7px;font-size:13px;font-weight:700;line-height:1.4}
#camsec-solutions .object-card .card-label .camsec-icon{--camsec-icon-size:24px}
#camsec-solutions .card-arrow{margin-left:auto;color:var(--blue);font-size:19px;font-weight:400}
#camsec-solutions .object-card .card-caption{display:block;padding:0 12px 13px 46px;color:var(--muted);font-size:10px;line-height:1.5}
#camsec-solutions .object-card:hover,#camsec-solutions .object-card[aria-expanded=true]{border-color:var(--blue);box-shadow:0 4px 16px #184fb412}
#camsec-solutions .object-card[aria-expanded=true] .card-arrow{transform:rotate(90deg)}
#camsec-solutions .intro{padding-top:1px}
#camsec-solutions .eyebrow{font-size:10px;letter-spacing:1.55px;font-weight:700;color:var(--blue)}
#camsec-solutions .intro h2{font-size:31px;letter-spacing:-1px;line-height:1.25;margin:13px 0 17px;font-weight:700}
#camsec-solutions .intro>p{font-size:12px;line-height:1.85;color:var(--muted)}
#camsec-solutions .intro-rule{height:1px;background:var(--line);margin:22px 0 15px}
#camsec-solutions .intro-item{display:flex;align-items:center;gap:12px;font-size:11px;margin:13px 0;color:#525d6f}
#camsec-solutions .intro-item .camsec-icon{--camsec-icon-size:23px}
#camsec-solutions .intro .hint{font-size:10px;margin-top:20px;color:var(--blue);line-height:1.5}
#camsec-solutions .hint span{font-size:17px;padding-left:4px}
#camsec-solutions .special-heading{display:flex;align-items:center;gap:20px;margin:32px 0 14px}
#camsec-solutions .special-heading h2{font-size:16px;font-weight:700}
#camsec-solutions .special-heading>span{color:var(--muted);font-size:11px}
#camsec-solutions .special-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#camsec-solutions .special-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:10px;background:#f8faff;text-align:left}
#camsec-solutions .special-card>.camsec-icon{--camsec-icon-size:32px}
#camsec-solutions .special-text{display:flex;flex-direction:column;gap:3px}
#camsec-solutions .special-text strong{font-size:12px}
#camsec-solutions .special-text small{font-size:10px;color:var(--muted);line-height:1.5}
#camsec-solutions .special-card:hover,#camsec-solutions .special-card[aria-expanded=true]{border-color:var(--blue);background:#f1f6ff}
#camsec-solutions .details{margin-top:30px;padding:30px;border:1px solid #dce6f4;border-radius:16px;background:#f7f9fd;scroll-margin-top:20px}
#camsec-solutions .details-heading{display:flex;justify-content:space-between;align-items:center}
#camsec-solutions .details-heading h2{font-size:25px;letter-spacing:-.6px;margin-top:5px}
#camsec-solutions .close-button{border:1px solid #dbe3f0;background:white;border-radius:50%;width:35px;height:35px;line-height:28px;font-size:25px;color:#66738a}
#camsec-solutions .scenario-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
#camsec-solutions .scenario-tabs button{background:#fff;border:1px solid #dfe5ef;border-radius:7px;padding:8px 11px;font-size:10px;line-height:1.5}
#camsec-solutions .scenario-tabs button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}
#camsec-solutions .scenario-content{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:30px;align-items:center}
#camsec-solutions .scene{overflow:hidden;border-radius:10px;background:white}
#camsec-solutions .scene>img{aspect-ratio:3/2;object-fit:contain}
#camsec-solutions .image-variants{display:flex;gap:6px;padding:9px;justify-content:center}
#camsec-solutions .image-variants button{border:1px solid var(--line);padding:5px 10px;border-radius:5px;background:#fff;font-size:10px}
#camsec-solutions .image-variants button[aria-pressed=true]{color:var(--blue);border-color:var(--blue)}
#camsec-solutions .scene-copy h3{font-size:25px;line-height:1.28;letter-spacing:-.5px;margin:12px 0}
#camsec-solutions .scene-copy p{font-size:12px;color:#637086;line-height:1.8}
#camsec-solutions .how-label{font-size:11px;font-weight:700;margin:21px 0 6px}
#camsec-solutions .calculate-button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-top:26px;border:0;border-radius:8px;background:var(--blue);color:white;padding:15px 17px;font-size:11px;font-weight:700}
#camsec-solutions .calculate-button span{font-size:19px;line-height:1}
@media(min-width:1350px){#camsec-solutions.solutions{padding-top:65px;padding-bottom:56px}
#camsec-solutions .object-card img{aspect-ratio:1.7}
#camsec-solutions .intro h2{font-size:33px}
#camsec-solutions .object-card .card-label{font-size:14px}}
@media(max-width:900px){#camsec-solutions.solutions{width:calc(100% - 40px);padding-top:30px}
#camsec-solutions .overview{grid-template-columns:1fr;gap:22px}
#camsec-solutions .intro{grid-row:1;max-width:600px}
#camsec-solutions .intro h2{font-size:29px}
#camsec-solutions .intro h2 br{display:none}
#camsec-solutions .intro-rule,#camsec-solutions .intro-item,#camsec-solutions .intro .hint{display:none}
#camsec-solutions .intro>p{max-width:530px}
#camsec-solutions .special-cards{gap:10px}
#camsec-solutions .special-card{gap:8px;padding:13px 10px}
#camsec-solutions .special-text strong{font-size:11px}
#camsec-solutions .special-text small{font-size:9px}
#camsec-solutions .special-card>.camsec-icon{--camsec-icon-size:25px}
#camsec-solutions .details{padding:22px}
#camsec-solutions .scenario-content{grid-template-columns:1.2fr 1fr;gap:20px}
#camsec-solutions .scene-copy h3{font-size:21px}}
@media(max-width:600px){#camsec-solutions.solutions{width:calc(100% - 32px)}
#camsec-solutions .object-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#camsec-solutions .object-card .card-label{font-size:11px;padding:10px;gap:6px}
#camsec-solutions .object-card .card-caption{padding:0 10px 10px;font-size:9px}
#camsec-solutions .object-card .card-label .camsec-icon{--camsec-icon-size:20px}
#camsec-solutions .special-heading{margin-top:25px;display:block}
#camsec-solutions .special-heading>span{display:block;margin-top:4px}
#camsec-solutions .special-cards{grid-template-columns:1fr}
#camsec-solutions .special-text strong{font-size:12px}
#camsec-solutions .special-text small{font-size:10px}
#camsec-solutions .special-card{padding:13px}
#camsec-solutions .special-card>.camsec-icon{--camsec-icon-size:29px}
#camsec-solutions .details{padding:17px;margin-top:22px}
#camsec-solutions .details-heading h2{font-size:21px}
#camsec-solutions .scenario-content{grid-template-columns:1fr}
#camsec-solutions .scenario-tabs{gap:7px}
#camsec-solutions .scenario-tabs button{min-height:40px;font-size:10px}
#camsec-solutions .scene-copy h3{font-size:23px}
#camsec-solutions .calculate-button{font-size:11px;min-height:46px}
#camsec-solutions .intro h2{font-size:27px}
#camsec-solutions .intro>p{font-size:12px}}
#camsec-solutions .details{padding:22px;margin-top:24px;border-radius:14px}
#camsec-solutions .details-heading h2{font-size:23px;margin-top:4px}
#camsec-solutions .scenario-tabs{margin:16px 0;gap:7px}
#camsec-solutions .scenario-tabs button{padding:7px 10px}
#camsec-solutions .scenario-content{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:stretch}
#camsec-solutions .scene{position:relative;width:100%;max-width:510px;min-width:0;min-height:0;align-self:start;aspect-ratio:3/2;background:transparent}
#camsec-solutions .scene>img{position:absolute;inset:0;height:100%;width:100%;max-width:100%;object-fit:contain;aspect-ratio:auto;border-radius:10px}
#camsec-solutions .image-variants{position:absolute;bottom:8px;left:8px;right:8px;background:#fffffff0;border-radius:7px;padding:5px}
#camsec-solutions .scene-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:0}
#camsec-solutions .scene-copy h3{font-size:23px;line-height:1.22;margin:0 0 8px;min-height:56px}
#camsec-solutions .scene-copy #cs-scenario-description{min-height:40px}
#camsec-solutions .scene-copy p{font-size:12px;line-height:1.65}
#camsec-solutions .how-label{margin:12px 0 5px}
#camsec-solutions .scene-copy #cs-scenario-how{margin-bottom:16px}
#camsec-solutions .calculate-button{flex-shrink:0;display:inline-flex;width:auto;max-width:100%;align-items:center;justify-content:center;gap:10px;line-height:1;font-size:16px;font-weight:300;color:#f9f9f9;padding:20px 32px;position:relative;cursor:pointer;transition:.3s;z-index:1;overflow:hidden;border:0;border-radius:64px;background:radial-gradient(100% 100% at 49.83% 0%,#2080f0 0%,#0128b9 100%);text-decoration:none;margin-top:auto}
#camsec-solutions .calculate-button::before,#camsec-solutions .calculate-button::after{content:'';width:50%;height:0;background:#1c1c1c;border-radius:30px 0 0 30px;position:absolute;top:0;left:0;z-index:-1;transition:.3s}
#camsec-solutions .calculate-button::after{inset:auto 0 0 auto;border-radius:0 30px 30px 0}
#camsec-solutions .calculate-button:hover::before,#camsec-solutions .calculate-button:hover::after{height:100%}
#camsec-solutions .calculate-button:focus-visible{outline:3px solid #84acff;outline-offset:4px}
@media(max-width:900px){#camsec-solutions .details{padding:20px}
#camsec-solutions .scenario-content{gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#camsec-solutions .scene-copy h3{font-size:21px;min-height:52px}}
@media(max-width:760px){#camsec-solutions .scenario-content{grid-template-columns:minmax(0,1fr)}
#camsec-solutions .scene{max-width:none}
#camsec-solutions .scene-copy h3{min-height:52px}
#camsec-solutions .scene-copy #cs-scenario-description{min-height:40px}
#camsec-solutions .scene-copy #cs-scenario-how{min-height:100px}
#camsec-solutions .calculate-button{margin-top:4px}
#camsec-solutions .details{padding:18px}
#camsec-solutions .details-heading h2{font-size:22px}
#camsec-solutions .scenario-tabs{margin:14px 0}
#camsec-solutions .calculate-button{padding:16px 26px;font-size:14px;min-height:48px}}
@media(prefers-reduced-motion:reduce){#camsec-solutions .calculate-button,#camsec-solutions .calculate-button::before,#camsec-solutions .calculate-button::after{transition:none}}
#camsec-solutions .calculate-button{width:243.3px;height:56px;min-height:56px;padding:20px 32px;font-size:16px;line-height:16px;white-space:nowrap}
@media(max-width:600px){}
#camsec-solutions .calculator-preview-note{margin-top:12px;font-size:11px!important;line-height:1.5!important;color:#637086}
#camsec-solutions *{font-family:CamsecSolutionsMontserrat,Arial,sans-serif}
#camsec-solutions h2,#camsec-solutions h3{font-weight:700}
#camsec-solutions .details{scroll-margin-top:150px}