.capabilities-page { --cap-blue:#326fda; --cap-dark:#12233d; --cap-cyan:#32b9c7; --cap-line:rgba(65,108,169,.18); color:#243b5d; }.capabilities-page section,.capabilities-page>header { margin-bottom:clamp(62px,8vw,104px); }.capabilities-breadcrumbs { display:flex; align-items:center; gap:8px; margin:0 0 18px; color:#7086a1; font-size:.78rem; }.capabilities-breadcrumbs a { color:inherit; text-decoration:none; }.capabilities-breadcrumbs i { font-size:.65rem; opacity:.55; }.capabilities-breadcrumbs span { color:var(--cap-blue); font-weight:700; }
.capabilities-hero { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.72fr); gap:clamp(32px,6vw,84px); align-items:center; padding:clamp(30px,5vw,64px); overflow:hidden; border:1px solid rgba(92,146,255,.22); border-radius:36px; background:radial-gradient(circle at 88% 8%,rgba(50,185,199,.19),transparent 31%),linear-gradient(135deg,#fff,#edf6ff 60%,#e9f8f6); box-shadow:0 25px 65px rgba(32,70,118,.11); }.capabilities-eyebrow,.capabilities-heading>span,.capabilities-heading-kicker,.capabilities-final>div:first-child>span { display:inline-flex; align-items:center; gap:7px; color:var(--cap-blue); font-size:.75rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }.capabilities-hero h1 { max-width:760px; margin:15px 0 20px; color:var(--cap-dark); font-family:var(--font-serif); font-size:clamp(2.55rem,5vw,4.4rem); line-height:1.01; letter-spacing:-.035em; }.capabilities-hero p { max-width:730px; margin:0; color:#536b8a; font-size:1.14rem; line-height:1.7; }.capabilities-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:28px; }.capabilities-hero-visual { position:relative; display:grid; min-height:340px; place-items:center; }.capabilities-core { position:relative; z-index:2; display:flex; width:172px; height:172px; flex-direction:column; align-items:center; justify-content:center; color:#fff; border:7px solid rgba(255,255,255,.84); border-radius:50%; background:linear-gradient(145deg,var(--cap-blue),var(--cap-dark)); box-shadow:0 22px 48px rgba(48,111,218,.25); }.capabilities-core i { margin-bottom:8px; font-size:2rem; }.capabilities-core strong { font-family:var(--font-serif); font-size:1.5rem; }.capabilities-core small { opacity:.75; font-size:.69rem; }.capability-orbit { position:absolute; border:1px dashed rgba(50,111,218,.35); border-radius:50%; }.orbit-one { width:250px; height:250px; }.orbit-two { width:330px; height:330px; }.capability-node { position:absolute; z-index:3; display:grid; width:52px; height:52px; place-items:center; color:var(--cap-blue); border:1px solid var(--cap-line); border-radius:17px; background:#fff; box-shadow:0 12px 28px rgba(30,62,103,.12); }.node-one { top:30px; right:17%; }.node-two { left:4%; bottom:72px; }.node-three { right:0; bottom:42px; color:var(--cap-cyan); }
.capabilities-heading { max-width:760px; margin:0 auto 36px; text-align:center; }.capabilities-heading h2,.capabilities-journey h2,.capabilities-final h2 { margin:10px 0 14px; color:var(--cap-dark); font-family:var(--font-serif); font-size:clamp(2rem,3.5vw,3rem); line-height:1.08; }.capabilities-heading p { margin:0; color:#607896; font-size:1.02rem; }.capabilities-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.capability-card { padding:27px; border:1px solid var(--cap-line); border-radius:24px; background:#fff; box-shadow:0 14px 35px rgba(35,71,118,.07); }.capability-card:nth-child(4n+1),.capability-card:nth-child(4n+4) { background:linear-gradient(145deg,#fff,#f0f6ff); }.capability-card-head { display:flex; align-items:center; gap:14px; }.capability-icon { display:grid; width:50px; height:50px; place-items:center; flex:0 0 auto; color:var(--cap-blue); border-radius:16px; background:#eaf2ff; font-size:1.28rem; }.capability-index { color:#8ca1bb; font-size:.67rem; font-weight:800; letter-spacing:.1em; }.capability-card h3 { margin:2px 0 0; color:var(--cap-dark); font-family:var(--font-serif); font-size:1.55rem; line-height:1.1; }.capability-summary { margin:20px 0 14px; color:#526d8d; font-size:.95rem; }.capability-card ul { margin:0; padding:0; list-style:none; }.capability-card li { display:flex; gap:8px; margin:8px 0; color:#5d7592; font-size:.87rem; }.capability-card li i { color:#16876f; }.capability-links { display:flex; flex-wrap:wrap; gap:7px; margin-top:21px; padding-top:17px; border-top:1px solid var(--cap-line); }.capability-links a { display:inline-flex; align-items:center; gap:5px; color:var(--cap-blue); font-size:.78rem; font-weight:800; text-decoration:none; }.capability-links a i { font-size:.68rem; }
.capabilities-journey { display:grid; grid-template-columns:.7fr 1.3fr; gap:35px; align-items:center; padding:clamp(28px,4vw,48px); border-radius:29px; background:linear-gradient(135deg,#122642,#1f5684); box-shadow:0 25px 55px rgba(18,48,87,.19); }.capabilities-journey h2 { color:#fff; }.capabilities-journey .capabilities-heading-kicker { color:#6fe0d3; }.journey-steps { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:9px; }.journey-steps>div { min-width:0; }.journey-steps span { display:block; color:#79d9d5; font-size:.69rem; font-weight:800; }.journey-steps strong { display:block; margin:5px 0; color:#fff; }.journey-steps p { margin:0; color:#c1d2e3; font-size:.74rem; line-height:1.4; }.journey-steps>i { color:#78b7d2; }
.capabilities-faq { max-width:900px; margin-right:auto!important; margin-left:auto!important; }.capabilities-faq details { margin-bottom:10px; border:1px solid var(--cap-line); border-radius:16px; background:#fff; }.capabilities-faq summary { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:18px 20px; color:var(--cap-dark); cursor:pointer; font-weight:800; list-style:none; }.capabilities-faq summary::-webkit-details-marker { display:none; }.capabilities-faq details p { margin:0; padding:0 20px 20px; color:#607896; }.capabilities-faq details[open] summary i { transform:rotate(45deg); }
.capabilities-final { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-bottom:0!important; padding:clamp(30px,5vw,55px); border-radius:31px; background:#edf7f5; }.capabilities-final h2 { max-width:670px; color:#193c43; }.capabilities-final>div:last-child { display:flex; flex-wrap:wrap; gap:8px; }.capabilities-final .btn-cta.outline { color:#24515a; border-color:rgba(45,120,119,.28); background:#fff; }
@media(max-width:950px){.capabilities-hero{grid-template-columns:1fr}.capabilities-hero-visual{min-height:290px}.capabilities-journey{grid-template-columns:1fr}.journey-steps{grid-template-columns:repeat(4,1fr);gap:18px}.journey-steps>i{display:none}.capabilities-final{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.capabilities-hero{padding:28px 20px;border-radius:25px}.capabilities-hero h1{font-size:2.55rem}.capabilities-hero-visual{min-height:250px;transform:scale(.86)}.capabilities-grid{grid-template-columns:1fr}.capability-card{padding:23px}.capabilities-journey,.capabilities-final{padding:26px 20px;border-radius:24px}.journey-steps{grid-template-columns:repeat(2,1fr)}.capabilities-final>div:last-child,.capabilities-final .btn-cta{width:100%}.capabilities-final .btn-cta{justify-content:center}}