.capability-page .capability-company-light{
  --company-ink:#1c2455;
  --company-blue:var(--wiz-accent);
  --company-body:#53617a;
  position:relative; isolation:isolate; display:block;
  width:100%; max-width:none; margin:0; padding:70px 0 80px;
  color:var(--company-ink); font-family:Arial,Helvetica,sans-serif;
  background:#f4f4f4;
}
.capability-page .capability-company-light > .capability-company-wrap{ max-width:1256px; }
.capability-about-heading{ max-width:850px; margin:0 auto; text-align:center; }
.capability-page .capability-company-light .eyebrow{
  display:block; margin:0; color:var(--company-ink); font-size:15px; line-height:1.5;
  letter-spacing:0; font-weight:400; text-transform:none; text-align:center;
}
.capability-page .capability-company-light h2{
  margin:18px 0 0; color:var(--company-ink);
  font-size:48px!important; line-height:1.12!important;
  letter-spacing:-1.6px!important; font-weight:400;
}
.capability-page .capability-company-light h2 > span{
  color:var(--company-blue); font-weight:600;
  -webkit-text-stroke:.75px var(--company-ink); paint-order:stroke fill;
}
.capability-page .capability-company-light .capability-about-intro{
  max-width:680px; margin:22px auto 0; color:var(--company-body);
  font-size:17px; line-height:1.65; letter-spacing:0;
}
.capability-about-cards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:44px; }
.capability-about-card{ display:flex; min-width:0; filter:drop-shadow(0 5px 12px rgb(27 49 95 / 3%)); }
.capability-about-surface{
  display:grid; grid-template-rows:auto auto 1fr auto; min-width:0; width:100%;
  padding:28px 28px 22px; border-radius:24px;
  background:#fff;
  clip-path:polygon(0 0,calc(100% - 56px) 0,100% 56px,100% 100%,0 100%);
}
.capability-page .capability-company-light .capability-about-label{
  display:flex; align-items:baseline; gap:10px; margin:0; padding-right:24px;
  color:var(--company-ink); font-size:14px; line-height:1.5;
  font-weight:400; letter-spacing:0;
}
.capability-about-label > span{ color:#62738d; font-size:13px; }
.capability-page .capability-company-light .capability-about-card h3{
  min-height:2.36em; margin:16px 0 0; color:var(--company-ink);
  font-size:27px; line-height:1.18; font-weight:500; letter-spacing:-.65px;
}
.capability-page .capability-company-light .capability-about-copy{
  margin:16px 0 0; color:var(--company-body);
  font-size:15px; line-height:1.65; letter-spacing:0;
}
.capability-about-art{
  display:grid; place-items:center; min-width:0; margin:26px -8px 0; padding:0;
  height:220px; overflow:hidden; border:1px solid #e4edf6; border-radius:16px;
  background:radial-gradient(ellipse at 50% 90%,#eaf5fc,transparent 70%),#f9fbfe;
}
.capability-about-art img{ display:block; width:100%; height:100%; object-fit:contain; }
@supports (clip-path:shape(from 0 0,line to 100% 0,line to 100% 100%,close)){.capability-about-surface{
    clip-path:shape(
      from 24px 0,
      line to calc(100% - 64px) 0,
      curve to calc(100% - 55px) 4px with calc(100% - 60px) 0,
      line to calc(100% - 4px) 55px,
      curve to 100% 64px with 100% 60px,
      line to 100% calc(100% - 24px),
      curve to calc(100% - 24px) 100% with 100% 100%,
      line to 24px 100%,
      curve to 0 calc(100% - 24px) with 0 100%,
      line to 0 24px,
      curve to 24px 0 with 0 0,
      close
    );
  }
}
@media(min-width:1800px){.capability-page .capability-company-light > .capability-company-wrap{ max-width:var(--atmosphere-wide-width); }
.capability-page .capability-company-light{ padding:88px 0 96px; }
.capability-about-heading{ max-width:1000px; }
.capability-page .capability-company-light h2{ font-size:clamp(52px,1.9vw,62px)!important; }
.capability-page .capability-company-light .capability-about-intro{ max-width:780px; font-size:19px; }
.capability-about-cards{ gap:30px; margin-top:52px; }
.capability-about-surface{ padding:34px 34px 26px; }
.capability-page .capability-company-light .capability-about-card h3{ font-size:31px; }
.capability-page .capability-company-light .capability-about-copy{ font-size:17px; }
.capability-about-art{ height:270px; }
}
@media(max-width:1100px){.capability-about-cards{ gap:18px; }
.capability-about-surface{ padding:26px 22px 20px; }
.capability-page .capability-company-light .capability-about-card h3{ font-size:25px; }
.capability-about-art{ height:195px; }
}
@media(max-width:1000px){.capability-page .capability-company-light{ padding:56px 0 64px; }
.capability-about-cards{ grid-template-columns:minmax(0,1fr); max-width:600px; margin:36px auto 0; gap:22px; }
.capability-about-surface{ padding:30px; }
.capability-page .capability-company-light .capability-about-card h3{ font-size:30px; min-height:0; }
.capability-about-art{ height:260px; margin-top:24px; }
}
@media(max-width:600px){.capability-page .capability-company-light{ padding:44px 0 48px; }
.capability-page .capability-company-light h2{ font-size:34px!important; line-height:1.14!important; letter-spacing:-1px!important; }
.capability-page .capability-company-light .eyebrow{ font-size:14px; }
.capability-page .capability-company-light .capability-about-intro{ margin-top:18px; font-size:16px; line-height:1.6; }
.capability-about-cards{ margin-top:30px; gap:20px; }
.capability-about-surface{ padding:26px 24px 20px; border-radius:22px; }
.capability-page .capability-company-light .capability-about-label{ font-size:13px; gap:8px; }
.capability-page .capability-company-light .capability-about-card h3{ font-size:27px; margin-top:18px; }
.capability-about-art{ height:220px; margin:22px -8px 0; }
}
@media(max-width:370px){.capability-page .capability-company-light h2{ font-size:30px!important; }
.capability-about-surface{ padding:24px 20px 18px; }
.capability-page .capability-company-light .capability-about-label{ flex-wrap:wrap; gap:0 8px; padding-right:22px; }
.capability-page .capability-company-light .capability-about-card h3{ font-size:25px; }
.capability-about-art{ height:185px; }
}
@media(forced-colors:active){.capability-page .capability-company-light{ background:Canvas; color:CanvasText; }
.capability-page .capability-company-light h2,.capability-page .capability-company-light h2>span,.capability-page .capability-company-light p,.capability-page .capability-company-light h3,.capability-about-label>span{ color:CanvasText!important; }
.capability-page .capability-company-light h2 > span{ -webkit-text-stroke:0; }
.capability-about-card{ filter:none; }
.capability-about-surface{ clip-path:none; border:1px solid CanvasText; background:Canvas; }
.capability-about-art{ background:Canvas; border-color:CanvasText; }
}
