/* V2: styles are isolated to the PDKS page. Approved V1 styles are unchanged. */
.security-page .pdks-hero { height:calc(351 * var(--u)); background:linear-gradient(110deg,#f8fcfe,#f3f9fa); overflow:hidden; }
.security-page .pdks-breadcrumb { display:flex; align-items:center; gap:calc(8 * var(--u)); padding-top:calc(22 * var(--u)); font-size:calc(10 * var(--u)); color:#6680a2; }
.security-page .pdks-breadcrumb a { text-decoration:none; }
.security-page .pdks-breadcrumb a:hover { color:var(--green); }
.security-page .pdks-hero-grid { position:relative; margin-top:calc(23 * var(--u)); }
.security-page .pdks-hero-copy { position:relative; z-index:2; width:calc(380 * var(--u)); }
.security-page .pdks-hero-copy h1 { margin:0 0 calc(6 * var(--u)); font-size:calc(32 * var(--u)); letter-spacing:calc(-1.2 * var(--u)); line-height:1.13; }
.security-page .pdks-hero-copy h1 span { color:var(--green); white-space:nowrap; }
.security-page .pdks-hero-copy .eyebrow { margin-bottom:calc(5 * var(--u)); font-size:calc(10 * var(--u)); }
.security-page .pdks-intro { width:calc(357 * var(--u)); margin:0 0 calc(14 * var(--u)); font-size:calc(12 * var(--u)); line-height:1.5; }
.security-page .pdks-pillars { display:grid; grid-template-columns:repeat(3,1fr); width:calc(390 * var(--u)); margin:calc(36 * var(--u)) 0 0; padding:0; list-style:none; }
.security-page .pdks-pillars li { display:flex; gap:calc(12 * var(--u)); padding:0 calc(15 * var(--u)); border-right:1px solid #e0e9ed; }
.security-page .pdks-pillars li:first-child { padding-left:0; }
.security-page .pdks-pillars svg { width:calc(24 * var(--u)); height:calc(24 * var(--u)); color:var(--green); flex-shrink:0; margin-top:calc(4 * var(--u)); }
.security-page .pdks-pillars strong { display:block; font-size:calc(10 * var(--u)); }
.security-page .pdks-pillars span { display:block; font-size:calc(10 * var(--u)); color:var(--text); line-height:1.5; }
.security-page .pdks-turnstile-art { position:absolute; left:calc(362 * var(--u)); top:calc(0 * var(--u)); width:calc(184 * var(--u)); height:calc(264 * var(--u)); stroke:none; }
.security-page .pdks-access-panel { position:absolute; left:calc(552 * var(--u)); top:calc(-23 * var(--u)); width:calc(211 * var(--u)); padding:calc(9 * var(--u)); background:#ffffffcf; border-radius:calc(8 * var(--u)); box-shadow:0 calc(5 * var(--u)) calc(22 * var(--u)) #0c43380b; }
.security-page .pdks-access-approved { display:flex; align-items:center; gap:calc(12 * var(--u)); padding:calc(9 * var(--u)); background:linear-gradient(110deg,#f1fbf7,#f9fbfe); border:1px solid #e9eff4; border-radius:calc(7 * var(--u)); }
.security-page .pdks-check { width:calc(24 * var(--u)); height:calc(24 * var(--u)); flex-shrink:0; display:grid; place-items:center; border-radius:50%; background:#008d62; color:white; font-size:calc(18 * var(--u)); }
.security-page .pdks-access-approved strong { display:block; font-size:calc(9 * var(--u)); }
.security-page .pdks-access-approved div > span { display:block; font-size:calc(8 * var(--u)); color:var(--text); }
.security-page .pdks-access-approved time { margin-left:auto; font-size:calc(9 * var(--u)); color:var(--text); }
.security-page .pdks-access-stats { display:grid; grid-template-columns:1fr 1fr; gap:calc(8 * var(--u)); margin:calc(8 * var(--u)) 0; }
.security-page .pdks-access-stats > div { border:1px solid #e7edf3; border-radius:calc(6 * var(--u)); padding:calc(13 * var(--u)); min-height:calc(111 * var(--u)); }
.security-page .pdks-access-stats svg { width:calc(21 * var(--u)); height:calc(21 * var(--u)); color:var(--green); margin-bottom:calc(7 * var(--u)); }
.security-page .pdks-access-stats span { display:block; font-size:calc(9 * var(--u)); color:var(--text); }
.security-page .pdks-access-stats strong { display:block; font-size:calc(19 * var(--u)); }
.security-page .pdks-access-stats small { display:block; font-size:calc(8 * var(--u)); color:var(--text); white-space:nowrap; }
.security-page .pdks-access-stats small b { color:var(--green); }
.security-page .pdks-vehicle { display:flex; align-items:center; gap:calc(14 * var(--u)); border:1px solid #e7edf3; padding:calc(8 * var(--u)) calc(13 * var(--u)); border-radius:calc(6 * var(--u)); text-decoration:none; }
.security-page .pdks-vehicle svg { width:calc(22 * var(--u)); height:calc(22 * var(--u)); }
.security-page .pdks-vehicle > svg:last-child { width:calc(12 * var(--u)); margin-left:auto; transform:rotate(-90deg); color:#7291b2; }
.security-page .pdks-vehicle strong { display:block; font-size:calc(10 * var(--u)); }
.security-page .pdks-vehicle b { display:block; font-size:calc(19 * var(--u)); line-height:1.2; }
.security-page .solutions { height:calc(333 * var(--u)); padding-top:calc(25 * var(--u)); }
.security-page .solution-card { height:calc(222 * var(--u)); padding:calc(15 * var(--u)) calc(18 * var(--u)); scroll-margin-top:calc(65 * var(--u)); }
.security-page .solution-card ul { font-size:calc(11 * var(--u)); }
.security-page .solution-card h3 { font-size:calc(15 * var(--u)); }
.security-page .pdks-card-quote { border:0; color:var(--green); background:none; padding:0; margin-top:auto; cursor:pointer; width:calc(24 * var(--u)); height:calc(24 * var(--u)); }
.security-page .pdks-card-quote svg { width:calc(18 * var(--u)); height:calc(18 * var(--u)); }
.security-page .benefit-band { height:calc(186 * var(--u)); }
.security-page .benefit-grid { grid-template-columns:repeat(4,1fr); }
.security-page .sectors { height:calc(304 * var(--u)); }
.security-page .software-section { height:calc(265 * var(--u)); }
.security-page .software-copy h2 { font-size:calc(26 * var(--u)); white-space:nowrap; }
.security-page .software-copy h2 span { display:inline; }
.security-page .donut { background:conic-gradient(#008e60 0 78%,#35c599 78% 93%,#729aa9 93%); }
.security-page .chart-legend li:nth-child(3) i { background:#e6003e; }
.security-page .process { height:calc(197 * var(--u)); }
.security-page .closing-cta { height:calc(115 * var(--u)); }
@media(max-width:820px) {
 .security-page .pdks-hero { height:auto; padding-bottom:28px; }
 .security-page .pdks-breadcrumb { flex-wrap:wrap; font-size:10px; padding-top:18px; }
 .security-page .pdks-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px 8px; margin-top:24px; }
 .security-page .pdks-hero-copy { width:100%; grid-column:1/-1; }
 .security-page .pdks-hero-copy h1 { font-size:32px; }
 .security-page .pdks-hero-copy h1 span { white-space:normal; }
 .security-page .pdks-intro { width:100%; font-size:14px; }
 .security-page .pdks-pillars { width:100%; margin-top:28px; }
 .security-page .pdks-pillars li { gap:7px; padding-inline:8px; }
 .security-page .pdks-pillars svg { width:20px; height:20px; }
 .security-page .pdks-pillars span { font-size:9px; }
 .security-page .pdks-turnstile-art { position:static; width:100%; height:245px; align-self:center; }
 .security-page .pdks-access-panel { position:static; width:100%; padding:6px; align-self:center; }
 .security-page .pdks-access-approved { gap:6px; padding:6px; }
 .security-page .pdks-check { width:18px; height:18px; font-size:13px; }
 .security-page .pdks-access-approved time { font-size:7px; }
 .security-page .pdks-access-approved strong { font-size:8px; }
 .security-page .pdks-access-approved div > span { font-size:7px; }
 .security-page .pdks-access-stats { gap:4px; }
 .security-page .pdks-access-stats > div { padding:7px 5px; min-height:92px; }
 .security-page .pdks-access-stats span { font-size:8px; }
 .security-page .pdks-access-stats small { white-space:normal; font-size:7px; }
 .security-page .pdks-vehicle { padding:7px; gap:7px; }
 .security-page .pdks-vehicle strong { font-size:9px; }
 .security-page .solutions,.security-page .benefit-band,.security-page .sectors,.security-page .software-section,.security-page .process,.security-page .closing-cta { height:auto; }
 .security-page .solution-card { height:auto; min-height:285px; padding:22px; }
 .security-page .solution-card h3 { font-size:19px; }
 .security-page .solution-card ul { font-size:14px; }
 .security-page .benefit-grid { grid-template-columns:1fr; }
 .security-page .software-copy h2 { white-space:normal; font-size:27px; }
}
.security-page .pdks-hero-copy h1 { font-size:calc(33 * var(--u)); letter-spacing:calc(-.8 * var(--u)); }
.security-page .pdks-intro { font-size:calc(13 * var(--u)); width:calc(375 * var(--u)); }
.security-page .pdks-pillars { width:calc(390 * var(--u)); }
.security-page .pdks-pillars li { padding-right:0; padding-left:calc(12 * var(--u)); }
.security-page .solution-card li { letter-spacing:calc(-.25 * var(--u)); }
@media(min-width:821px) { .security-page .pdks-pillars span { white-space:nowrap; } }
@media(max-width:820px) { .security-page .pdks-hero-copy h1 { font-size:32px; } .security-page .pdks-intro,.security-page .pdks-pillars { width:100%; } .security-page .pdks-intro { font-size:14px; } .security-page .pdks-pillars li { padding-inline:6px; } }
@media(min-width:821px) { .security-page .pdks-hero-copy { width:calc(390 * var(--u)); } }
/* V3-only security composition. */
.security-page .sec-hero { height:calc(350 * var(--u)); background:linear-gradient(110deg,#f8fcfe,#f3fafa); overflow:hidden; }
.security-page .sec-hero-grid { position:relative; margin-top:calc(21 * var(--u)); }
.security-page .sec-hero-copy { position:relative; z-index:2; width:calc(338 * var(--u)); }
.security-page .sec-hero-copy h1 { font-size:calc(34 * var(--u)); line-height:1.11; margin:0 0 calc(8 * var(--u)); letter-spacing:calc(-1 * var(--u)); }
.security-page .sec-hero-copy h1 span { color:var(--green); white-space:nowrap; }
.security-page .sec-hero-copy > p:not(.eyebrow) { font-size:calc(13 * var(--u)); margin-bottom:calc(14 * var(--u)); line-height:1.5; }
.security-page .sec-camera-art { position:absolute; left:calc(325 * var(--u)); top:calc(1 * var(--u)); width:calc(177 * var(--u)); height:calc(201 * var(--u)); stroke:none; }
.security-page .sec-pillars { width:calc(408 * var(--u)); display:grid; grid-template-columns:1fr 1fr 1.1fr; margin:calc(30 * var(--u)) 0 0; padding:0; list-style:none; }
.security-page .sec-pillars li { display:flex; align-items:center; gap:calc(10 * var(--u)); padding:calc(3 * var(--u)) calc(13 * var(--u)); border-right:1px solid #e4edf0; }
.security-page .sec-pillars li:first-child { padding-left:0; }
.security-page .sec-pillars li:last-child { border:0; padding-right:0; }
.security-page .sec-pillars svg { width:calc(26 * var(--u)); height:calc(30 * var(--u)); color:var(--green); flex-shrink:0; }
.security-page .sec-pillars strong { display:block; font-size:calc(10 * var(--u)); }
.security-page .sec-pillars span { display:block; white-space:nowrap; font-size:calc(8 * var(--u)); color:var(--text); }
.security-page .sec-status-panel { position:absolute; left:calc(513 * var(--u)); top:calc(-27 * var(--u)); width:calc(252 * var(--u)); padding:calc(9 * var(--u)); background:#ffffffdf; border-radius:calc(8 * var(--u)); box-shadow:0 calc(5 * var(--u)) calc(20 * var(--u)) #0b423710; }
.security-page .sec-status { display:flex; align-items:center; gap:calc(12 * var(--u)); padding:calc(7 * var(--u)); border:1px solid #edf1f5; border-radius:calc(5 * var(--u)); }
.security-page .sec-status > b { display:grid; place-items:center; border-radius:50%; width:calc(27 * var(--u)); height:calc(27 * var(--u)); color:white; background:#00915e; font-size:calc(20 * var(--u)); }
.security-page .sec-status strong { display:block; font-size:calc(10 * var(--u)); }
.security-page .sec-status span { display:block; font-size:calc(8 * var(--u)); color:var(--text); }
.security-page .sec-status time { margin-left:auto; align-self:start; text-align:right; font-size:calc(7 * var(--u)); color:var(--text); }
.security-page .sec-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:calc(5 * var(--u)); margin-top:calc(6 * var(--u)); }
.security-page .sec-stats > div { border:1px solid #edf1f5; border-radius:calc(4 * var(--u)); padding:calc(8 * var(--u)) calc(7 * var(--u)); min-width:0; }
.security-page .sec-stats svg { width:calc(19 * var(--u)); height:calc(22 * var(--u)); margin-bottom:calc(6 * var(--u)); color:var(--green); }
.security-page .sec-stats > div:nth-child(3) svg { color:#eb003b; }
.security-page .sec-stats span,.security-page .sec-stats small { display:block; white-space:nowrap; font-size:calc(7 * var(--u)); color:var(--text); }
.security-page .sec-stats small { font-size:calc(6 * var(--u)); }
.security-page .sec-stats strong { display:block; font-size:calc(16 * var(--u)); line-height:1.5; }
.security-page .sec-stats > div:first-child small { color:var(--green); }
.security-page .sec-chart-card,.security-page .sec-camera-list { padding:calc(8 * var(--u)); border:1px solid #edf1f5; border-radius:calc(4 * var(--u)); background:white; }
.security-page .sec-status-panel > .sec-chart-card { margin-top:calc(6 * var(--u)); }
.security-page .sec-chart-title { display:flex; align-items:center; justify-content:space-between; gap:calc(4 * var(--u)); font-size:calc(8 * var(--u)); }
.security-page .sec-chart-title a { text-decoration:none; color:var(--green); font-size:calc(7 * var(--u)); }
.security-page .sec-chart { position:relative; margin-top:calc(13 * var(--u)); padding-left:calc(19 * var(--u)); }
.security-page .sec-scale { position:absolute; left:0; top:calc(-5 * var(--u)); height:calc(69 * var(--u)); display:flex; flex-direction:column; justify-content:space-between; color:var(--text); font-size:calc(7 * var(--u)); }
.security-page .sec-bars { height:calc(61 * var(--u)); display:flex; align-items:end; gap:calc(5 * var(--u)); background:repeating-linear-gradient(to bottom,#e9f0f6 0 1px,transparent 1px calc(20 * var(--u))),repeating-linear-gradient(to right,#edf2f7 0 1px,transparent 1px calc(23 * var(--u))); }
.security-page .sec-bars i { flex:1; height:var(--bar); background:linear-gradient(#1abb8c,#008d61); border-radius:1px 1px 0 0; }
.security-page .sec-times { display:flex; justify-content:space-between; font-size:calc(6 * var(--u)); color:var(--text); margin-top:calc(5 * var(--u)); }
.security-page .solutions { height:calc(331 * var(--u)); }
.security-page .benefit-band { height:calc(179 * var(--u)); }
.security-page .sectors { height:calc(300 * var(--u)); }
.security-page .software-section { height:calc(274 * var(--u)); }
.security-page .software-grid { grid-template-columns:calc(280 * var(--u)) 1fr; gap:calc(25 * var(--u)); }
.security-page .software-copy h2 { white-space:normal; font-size:calc(27 * var(--u)); }
.security-page .sec-software-panel { height:calc(235 * var(--u)); }
.security-page .sec-software-panel .dashboard-sidebar { grid-template-rows:none; }
.security-page .sec-software-panel .dashboard-sidebar span { min-height:calc(23 * var(--u)); }
.security-page .sec-software-panel .dashboard-heading strong { font-size:calc(9 * var(--u)); }
.security-page .sec-software-panel .dashboard-main { padding:calc(10 * var(--u)) calc(9 * var(--u)); }
.security-page .sec-software-panel .sec-stats { margin:0; }
.security-page .sec-software-panel .sec-stats > div { padding:calc(6 * var(--u)); }
.security-page .sec-software-panel .sec-stats svg { float:left; margin-right:calc(6 * var(--u)); margin-bottom:0; }
.security-page .sec-software-panel .sec-stats strong { font-size:calc(12 * var(--u)); }
.security-page .sec-software-panel .sec-stats span,.security-page .sec-software-panel .sec-stats small { font-size:calc(6 * var(--u)); }
.security-page .sec-software-bottom { display:grid; grid-template-columns:1.1fr 1fr; gap:calc(6 * var(--u)); margin-top:calc(6 * var(--u)); }
.security-page .sec-software-bottom .sec-chart-title { font-size:calc(7 * var(--u)); }
.security-page .sec-software-bottom .sec-chart-title a { font-size:calc(6 * var(--u)); }
.security-page .sec-camera-list ul { padding:0; list-style:none; margin:calc(5 * var(--u)) 0 0; }
.security-page .sec-camera-list li { display:flex; gap:calc(5 * var(--u)); align-items:center; font-size:calc(6.5 * var(--u)); padding:calc(4 * var(--u)) 0; color:var(--text); border-bottom:1px solid #edf2f6; }
.security-page .sec-camera-list li svg { width:calc(8 * var(--u)); height:calc(8 * var(--u)); }
.security-page .sec-camera-list li em { font-style:normal; color:var(--green); margin-left:auto; white-space:nowrap; }
.security-page .sec-camera-list li time { font-size:calc(6 * var(--u)); }
.security-page .sec-software-bottom > .sec-chart-card > strong { font-size:calc(7 * var(--u)); }
.security-page .sec-software-bottom .sec-bars { height:calc(62 * var(--u)); gap:calc(3 * var(--u)); }
.security-page .sec-software-bottom .sec-times { font-size:calc(5 * var(--u)); }
.security-page .process { height:calc(196 * var(--u)); }
.security-page .closing-cta { height:calc(113 * var(--u)); }
@media(max-width:820px) {
 .security-page .sec-hero { height:auto; padding-bottom:28px; }
 .security-page .sec-hero-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:24px 8px; }
 .security-page .sec-hero-copy { width:100%; grid-column:1/-1; }
 .security-page .sec-hero-copy h1 { font-size:32px; }
 .security-page .sec-hero-copy h1 span { white-space:normal; }
 .security-page .sec-hero-copy > p:not(.eyebrow) { font-size:14px; }
 .security-page .sec-pillars { width:100%; margin-top:25px; }
 .security-page .sec-pillars li { padding:3px 6px; gap:6px; }
 .security-page .sec-pillars svg { width:22px; height:25px; }
 .security-page .sec-pillars span { white-space:normal; font-size:9px; }
 .security-page .sec-camera-art { position:static; width:100%; height:180px; align-self:center; }
 .security-page .sec-status-panel { position:static; width:100%; padding:6px; }
 .security-page .sec-status { gap:5px; padding:5px; }
 .security-page .sec-status > b { width:20px; height:20px; font-size:14px; flex-shrink:0; }
 .security-page .sec-status time { display:none; }
 .security-page .sec-status strong { font-size:9px; }
 .security-page .sec-stats { grid-template-columns:1fr 1fr; }
 .security-page .sec-stats > div { padding:5px; }
 .security-page .sec-stats svg { float:left; margin-right:6px; }
 .security-page .sec-chart-title { flex-wrap:wrap; }
 .security-page .sec-bars { gap:2px; }
 .security-page .sec-times { font-size:5px; }
 .security-page .solutions,.security-page .benefit-band,.security-page .sectors,.security-page .software-section,.security-page .process,.security-page .closing-cta { height:auto; }
 .security-page .software-grid { grid-template-columns:1fr; }
 .security-page .sec-software-panel { height:auto; }
 .security-page .sec-software-bottom { grid-template-columns:1fr; }
 .security-page .sec-software-bottom .sec-chart-title,.security-page .sec-software-bottom > .sec-chart-card > strong { font-size:9px; }
 .security-page .sec-camera-list li { font-size:8px; }
 .security-page .sec-camera-list li svg { width:10px; height:10px; }
 .security-page .sec-camera-list li time { font-size:7px; }
 .security-page .sec-software-bottom .sec-times { font-size:7px; }
}
.security-page .sec-hero-copy > p:not(.eyebrow) { max-width:calc(323 * var(--u)); }
.security-page .sec-hero-copy h1 { font-size:calc(36 * var(--u)); }
@media(max-width:820px) { .security-page .sec-hero-copy > p:not(.eyebrow) { max-width:100%; } .security-page .sec-hero-copy h1 { font-size:32px; } }
