/* P0008 — navy digital business capabilities */
.digital-capabilities{--db-cyan:#32ddff;--db-blue:#5687ff;--db-violet:#9b72ff;--db-ink:#06162f;background:linear-gradient(155deg,#030d21 0%,#071a38 43%,#112550 72%,#211250 100%);color:#fff;isolation:isolate;overflow:hidden;padding:clamp(5.5rem,9vw,9rem) clamp(1rem,4vw,3.5rem);position:relative}
.digital-capabilities:before{background-image:linear-gradient(rgba(84,155,221,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(84,155,221,.07) 1px,transparent 1px);background-size:72px 72px;content:"";inset:0;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);position:absolute}
.digital-capabilities-orbit{border:1px solid rgba(80,218,255,.16);border-radius:50%;height:52rem;position:absolute;right:-17rem;top:-24rem;width:52rem}
.digital-capabilities-orbit:before,.digital-capabilities-orbit:after{border:1px solid rgba(151,105,255,.14);border-radius:inherit;content:"";inset:5rem;position:absolute}.digital-capabilities-orbit:after{inset:11rem}
.digital-capabilities-shell{margin:auto;max-width:1380px;position:relative;z-index:2}
.digital-capabilities-heading{align-items:end;display:grid;gap:clamp(2rem,7vw,7rem);grid-template-columns:minmax(0,1.12fr) minmax(20rem,.68fr);margin-bottom:clamp(3rem,6vw,5rem)}
.digital-capabilities-kicker,.digital-capability-topline p,.digital-delivery-copy>p{color:var(--db-cyan);font-size:.7rem;font-weight:900;letter-spacing:.19em;margin:0;text-transform:uppercase}
.digital-capabilities-heading h2{font-size:clamp(2.7rem,5.5vw,5.6rem);letter-spacing:-.06em;line-height:.96;margin:.9rem 0 0;max-width:12.5ch}
.digital-capabilities-intro p{color:#b7cae2;font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.8;margin:0 0 1.35rem}.digital-capabilities-intro a{color:#fff;font-weight:900;text-decoration:none}.digital-capabilities-intro a span{color:var(--db-cyan);margin-left:.35rem}.digital-capabilities-intro a:hover{text-decoration:underline;text-underline-offset:.35em}
.digital-capability-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}
.digital-capability-card{--pointer-x:50%;--pointer-y:50%;background:linear-gradient(155deg,rgba(17,48,91,.94),rgba(7,25,55,.96));border:1px solid rgba(116,177,230,.2);border-radius:1.65rem;display:flex;flex-direction:column;min-height:40rem;opacity:0;overflow:hidden;padding:1.5rem;position:relative;transform:translateY(2rem);transition:border-color .35s ease,box-shadow .35s ease,transform .6s cubic-bezier(.2,.75,.25,1),opacity .6s ease;transition-delay:var(--capability-delay)}
.digital-capability-card:before{background:radial-gradient(20rem circle at var(--pointer-x) var(--pointer-y),color-mix(in srgb,var(--capability-accent) 18%,transparent),transparent 64%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s}.digital-capability-card:after{background:linear-gradient(90deg,transparent,var(--capability-accent),transparent);content:"";height:2px;left:12%;position:absolute;right:12%;top:-1px}
.is-digital-visible .digital-capability-card{opacity:1;transform:translateY(0)}.digital-capability-card:hover{border-color:color-mix(in srgb,var(--capability-accent) 58%,transparent);box-shadow:0 1.6rem 4rem rgba(0,5,25,.34),0 0 2.5rem color-mix(in srgb,var(--capability-accent) 11%,transparent);transform:translateY(-.45rem)}.digital-capability-card:hover:before{opacity:1}
.digital-capability-topline{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:2}.digital-capability-topline span{align-items:center;background:rgba(255,255,255,.05);border:1px solid color-mix(in srgb,var(--capability-accent) 48%,transparent);border-radius:.75rem;color:var(--capability-accent);display:flex;font-size:.7rem;font-weight:900;height:2.5rem;justify-content:center;width:2.5rem}.digital-capability-topline p{color:#91b2d5;font-size:.58rem;text-align:right}
.digital-capability-icon{align-items:center;background:color-mix(in srgb,var(--capability-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--capability-accent) 38%,transparent);border-radius:1rem;display:flex;height:3.6rem;justify-content:center;margin:2rem 0 1.15rem;position:relative;width:3.6rem;z-index:2}.digital-capability-icon svg{fill:none;height:1.75rem;stroke:var(--capability-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;width:1.75rem}
.digital-capability-card h3{font-size:clamp(1.3rem,1.65vw,1.75rem);letter-spacing:-.03em;line-height:1.06;margin:0;min-height:3.7rem;position:relative;z-index:2}.digital-capability-card>p{color:#a8bdd6;font-size:.88rem;line-height:1.7;margin:1rem 0 1.35rem;position:relative;z-index:2}.digital-capability-card ul{border-top:1px solid rgba(134,177,221,.15);display:grid;gap:.65rem;list-style:none;margin:0;padding:1.25rem 0;position:relative;z-index:2}.digital-capability-card li{color:#d1e2f2;font-size:.77rem;font-weight:750;padding-left:1rem;position:relative}.digital-capability-card li:before{background:var(--capability-accent);border-radius:50%;box-shadow:0 0 10px var(--capability-accent);content:"";height:.3rem;left:0;position:absolute;top:.42rem;width:.3rem}
.digital-capability-outcome{background:rgba(2,13,33,.48);border:1px solid rgba(122,178,226,.14);border-radius:1rem;display:grid;gap:.4rem;margin-top:auto;padding:1rem;position:relative;z-index:2}.digital-capability-outcome small{color:var(--capability-accent);font-size:.57rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.digital-capability-outcome strong{font-size:.76rem;line-height:1.5}
.digital-delivery-path{background:linear-gradient(145deg,rgba(10,37,76,.92),rgba(19,30,74,.88));border:1px solid rgba(68,210,255,.22);border-radius:1.7rem;display:grid;gap:2rem;grid-template-columns:minmax(15rem,.7fr) minmax(0,1.6fr);margin-top:1.1rem;padding:clamp(1.4rem,3vw,2rem)}.digital-delivery-copy h3{font-size:clamp(1.4rem,2.5vw,2rem);letter-spacing:-.035em;line-height:1.08;margin:.55rem 0 0;max-width:18ch}.digital-delivery-path ol{display:grid;gap:.6rem;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}.digital-delivery-path li{align-items:flex-start;display:grid;gap:.65rem;grid-template-columns:auto 1fr;position:relative}.digital-delivery-path li:not(:last-child):after{background:linear-gradient(90deg,var(--db-cyan),rgba(105,119,255,.25));content:"";height:1px;left:2.5rem;position:absolute;right:.5rem;top:1rem}.digital-delivery-path li>span{align-items:center;background:#0b2850;border:1px solid rgba(49,219,255,.4);border-radius:50%;color:var(--db-cyan);display:flex;font-size:.56rem;font-weight:900;height:2rem;justify-content:center;position:relative;width:2rem;z-index:2}.digital-delivery-path li div{display:grid;gap:.25rem;grid-column:1/-1}.digital-delivery-path strong{font-size:.78rem}.digital-delivery-path small{color:#92acca;font-size:.64rem;line-height:1.45}
.digital-capabilities-footer{margin-top:1.1rem}.digital-proof{display:grid;grid-template-columns:repeat(4,1fr)}.digital-proof span{align-items:center;border:1px solid rgba(117,165,212,.16);color:#aec4dc;display:flex;font-size:.67rem;font-weight:800;gap:.6rem;justify-content:center;padding:1rem}.digital-proof span:first-child{border-radius:1rem 0 0 1rem}.digital-proof span:last-child{border-radius:0 1rem 1rem 0}.digital-proof i{background:var(--db-cyan);border-radius:50%;box-shadow:0 0 0 5px rgba(50,221,255,.1),0 0 12px rgba(50,221,255,.7);height:.35rem;width:.35rem}
.digital-capabilities-cta{align-items:center;background:linear-gradient(110deg,#0a3d68,#153b80 58%,#492481);border:1px solid rgba(83,219,255,.38);border-radius:1.65rem;display:flex;gap:2rem;justify-content:space-between;margin-top:1rem;padding:clamp(1.5rem,3vw,2.2rem)}.digital-capabilities-cta p{color:#6de7ff;font-size:.67rem;font-weight:900;letter-spacing:.08em;margin:0 0 .45rem;text-transform:uppercase}.digital-capabilities-cta h3{font-size:clamp(1.35rem,2.4vw,2rem);letter-spacing:-.035em;line-height:1.1;margin:0;max-width:27ch}.digital-primary-action{align-items:center;background:#fff;border-radius:999px;color:#071a38;display:flex;flex:none;font-size:.78rem;font-weight:950;gap:.7rem;padding:1rem 1.3rem;text-decoration:none;transition:box-shadow .25s,transform .25s}.digital-primary-action:hover{box-shadow:0 0 0 5px rgba(255,255,255,.12),0 1rem 2.5rem rgba(0,0,0,.25);transform:translateY(-2px)}.digital-primary-action span{color:#2466cc;font-size:1rem}
@media(max-width:1120px){.digital-capability-grid{grid-template-columns:repeat(2,1fr)}.digital-capability-card{min-height:36rem}}
@media(max-width:820px){.digital-capabilities-heading,.digital-delivery-path{grid-template-columns:1fr}.digital-capabilities-heading h2{max-width:15ch}.digital-delivery-path ol,.digital-proof{grid-template-columns:repeat(2,1fr)}.digital-proof span:first-child,.digital-proof span:last-child{border-radius:0}.digital-capabilities-cta{align-items:flex-start;flex-direction:column}.digital-delivery-path li:nth-child(2):after{display:none}}
@media(max-width:600px){.digital-capabilities{padding-inline:.85rem}.digital-capability-grid{grid-template-columns:1fr}.digital-capability-card{min-height:auto}.digital-delivery-path ol,.digital-proof{grid-template-columns:1fr}.digital-delivery-path li:after{display:none}.digital-capabilities-heading h2{font-size:clamp(2.55rem,13vw,4rem)}.digital-primary-action{justify-content:center;width:100%}}
@media(prefers-reduced-motion:reduce){.digital-capability-card{opacity:1;transform:none;transition:none}.digital-primary-action{transition:none}}