@import url('/security-panel-page.css');
.sp-page{--sp-navy:#092f43;--sp-blue:#007fae;--sp-copy:#49667a;--sp-rule:#d3e3eb;font-family:inherit;font-size:16px;line-height:1.65}
.sp-page .sp-section{padding-block:46px}
.sp-page :is(h1,h2,h3){font-weight:600;letter-spacing:-.035em;line-height:1.12}
.sp-page h1{font-size:clamp(42px,4vw,60px)}
.sp-page h2{font-size:clamp(30px,2.8vw,42px)}
.sp-page h3{font-size:23px}
.sp-page .sp-label{font-size:11px;margin-bottom:18px}
.sp-page :is(button,a,summary,[tabindex]):focus-visible{outline:3px solid #0089bf;outline-offset:4px}
.sp-page button{font:inherit;cursor:pointer}
.sp-page .sp-entry,.sp-page .sp-quote{background:#fff;color:var(--sp-navy);--sp-blue:#007fae;--sp-copy:#49667a;--sp-rule:#d3e3eb}
.sp-page .sp-entry{background:linear-gradient(115deg,#fff 15%,#edf7fd 100%);padding:15px 0 26px}
.sp-page .sp-breadcrumb{color:#56758a;margin-bottom:26px}
.sp-page .sp-breadcrumb a{min-height:36px;color:#42667e}
.sp-page .sp-entry-grid{grid-template-columns:.85fr 1.15fr;gap:40px}
.sp-page .sp-lead{font-size:20px;line-height:1.5;font-weight:400;max-width:450px;margin-top:22px}
.sp-page .sp-main-photo{max-width:none;margin:0}
.sp-page .sp-main-photo img{aspect-ratio:1.65;object-fit:cover;border-radius:3px}
.sp-page .sp-main-photo figcaption{font-size:12px;line-height:1.5;color:#526e7c}
.sp-page .sp-current-copy{gap:55px;margin-top:27px;padding-top:21px;font-size:15px;line-height:1.65}
.sp-page .sp-uses{color:#38677e;font-size:13px;margin-top:18px}
.sp-page .sp-primary,.sp-page .sp-whatsapp{min-height:48px;padding:12px 20px;border-radius:3px;font-size:15px;font-weight:600;line-height:1.5}
.sp-page .sp-section-heading{gap:48px;margin-bottom:25px}
.sp-page .sp-section-heading>p{line-height:1.65}
.sp-page .sp-system-list{gap:14px;border:0}
.sp-page .sp-system-list>li,.sp-page .sp-system-list>li+li{border:1px solid var(--sp-rule);padding:18px;background:#fff;border-radius:3px}
.sp-page .sp-element-name>span{font-size:11px;margin-bottom:7px}
.sp-page .sp-element-name h3{font-size:23px;margin-bottom:6px}
.sp-page .sp-element-name button{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;padding:4px 0;min-height:44px;border:0;background:none;color:var(--sp-navy);font-size:23px;line-height:1.15}
.sp-page .sp-element-name button span{color:#0089bc;font-size:18px}
.sp-page .sp-system-list>li:has([aria-pressed=true]){border-color:#008fc7;background:#f1faff;box-shadow:inset 0 3px #008fc7}
.sp-page .sp-system-list .sp-element-subtitle{font-size:13px;letter-spacing:0;margin:0 0 8px}
.sp-page .sp-system-list>li>p:last-child{font-size:14px;line-height:1.65;margin:0}
.sp-page .sp-parts-view{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:32px;margin-top:20px;background:linear-gradient(110deg,#f0f8fc,#fff);border:1px solid #e1edf2;border-radius:3px;padding:12px 24px 12px 12px}
.sp-page .sp-part-copy h3{margin:10px 0}
.sp-page .sp-part-copy p{margin:0;color:var(--sp-copy)}
.sp-page .sp-mini{font-size:11px;letter-spacing:.09em;font-weight:600;color:#0076a5}
.sp-page .sp-system-note{font-size:13px;line-height:1.6;margin:13px 0 0;max-width:none;color:#526d7d}
.sp-page .sp-planning{background:#f1f7fa}
.sp-page .sp-planning-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;align-items:center;max-width:none;margin-bottom:24px}
.sp-page .sp-planning-heading .sp-label{grid-column:1/-1}
.sp-page .sp-planning-heading>p:last-child{margin:0;line-height:1.65}
.sp-page .sp-planning-labels{display:none}
.sp-page .sp-planning-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border:0}
.sp-page .sp-planning-list article{display:block;border:0;border-top:1px solid #bed7e3;padding:21px 0}
.sp-page .sp-planning-list h3{align-items:center;gap:16px;font-size:22px;margin-bottom:10px}
.sp-page .sp-planning-list h3>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e0f1fa;font-size:12px;color:#007fae;flex:0 0 38px;line-height:1}
.sp-page .sp-planning-list p{font-size:15px;line-height:1.65;margin:6px 0 0 54px}
.sp-page .sp-planning .sp-text-link{margin-top:0;font-size:14px}
.sp-page .sp-studio{background:#eaf5fb}
.sp-page .sp-scenario-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.sp-page .sp-scenario-tabs button{display:flex;align-items:center;gap:12px;min-height:57px;background:#f7fbfe;border:1px solid #c1dce8;color:#27556e;padding:12px 16px;text-align:left;line-height:1.35;font-weight:600;border-radius:4px 4px 0 0}
.sp-page .sp-scenario-tabs button>span{font-size:12px;color:#007ca9}
.sp-page .sp-scenario-tabs button[aria-selected=true]{background:#fff;color:#006b97;border-bottom-color:#fff;box-shadow:inset 0 3px #008cbe}
.sp-page .sp-studio-board{display:grid;grid-template-columns:1.55fr 1fr;background:#fff;border:1px solid #c1dce8;border-top:0;border-radius:0 0 4px 4px;align-items:center}
.sp-page .sp-scenario-copy{padding:28px;border-left:1px solid #e0ebf1}
.sp-page .sp-scenario-copy h3{margin:12px 0 16px;font-size:27px}
.sp-page .sp-scenario-copy p{font-size:15px;line-height:1.65;color:var(--sp-copy);margin:0}
.sp-page .sp-scenario-copy ul{list-style:none;padding:0;font-size:14px;color:#3f6175;margin:16px 0 0}
.sp-page .sp-scenario-copy li{display:flex;gap:9px;margin-top:7px}
.sp-page .sp-scenario-copy li:before{content:'✓';color:#007fae}
.sp-page [data-sp-scenario-drawing],.sp-page [data-sp-parts-drawing]{padding:12px}
.sp-page :is([data-sp-scenario-drawing],[data-sp-parts-drawing]) svg{display:block;width:100%;height:auto;stroke:none;fill:none;max-height:425px;touch-action:pan-y}
.sp-page .sp-ground{fill:#e7f0f4;stroke:none}
.sp-page .sp-ground-line{stroke:#a2c1d1;stroke-width:2;fill:none}
.sp-page .sp-diagram-part{stroke:#7397a8;stroke-width:1.2;fill:#d7e7ee;fill-opacity:.13}
.sp-page .sp-diagram-part.is-selected{stroke:#007fab;stroke-width:1.8;fill:#8cddfa;fill-opacity:.22}
.sp-page .sp-posts{fill:#688b9c;fill-opacity:1;stroke:#5e8396}
.sp-page .sp-posts.is-selected{fill:#008fc6;fill-opacity:1}
.sp-page .sp-gate-swing{stroke-dasharray:5 5;fill:none}
.sp-page .sp-extra{stroke:#0089bc;stroke-width:1.5;stroke-dasharray:5 4;fill:#abe3f6;fill-opacity:.5}
.sp-page .sp-diagram-label{fill:#3a647a;stroke:none;font-size:12px;font-family:inherit;letter-spacing:1.2px}
.sp-page .sp-quote-layout{gap:60px}
.sp-page .sp-quote-layout>div>p:not(.sp-label){line-height:1.65;margin-top:18px}
.sp-page .sp-quote-note{padding:25px 28px;border:0;border-left:2px solid #43b3df;background:linear-gradient(125deg,#f6fbfe,#eaf5fb)}
.sp-page .sp-quote-note>span{font-size:11px;color:#0077a8;margin-bottom:14px}
.sp-page .sp-quote-note h3{font-size:25px;margin-bottom:18px}
.sp-page .sp-quote-note ul{font-size:15px;line-height:1.65}
.sp-page .sp-current-specs dt{font-size:14px;color:var(--sp-navy)}
.sp-page .sp-current-specs dd{font-size:14px;line-height:1.65}
.sp-page .sp-questions-section{background:linear-gradient(#f2f8fc,#fff)}
.sp-page .sp-faq-layout{gap:55px}
.sp-page .sp-faq-layout>div>p{color:var(--sp-copy);margin:15px 0 0}
.sp-page .sp-questions summary{min-height:56px;padding:14px 0;font-size:17px;line-height:1.4}
.sp-page .sp-questions details p{font-size:15px;line-height:1.65}
.sp-page .sp-related{margin-top:36px;padding-top:26px}
.sp-page .sp-related ul{gap:22px}
.sp-page .sp-related a{align-items:center;gap:16px;min-height:95px;border:0;padding:0}
.sp-page .sp-related img{width:95px;height:83px;object-fit:cover;border-radius:3px;flex:none}
.sp-page .sp-related strong{font-size:20px;line-height:1.2}
.sp-page .sp-related .sp-arrow{margin-left:auto}
.sp-page .sp-related li>p{font-size:14px;line-height:1.65;margin-top:10px}
.sp-page .sp-closing{background:linear-gradient(130deg,#f3faff 68%,#dff1fb 68%,#f4faff 85%,#e6f5fb 85%);padding:38px 0;border-color:#e1edf4}
.sp-page .sp-closing-layout{gap:60px}
.sp-page .sp-closing-layout>div>p:not(.sp-label){line-height:1.65;margin-top:18px}
.sp-page .sp-closing-actions{gap:12px}
@media(max-width:1024px){.sp-page .sp-entry-grid{gap:25px}.sp-page .sp-system-list{gap:10px;grid-template-columns:repeat(4,1fr)}.sp-page .sp-system-list>li,.sp-page .sp-system-list>li+li{padding:13px}.sp-page .sp-element-name button{font-size:20px}.sp-page .sp-studio-board{grid-template-columns:1.2fr 1fr}.sp-page .sp-scenario-copy{padding:20px}.sp-page .sp-quote-layout,.sp-page .sp-faq-layout{gap:30px}.sp-page .sp-related img{width:70px;height:75px}.sp-page .sp-related a{gap:10px}.sp-page .sp-related strong{font-size:18px}}
@media(max-width:768px){.sp-page .sp-section{padding-block:36px}.sp-page .sp-entry-grid{grid-template-columns:1fr 1fr}.sp-page h1{font-size:38px}.sp-page .sp-lead{font-size:18px}.sp-page .sp-current-copy,.sp-page .sp-section-heading{gap:25px}.sp-page .sp-system-list{grid-template-columns:1fr 1fr}.sp-page .sp-parts-view{grid-template-columns:1fr 1fr;gap:15px}.sp-page .sp-studio-board{grid-template-columns:1fr}.sp-page .sp-scenario-copy{border-left:0;border-top:1px solid #e0ebf1}.sp-page .sp-scenario-tabs{grid-template-columns:1fr 1fr}.sp-page .sp-scenario-tabs button{border-radius:3px}.sp-page .sp-studio-board{margin-top:8px;border-top:1px solid #c1dce8}.sp-page .sp-related ul{gap:16px}.sp-page .sp-related a{flex-wrap:wrap}.sp-page .sp-related img{width:100%;height:110px}.sp-page .sp-planning-heading,.sp-page .sp-quote-layout,.sp-page .sp-faq-layout,.sp-page .sp-closing-layout{gap:26px}.sp-page .sp-planning-list{gap:0 25px}}
@media(max-width:600px){.sp-page h1{font-size:42px}.sp-page h2{font-size:32px}.sp-page .sp-entry-grid,.sp-page .sp-current-copy,.sp-page .sp-section-heading,.sp-page .sp-planning-heading,.sp-page .sp-planning-list,.sp-page .sp-quote-layout,.sp-page .sp-faq-layout,.sp-page .sp-closing-layout{display:grid;grid-template-columns:1fr;gap:22px}.sp-page .sp-main-photo{margin:0}.sp-page .sp-current-copy{gap:13px;margin-top:20px}.sp-page .sp-current-copy p+p{margin:0}.sp-page .sp-label{font-size:10px;margin-bottom:14px}.sp-page .sp-system-list{display:grid}.sp-page .sp-element-name{display:block}.sp-page .sp-element-name button{font-size:21px;overflow-wrap:anywhere}.sp-page .sp-system-list .sp-element-subtitle{margin:0 0 8px}.sp-page .sp-parts-view{display:flex;flex-direction:column;gap:0;padding:8px 8px 18px}.sp-page .sp-parts-view>div{width:100%}.sp-page .sp-part-copy{padding:8px 10px 0}.sp-page [data-sp-parts-drawing],.sp-page [data-sp-scenario-drawing]{padding:0}.sp-page .sp-diagram-label{font-size:17px;letter-spacing:.3px}.sp-page .sp-planning-heading .sp-label{margin:0}.sp-page .sp-planning-heading{gap:14px}.sp-page .sp-planning-list{gap:0}.sp-page .sp-planning-list article{padding:18px 0}.sp-page .sp-planning-list p{margin:6px 0 0}.sp-page .sp-scenario-tabs button{font-size:15px;gap:8px;padding:10px;min-height:58px}.sp-page .sp-scenario-copy{padding:20px}.sp-page .sp-scenario-copy h3{font-size:26px}.sp-page .sp-quote-note{padding:22px}.sp-page .sp-related ul{display:grid;grid-template-columns:1fr;gap:19px}.sp-page .sp-related a{flex-wrap:nowrap}.sp-page .sp-related img{width:92px;height:80px}.sp-page .sp-related strong{font-size:21px}.sp-page .sp-related li>p{margin-top:7px}.sp-page .sp-closing{padding-block:30px}.sp-page .sp-primary,.sp-page .sp-whatsapp{font-size:14px;padding:12px 16px}}
@media(prefers-reduced-motion:reduce){.sp-page *{transition:none!important;scroll-behavior:auto!important}}