/* V2: styles are isolated to the PDKS page. Approved V1 styles are unchanged. */
.pdks-page .pdks-hero { height:calc(351 * var(--u)); background:linear-gradient(110deg,#f8fcfe,#f3f9fa); overflow:hidden; }
.pdks-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; }
.pdks-page .pdks-breadcrumb a { text-decoration:none; }
.pdks-page .pdks-breadcrumb a:hover { color:var(--green); }
.pdks-page .pdks-hero-grid { position:relative; margin-top:calc(23 * var(--u)); }
.pdks-page .pdks-hero-copy { position:relative; z-index:2; width:calc(380 * var(--u)); }
.pdks-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; }
.pdks-page .pdks-hero-copy h1 span { color:var(--green); white-space:nowrap; }
.pdks-page .pdks-hero-copy .eyebrow { margin-bottom:calc(5 * var(--u)); font-size:calc(10 * var(--u)); }
.pdks-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; }
.pdks-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; }
.pdks-page .pdks-pillars li { display:flex; gap:calc(12 * var(--u)); padding:0 calc(15 * var(--u)); border-right:1px solid #e0e9ed; }
.pdks-page .pdks-pillars li:first-child { padding-left:0; }
.pdks-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)); }
.pdks-page .pdks-pillars strong { display:block; font-size:calc(10 * var(--u)); }
.pdks-page .pdks-pillars span { display:block; font-size:calc(10 * var(--u)); color:var(--text); line-height:1.5; }
.pdks-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; }
.pdks-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; }
.pdks-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)); }
.pdks-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)); }
.pdks-page .pdks-access-approved strong { display:block; font-size:calc(9 * var(--u)); }
.pdks-page .pdks-access-approved div > span { display:block; font-size:calc(8 * var(--u)); color:var(--text); }
.pdks-page .pdks-access-approved time { margin-left:auto; font-size:calc(9 * var(--u)); color:var(--text); }
.pdks-page .pdks-access-stats { display:grid; grid-template-columns:1fr 1fr; gap:calc(8 * var(--u)); margin:calc(8 * var(--u)) 0; }
.pdks-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)); }
.pdks-page .pdks-access-stats svg { width:calc(21 * var(--u)); height:calc(21 * var(--u)); color:var(--green); margin-bottom:calc(7 * var(--u)); }
.pdks-page .pdks-access-stats span { display:block; font-size:calc(9 * var(--u)); color:var(--text); }
.pdks-page .pdks-access-stats strong { display:block; font-size:calc(19 * var(--u)); }
.pdks-page .pdks-access-stats small { display:block; font-size:calc(8 * var(--u)); color:var(--text); white-space:nowrap; }
.pdks-page .pdks-access-stats small b { color:var(--green); }
.pdks-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; }
.pdks-page .pdks-vehicle svg { width:calc(22 * var(--u)); height:calc(22 * var(--u)); }
.pdks-page .pdks-vehicle > svg:last-child { width:calc(12 * var(--u)); margin-left:auto; transform:rotate(-90deg); color:#7291b2; }
.pdks-page .pdks-vehicle strong { display:block; font-size:calc(10 * var(--u)); }
.pdks-page .pdks-vehicle b { display:block; font-size:calc(19 * var(--u)); line-height:1.2; }
.pdks-page .solutions { height:calc(333 * var(--u)); padding-top:calc(25 * var(--u)); }
.pdks-page .solution-card { height:calc(222 * var(--u)); padding:calc(15 * var(--u)) calc(18 * var(--u)); scroll-margin-top:calc(65 * var(--u)); }
.pdks-page .solution-card ul { font-size:calc(11 * var(--u)); }
.pdks-page .solution-card h3 { font-size:calc(15 * var(--u)); }
.pdks-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)); }
.pdks-page .pdks-card-quote svg { width:calc(18 * var(--u)); height:calc(18 * var(--u)); }
.pdks-page .benefit-band { height:calc(186 * var(--u)); }
.pdks-page .benefit-grid { grid-template-columns:repeat(4,1fr); }
.pdks-page .sectors { height:calc(304 * var(--u)); }
.pdks-page .software-section { height:calc(265 * var(--u)); }
.pdks-page .software-copy h2 { font-size:calc(26 * var(--u)); white-space:nowrap; }
.pdks-page .software-copy h2 span { display:inline; }
.pdks-page .donut { background:conic-gradient(#008e60 0 78%,#35c599 78% 93%,#729aa9 93%); }
.pdks-page .chart-legend li:nth-child(3) i { background:#e6003e; }
.pdks-page .process { height:calc(197 * var(--u)); }
.pdks-page .closing-cta { height:calc(115 * var(--u)); }
@media(max-width:820px) {
 .pdks-page .pdks-hero { height:auto; padding-bottom:28px; }
 .pdks-page .pdks-breadcrumb { flex-wrap:wrap; font-size:10px; padding-top:18px; }
 .pdks-page .pdks-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px 8px; margin-top:24px; }
 .pdks-page .pdks-hero-copy { width:100%; grid-column:1/-1; }
 .pdks-page .pdks-hero-copy h1 { font-size:32px; }
 .pdks-page .pdks-hero-copy h1 span { white-space:normal; }
 .pdks-page .pdks-intro { width:100%; font-size:14px; }
 .pdks-page .pdks-pillars { width:100%; margin-top:28px; }
 .pdks-page .pdks-pillars li { gap:7px; padding-inline:8px; }
 .pdks-page .pdks-pillars svg { width:20px; height:20px; }
 .pdks-page .pdks-pillars span { font-size:9px; }
 .pdks-page .pdks-turnstile-art { position:static; width:100%; height:245px; align-self:center; }
 .pdks-page .pdks-access-panel { position:static; width:100%; padding:6px; align-self:center; }
 .pdks-page .pdks-access-approved { gap:6px; padding:6px; }
 .pdks-page .pdks-check { width:18px; height:18px; font-size:13px; }
 .pdks-page .pdks-access-approved time { font-size:7px; }
 .pdks-page .pdks-access-approved strong { font-size:8px; }
 .pdks-page .pdks-access-approved div > span { font-size:7px; }
 .pdks-page .pdks-access-stats { gap:4px; }
 .pdks-page .pdks-access-stats > div { padding:7px 5px; min-height:92px; }
 .pdks-page .pdks-access-stats span { font-size:8px; }
 .pdks-page .pdks-access-stats small { white-space:normal; font-size:7px; }
 .pdks-page .pdks-vehicle { padding:7px; gap:7px; }
 .pdks-page .pdks-vehicle strong { font-size:9px; }
 .pdks-page .solutions,.pdks-page .benefit-band,.pdks-page .sectors,.pdks-page .software-section,.pdks-page .process,.pdks-page .closing-cta { height:auto; }
 .pdks-page .solution-card { height:auto; min-height:285px; padding:22px; }
 .pdks-page .solution-card h3 { font-size:19px; }
 .pdks-page .solution-card ul { font-size:14px; }
 .pdks-page .benefit-grid { grid-template-columns:1fr; }
 .pdks-page .software-copy h2 { white-space:normal; font-size:27px; }
}
.pdks-page .pdks-hero-copy h1 { font-size:calc(33 * var(--u)); letter-spacing:calc(-.8 * var(--u)); }
.pdks-page .pdks-intro { font-size:calc(13 * var(--u)); width:calc(375 * var(--u)); }
.pdks-page .pdks-pillars { width:calc(390 * var(--u)); }
.pdks-page .pdks-pillars li { padding-right:0; padding-left:calc(12 * var(--u)); }
.pdks-page .solution-card li { letter-spacing:calc(-.25 * var(--u)); }
@media(min-width:821px) { .pdks-page .pdks-pillars span { white-space:nowrap; } }
@media(max-width:820px) { .pdks-page .pdks-hero-copy h1 { font-size:32px; } .pdks-page .pdks-intro,.pdks-page .pdks-pillars { width:100%; } .pdks-page .pdks-intro { font-size:14px; } .pdks-page .pdks-pillars li { padding-inline:6px; } }
@media(min-width:821px) { .pdks-page .pdks-hero-copy { width:calc(390 * var(--u)); } }