.customers-page main a:focus-visible,.customers-page summary:focus-visible{outline:3px solid #007da9;outline-offset:5px}
.customer-skip{position:fixed;left:16px;top:-80px;z-index:12000;padding:12px 20px;background:#fff;color:var(--secondary);border:2px solid var(--primary);border-radius:8px}
.customer-skip:focus{top:12px}
.customer-eyebrow{display:block;color:#007da9;font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.customer-hero{background:linear-gradient(115deg,#0d1b2a,#1b2d44);padding:112px 0 68px;overflow:hidden}
.customer-breadcrumb{display:flex;gap:12px;font-size:.8125rem;color:#bdcad9;margin-bottom:40px}
.customer-breadcrumb a{color:#e3edf7}
.customer-hero .customer-eyebrow,.customer-cta .customer-eyebrow{color:var(--accent)}
.customer-hero h1{font-size:clamp(2.1rem,3.4vw,3rem);line-height:1.2;color:#fff;letter-spacing:-.035em}
.customer-hero h1 span{color:var(--accent)}
.customers-page .customer-intro{max-width:490px;margin-top:24px;font-size:1rem;line-height:1.85;color:#c4d1de}
.customer-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:28px}
.customer-actions .btn-primary-premium,.customer-cta-actions .btn-primary-premium{font-size:.8125rem;padding:14px 20px}
.customer-light-link{color:#fff;font-size:.8125rem;font-weight:600;line-height:1.7}
.customer-light-link:hover{color:var(--accent)}
.customer-light-link i{margin-left:7px}
.customer-hero-note{display:flex;gap:14px;align-items:center;border-top:1px solid #3c4c5d;margin-top:30px;padding-top:22px;max-width:470px}
.customer-hero-note>span{font-size:1.65rem;color:var(--accent)}
.customers-page .customer-hero-note p{font-size:.75rem;color:#bdcad9;line-height:1.7}
.customer-hero-note strong{color:#fff;font-weight:600}
.customer-hero-visual{margin:0 0 0 30px;padding-bottom:12px}
.customer-hero-visual>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px;box-shadow:0 28px 70px #0004}
.customer-hero-visual figcaption{position:relative;margin:-24px 20px 0;background:#fff;border-radius:12px;padding:18px;display:flex;gap:14px;align-items:center;box-shadow:var(--shadow-xl)}
.customer-hero-visual figcaption>span,.customer-icon{display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:#007da9;border-radius:10px;width:44px;height:44px;flex-shrink:0;font-size:1.25rem}
.customer-hero-visual small{display:block;font-size:.625rem;color:var(--text-secondary);margin-bottom:4px}
.customer-hero-visual strong{display:block;font-size:.8125rem;color:var(--secondary)}
.customer-work{padding:68px 0;scroll-margin-top:86px}
.customer-section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;margin-bottom:34px}
.customer-section-heading h2,.customer-path h2,.customer-faq h2,.customer-cta h2{font-size:2rem;line-height:1.3;letter-spacing:-.025em}
.customers-page .customer-section-heading>p{font-size:.875rem;line-height:1.85;color:var(--text-secondary)}
.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.customer-profile{border:1px solid var(--border-color);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.customer-preview{display:block;background:#f1f5f9;border-bottom:1px solid var(--border-color);padding:18px 18px 0}
.customer-browser-bar{background:#fff;border:1px solid #dae2e9;border-bottom:0;border-radius:8px 8px 0 0;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;font-size:.5625rem;color:#56697c}
.customer-browser-dots{display:flex;gap:4px}
.customer-browser-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#c4d1dd}
.customer-browser-dots i:first-child{background:#eabfae}.customer-browser-dots i:nth-child(2){background:#e3d4a4}.customer-browser-dots i:last-child{background:#a7cbbf}
.customer-preview img{display:block;width:100%;height:auto;aspect-ratio:1346/665;object-fit:contain;object-position:top;background:#fff;border:1px solid #dae2e9;border-bottom:0;transition:filter .2s}
.customer-preview:hover img{filter:brightness(.96)}
.customer-profile-body{padding:27px;display:flex;flex-direction:column;flex:1}
.customer-sector{color:#007da9;font-size:.625rem;letter-spacing:.09em;font-weight:700;text-transform:uppercase;margin-bottom:10px}
.customer-profile h3{font-size:1.25rem;line-height:1.4;letter-spacing:-.02em;margin-bottom:14px}
.customer-profile h4{font-size:.8125rem;line-height:1.6;margin-bottom:8px;font-weight:600}
.customers-page .customer-profile-body>p{font-size:.8125rem;line-height:1.85;margin-bottom:20px}
.customer-capabilities{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;margin-top:auto}
.customer-capabilities li{color:#4a5e70;background:#f3f6f9;border:1px solid #e8edf2;border-radius:5px;padding:5px 8px;font-size:.625rem;line-height:1.5}
.customer-profile-link{font-size:.75rem;font-weight:700;color:#007da9;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border-color);padding-top:18px;margin-top:22px;min-height:44px}
.customers-page .customer-archive-note{display:flex;align-items:baseline;gap:9px;font-size:.6875rem;color:#5f7285;margin-top:22px;line-height:1.8}
.customer-promise{background:#f8fafc;padding:64px 0}
.customer-promise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.customer-promise-grid article{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:26px}
.customer-promise-grid h3{font-size:1rem;line-height:1.5;margin:20px 0 10px}
.customers-page .customer-promise-grid p{font-size:.8125rem;line-height:1.85}
.customer-path{padding:64px 0}
.customer-path-intro{max-width:600px;margin-bottom:34px}
.customers-page .customer-path-intro p{font-size:.875rem;margin-top:16px}
.customer-steps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.customer-steps li{border-left:2px solid var(--primary);padding-left:20px}
.customer-steps li>span{display:block;font-size:.6875rem;color:#007da9;font-weight:700;margin-bottom:15px}
.customer-steps h3{font-size:1rem;margin-bottom:12px;line-height:1.5}
.customers-page .customer-steps p{font-size:.8125rem;line-height:1.85}
.customer-faq{padding:64px 0;background:#f8fafc}
.customers-page .customer-faq .col-lg-5>p{font-size:.875rem;line-height:1.85;margin-top:20px}
.customer-faq a{color:#007da9;font-weight:600}
.customer-faq details{border-bottom:1px solid #d9e2eb;padding:0 0 20px;margin-bottom:20px}
.customer-faq summary{cursor:pointer;font-size:.875rem;color:var(--secondary);font-weight:600;line-height:1.7;padding:10px 0;min-height:44px}
.customers-page .customer-faq details p{font-size:.8125rem;line-height:1.85;margin-top:12px;padding-right:18px}
.customer-cta{padding:64px 0}
.customer-cta-inner{background:var(--secondary);border-radius:20px;padding:44px 48px;display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center}
.customer-cta h2{color:#fff}
.customers-page .customer-cta p{font-size:.875rem;color:#c4d1de;margin-top:18px;max-width:450px}
.customer-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;justify-self:end}
@media(max-width:991px){.customer-hero{padding-top:104px}.customer-hero-visual{margin:42px 0 0;max-width:640px}.customer-section-heading{gap:32px}.customer-promise-grid{gap:18px}.customer-promise-grid article{padding:20px}.customer-faq .col-lg-7{margin-top:32px}.customer-cta-inner{padding:36px;grid-template-columns:1fr}.customer-cta-actions{justify-self:start;flex-direction:row;flex-wrap:wrap;align-items:center}}
@media(max-width:767px){.customer-hero{padding-bottom:42px}.customer-breadcrumb{margin-bottom:28px}.customer-hero h1{font-size:2.2rem}.customer-section-heading{grid-template-columns:1fr;gap:18px}.customer-section-heading h2,.customer-path h2,.customer-faq h2,.customer-cta h2{font-size:1.7rem}.customer-grid,.customer-promise-grid,.customer-steps{grid-template-columns:1fr}.customer-profile-body{padding:23px}.customer-work,.customer-promise,.customer-path,.customer-faq,.customer-cta{padding:48px 0}.customer-steps{gap:28px}.customer-promise-grid{gap:16px}.customer-cta-inner{padding:28px 24px}.customer-hero-visual figcaption{margin-left:14px;margin-right:14px}.customer-hero-visual strong{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.customer-preview img{transition:none}}
