.cap-page-overview{padding:150px 6.3vw 72px;background:#fff}.cap-page-head{display:grid;grid-template-columns:1.45fr .75fr;gap:8vw;align-items:end;margin-bottom:36px}.cap-page-head .eyebrow{margin-bottom:18px}.cap-page-head h1{font-size:clamp(48px,5.4vw,76px);line-height:1.01;letter-spacing:-.05em;margin:0;color:#062c49}.cap-page-intro strong{display:block;font-size:18px;color:#062c49;margin-bottom:10px}.cap-page-intro p{font-size:15px;line-height:1.7;color:#607080;margin:0}.cap-page-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce5e8;border-left:1px solid #dce5e8}.cap-page-card{position:relative;min-height:230px;padding:30px;border-right:1px solid #dce5e8;border-bottom:1px solid #dce5e8;background:#fff;transition:.2s}.cap-page-card:hover{background:#f4faf7;transform:translateY(-2px)}.cap-page-card .cap-kicker{display:block;font-size:10px;color:#16a34a;letter-spacing:.18em;font-weight:800}.cap-page-card .cap-icon{position:absolute;right:28px;top:28px;color:#65a8bd;font-size:22px}.cap-page-card h2{font-size:23px;line-height:1.15;letter-spacing:-.025em;margin:34px 0 12px;color:#062c49}.cap-page-card p{font-size:14px;line-height:1.6;color:#607080;margin:0 0 14px}.cap-page-card small{display:block;font-size:10px;line-height:1.5;color:#7b8e97}.cap-page-card b{display:block;margin-top:20px;color:#16a34a;font-size:12px}.cap-page-cross{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);background:#062c49;color:#b8ced7;border-bottom:1px solid #174b65}.cap-page-cross span{text-align:center;padding:13px 10px;font-size:9px;letter-spacing:.1em;border-right:1px solid #174b65}.cap-page-cross span:last-child{border-right:0}.cap-page-cross b{color:#62dca8}.cap-page-hands{grid-column:1/-1;background:#083b55;color:#fff;display:grid;grid-template-columns:.72fr 1.5fr auto;gap:28px;align-items:center;padding:26px 28px;border-right:1px solid #dce5e8;border-bottom:1px solid #dce5e8}.cap-page-hands .cap-kicker{font-size:10px;letter-spacing:.18em;color:#16d889;font-weight:800}.cap-page-hands strong{display:block;font-size:20px;margin-bottom:6px}.cap-page-hands p{margin:0;color:#c0d5dd;font-size:13px}.cap-page-hands b{color:#16d889;font-size:12px}.cap-detail-title{padding:90px 7vw 20px;background:#f7f9fa;border-top:1px solid #e2e9ec}.cap-detail-title h2{font-size:clamp(34px,4vw,56px);color:#062c49;margin:0 0 10px}.cap-detail-title p{max-width:780px;color:#607080;line-height:1.7;margin:0}.capability-page .svc{padding:74px 7vw;border-bottom:1px solid #dce5e8;display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;background:#fff;scroll-margin-top:90px}.capability-page .svc:nth-of-type(even){background:#fbfcfc}.capability-page .svc h2{font-size:clamp(32px,3.1vw,46px);line-height:1.08;letter-spacing:-.035em;margin:0 0 18px;color:#062c49}.capability-page .svc p{line-height:1.7;color:#607080}.capability-page .mini-flow{background:#f3f6f7;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:700}.capability-page .mini-flow i{font-style:normal;color:#16a34a}.capability-page .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.capability-page .tags span{font-size:11px;border:1px solid #cbd8dd;padding:8px 10px;background:#fff}.capability-page .svc .textlink{color:#16a34a}.capability-page .nav{background:rgba(2,27,45,.98);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);transform:none!important;opacity:1!important;pointer-events:auto!important}.capability-page .nav .brand img{width:168px;height:auto;display:block}.capability-page .nav nav a{color:#e4edf1}.capability-page .nav .nav-cta{color:#fff}.capability-page footer{margin-top:0}@media(max-width:850px){.cap-page-overview{padding:108px 20px 48px}.cap-page-head{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.cap-page-head h1{font-size:clamp(40px,12vw,58px)}.cap-page-grid{grid-template-columns:1fr}.cap-page-cross{grid-template-columns:1fr}.cap-page-cross span{border-right:0;border-bottom:1px solid #174b65}.cap-page-hands{grid-column:auto;grid-template-columns:1fr;gap:10px}.capability-page .svc{grid-template-columns:1fr;padding:52px 20px;gap:20px}.capability-page .mini-flow{flex-direction:column;align-items:flex-start}.cap-detail-title{padding:62px 20px 16px}.cap-page-card{min-height:auto}.capability-page .nav .brand img{width:145px}}


/* capability responsive interaction split */
    .capability-mobile-overview,.capability-mobile-detail{display:none}
    .cap-desktop-grid{display:grid}
    .cap-page-card,.cap-page-hands{appearance:none;-webkit-appearance:none;font:inherit;text-align:left;cursor:pointer;width:100%}
    .cap-page-card:focus-visible,.cap-page-hands:focus-visible{outline:2px solid #16d889;outline-offset:-2px}
    .capability-page-panel{margin:0 6.3vw 76px}
    .capability-page-panel[hidden]{display:none!important}
    @media(max-width:850px), (hover:none) and (pointer:coarse){
      .cap-desktop-grid,.capability-page-panel{display:none!important}
      .capability-mobile-overview,.capability-mobile-detail{display:block}
      .capability-mobile-overview{margin-top:24px}
      .capability-mobile-overview>h2{font-size:28px;margin:0 0 8px;color:#062c49}
      .capability-mobile-overview>p{font-size:14px;line-height:1.6;color:#607080;margin:0 0 20px}
      .capability-mobile-overview .mobile-cap-list{display:grid;gap:10px}
      .capability-mobile-overview .mobile-cap-list a{position:relative;display:grid;gap:5px;padding:17px 42px 17px 16px;border:1px solid #dce5e8;background:#fff}
      .capability-mobile-overview .mobile-cap-list small{font-size:9px;letter-spacing:.14em;color:#16a34a;font-weight:800}
      .capability-mobile-overview .mobile-cap-list strong{font-size:16px;color:#062c49}
      .capability-mobile-overview .mobile-cap-list span{font-size:12px;color:#607080}
      .capability-mobile-overview .mobile-cap-list b{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#16a34a}
      .capability-mobile-detail .svc{scroll-margin-top:78px}
    }
    

/* standalone capability modal context */
    .capability-page-desktop-shell{padding:0!important;background:#fff}
    .capability-page-desktop-shell .capability-page-panel{margin:0 6.3vw 76px}
    .capability-page-desktop-shell:has(.capability-page-panel[hidden]){display:none}
    @media(max-width:850px), (hover:none) and (pointer:coarse){
      .capability-page-desktop-shell{display:none!important}
    }