/* Capability pages share the marketing shell; these rules are scoped to their content. */
.capability-page{color:#19354f;font-family:'DM Sans',Arial,sans-serif;line-height:1.75}
.cap-wrap{width:min(1200px,calc(100% - 64px));margin:0 auto}
.capability-page h1,.capability-page h2{font-family:'Bebas Neue','Arial Narrow',sans-serif;font-weight:400;line-height:1.05;letter-spacing:.015em}
.capability-page h1{font-size:clamp(44px,5vw,72px);margin:0}
.capability-page h2{font-size:clamp(34px,3.5vw,49px);margin:0 0 23px}
.capability-page h3{font-size:20px;line-height:1.35;margin:0 0 15px}
.capability-page p{margin:0 0 20px}
.cap-hero{padding:32px 0 178px;color:white;background:radial-gradient(ellipse at 75% 5%,#234c6e,transparent 70%),#0f2137}
.cap-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:46px;color:#b9cddd;font-size:12px}
.cap-breadcrumb a{text-decoration:none;color:inherit}
.cap-hero-copy{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end}
.cap-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:#087fac;margin:0 0 17px!important}
.cap-hero .cap-eyebrow,.cap-closing .cap-eyebrow{color:#78d5fc}
.cap-lead{font-size:17px;color:#c9d9e7}
.cap-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.cap-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 21px;border:1px solid transparent;border-radius:6px;background:#0ea5e9;color:white;text-decoration:none;font-size:13px;font-weight:700}
.cap-button:hover{background:#0284c7}
.cap-button-secondary{background:transparent;border-color:#7e94a7}
.cap-button-secondary:hover{background:#ffffff0d}
.cap-hero-screen{position:relative;margin-top:-125px}
.cap-product-screen{margin:0;min-width:0}
.cap-screen-link{display:block;overflow:hidden;border:1px solid #dce5ee;border-radius:9px;background:#f8fafc;box-shadow:0 17px 45px #15344e15}
.cap-product-screen img{display:block;width:100%;height:auto}
.cap-product-screen-phone{width:min(300px,100%);justify-self:center}
.cap-product-screen figcaption{display:flex;justify-content:space-between;gap:18px;color:#6c8295;font-size:11px;padding:13px 0 0;line-height:1.5}
.cap-product-screen figcaption a{color:#087eae;white-space:nowrap;text-decoration:none}
.cap-local-nav{margin-top:32px;border-bottom:1px solid #dce5ee}
.cap-local-nav .cap-wrap{display:flex;gap:27px;overflow-x:auto}
.cap-local-nav a{display:block;padding:16px 0;font-size:12px;color:#536d82;text-decoration:none;white-space:nowrap}
.cap-local-nav a:hover{color:#0284c7}
.cap-section{padding:88px 0;scroll-margin-top:90px}
.cap-pale{background:#f4f7fa}
.cap-intro{max-width:830px;text-align:center}
.cap-intro>p:not(.cap-eyebrow){font-size:17px;color:#536d82}
.cap-feature{display:grid;grid-template-columns:.72fr 1.28fr;gap:65px;align-items:center}
.cap-feature-reverse{grid-template-columns:1.28fr .72fr}
.cap-feature-reverse>.cap-feature-copy{grid-column:2;grid-row:1}
.cap-feature-reverse>.cap-product-screen{grid-column:1;grid-row:1}
.cap-feature-copy>p:not(.cap-eyebrow){font-size:16px;color:#536d82}
.cap-feature-copy .cap-facts{font-size:12px!important;border-top:1px solid #dce5ee;padding-top:19px;margin-top:28px;color:#6b8194!important}
.cap-workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;padding:0;margin:34px 0 0}
.cap-workflow li{border-top:2px solid #0ea5e9;padding-top:22px}
.cap-workflow li>span{font-size:11px;font-weight:700;color:#0787b6}
.cap-workflow h3{margin-top:10px}
.cap-workflow p{font-size:14px;color:#536d82}
.cap-mobile{display:grid;grid-template-columns:1fr 1fr;gap:90px;max-width:1050px;align-items:center}
.cap-mobile figure{margin:0}
.cap-phone{width:min(288px,100%);max-height:665px;margin:0 auto;overflow:hidden;border:7px solid #14283e;border-radius:30px;background:#f8fafc;box-shadow:0 24px 60px #1a344525}
.cap-phone img{display:block;width:100%;height:auto}
.cap-mobile figcaption{text-align:center;color:#6c8295;font-size:11px;margin-top:17px}
.cap-install{border-top:1px solid #dce5ee;border-bottom:1px solid #dce5ee;margin:25px 0;padding:16px 0;font-size:13px;color:#536d82}
.cap-install summary{cursor:pointer;font-weight:700;color:#19354f}
.cap-install p{margin:14px 0 0}
.cap-text-link{color:#087eae;font-size:13px;text-decoration:none;border-bottom:1px solid #92c9e1;padding-bottom:4px}
.cap-questions{max-width:860px}
.cap-questions details{border-bottom:1px solid #dce5ee;padding:22px 0}
.cap-questions summary{cursor:pointer;font-size:15px;font-weight:700}
.cap-questions details p{font-size:14px;color:#536d82;margin:16px 0 0}
.cap-related{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:30px}
.cap-related a{display:block;border-top:2px solid #0ea5e9;padding-top:22px;text-decoration:none}
.cap-related h3{display:flex;justify-content:space-between;gap:14px}
.cap-related p{font-size:14px;color:#536d82}
.cap-closing{padding:70px 0;color:white;background:linear-gradient(120deg,#0f2137,#1e3a5a)}
.cap-closing .cap-wrap{display:flex;align-items:center;justify-content:space-between;gap:50px}
.cap-closing h2{max-width:760px;margin-bottom:14px}
.cap-closing p:not(.cap-eyebrow){color:#b9cddd;font-size:13px;margin-bottom:0}
.cap-closing .cap-button{flex-shrink:0}
.cap-specialist{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.cap-specialist .cap-eyebrow{margin:0!important}
.cap-agent-initial{display:flex;align-items:center;justify-content:center;background:var(--cap-agent-color);color:white;font-size:20px;font-weight:700;width:46px;height:46px;border-radius:50%;flex-shrink:0}
.cap-image-dialog{border:0;border-radius:9px;width:min(96vw,1500px);max-height:95vh;padding:16px;background:white;color:#19354f;box-shadow:0 20px 60px #0005}
.cap-image-dialog::backdrop{background:#071629df}
.cap-image-dialog img{display:block;width:100%;height:auto}
.cap-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:25px;font:12px 'DM Sans',Arial,sans-serif;margin-bottom:15px}
.cap-dialog-top button{border:1px solid #dce5ee;border-radius:5px;padding:7px 12px;background:white;cursor:pointer;white-space:nowrap}
.capability-page a:focus-visible,.capability-page summary:focus-visible,.cap-dialog-top button:focus-visible{outline:3px solid #38bdf8;outline-offset:4px}
@media(max-width:950px){.cap-hero-copy{gap:35px}.cap-feature,.cap-feature-reverse{gap:35px}.cap-mobile{gap:40px}.cap-actions .cap-button{font-size:12px}.cap-closing .cap-wrap{align-items:flex-start;flex-direction:column;gap:25px}}
@media(max-width:760px){.cap-wrap{width:calc(100% - 40px)}.cap-hero{padding:28px 0 142px}.cap-hero-copy{grid-template-columns:1fr;gap:27px}.cap-breadcrumb{margin-bottom:32px}.cap-hero-screen{margin-top:-100px}.cap-section{padding:60px 0}.cap-feature,.cap-feature-reverse{grid-template-columns:1fr;gap:30px}.cap-feature-reverse>.cap-feature-copy,.cap-feature-reverse>.cap-product-screen{grid-column:auto;grid-row:auto}.cap-feature-copy{max-width:680px}.cap-workflow{grid-template-columns:1fr;gap:20px}.cap-mobile{gap:35px;grid-template-columns:1fr}.cap-mobile>.cap-feature-copy{grid-row:1}.cap-related{grid-template-columns:1fr;gap:28px}.cap-local-nav .cap-wrap{gap:22px}.cap-intro{text-align:left}}
@media(max-width:480px){.capability-page h1{font-size:48px}.capability-page h2{font-size:38px}.cap-lead{font-size:16px}.cap-eyebrow{font-size:10px}.cap-product-screen figcaption{font-size:10px}.cap-button{font-size:12px;padding:12px 15px}.cap-closing{padding:55px 0}.cap-dialog-top{font-size:10px}.cap-phone{width:260px;max-height:615px}}
@media(prefers-reduced-motion:reduce){.capability-page{scroll-behavior:auto}}
