/* v0.4.8 — Homepage background layer + full-width coloured capability cards. */
.homeHeroPremium.hasHeroBackground{
  background-color:#fff9df;
  background-image:
    linear-gradient(90deg,rgba(255,251,228,var(--home-hero-overlay)) 0%,rgba(255,251,228,calc(var(--home-hero-overlay) - .06)) 46%,rgba(255,251,228,calc(var(--home-hero-overlay) - .14)) 100%),
    var(--home-hero-background);
  background-size:cover,cover;
  background-position:center,var(--home-hero-x) var(--home-hero-y);
  background-repeat:no-repeat;
  isolation:isolate;
}
.homeHeroPremium.hasHeroBackground:after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,248,218,.10));
}
.homeHeroPremium.hasHeroBackground>.shell{position:relative;z-index:1}
.homeHeroPremium.hasHeroBackground .homePreviewWindow{
  background:rgba(255,255,255,.90);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)
}

.homeCapabilitiesSection{
  padding:45px 0 78px!important;
  background:linear-gradient(180deg,#fff0f2 0%,#fff7f5 100%)!important;
  border-top:1px solid #f3dfe2!important;
  border-bottom:1px solid #f2e5e3;
}
.homeCapabilitiesSection .shell{width:min(1480px,calc(100% - 64px));max-width:none}
.homeCapabilitiesHead{max-width:820px;margin-bottom:31px}
.homeCapabilitiesHead>span{color:#7c3aed}
.homeCapabilitiesHead h2{font-size:clamp(32px,3.7vw,46px)}
.homeCapabilitiesHead p{font-size:13.5px;color:#6b7280}
.homeCapabilityGrid{gap:16px}
.homeCapabilityCard,
.homeCapabilityCard.featured{
  min-height:170px;padding:23px 22px;border-radius:21px;
  box-shadow:0 14px 34px rgba(31,41,55,.055);
  border-width:1px;background-image:none;
}
.homeCapabilityCard:nth-child(1){background:#edf5ff;border-color:#cfe2ff}
.homeCapabilityCard:nth-child(2){background:#fff0e8;border-color:#ffd7c4}
.homeCapabilityCard:nth-child(3){background:#f2edff;border-color:#d8ccff}
.homeCapabilityCard:nth-child(4){background:#edf9f1;border-color:#ccebd6}
.homeCapabilityCard:nth-child(1):hover{border-color:#9bc4ff;box-shadow:0 20px 42px rgba(37,99,235,.12)}
.homeCapabilityCard:nth-child(2):hover{border-color:#f5b78e;box-shadow:0 20px 42px rgba(194,65,12,.10)}
.homeCapabilityCard:nth-child(3):hover{border-color:#b8a7ff;box-shadow:0 20px 42px rgba(109,40,217,.12)}
.homeCapabilityCard:nth-child(4):hover{border-color:#9fd8b1;box-shadow:0 20px 42px rgba(21,128,61,.10)}
.homeCapabilityCard:nth-child(1) .homeCapabilityMark{background:#d9eaff;color:#1d4ed8}
.homeCapabilityCard:nth-child(2) .homeCapabilityMark{background:#ffe0cf;color:#c2410c}
.homeCapabilityCard:nth-child(3) .homeCapabilityMark{background:#5b3bbd;color:#fff}
.homeCapabilityCard:nth-child(4) .homeCapabilityMark{background:#d9f4e1;color:#15803d}
.homeCapabilityCard b{display:block;font:800 23px/1.18 Montserrat;letter-spacing:-.025em;color:#111c34}
.homeCapabilityCard p{font-size:13.5px;line-height:1.62;color:#59667a;margin:9px 0 14px;max-width:30ch}
.homeCapabilityCard em{display:inline-flex;align-items:center;font-size:12.5px;line-height:1.35;font-weight:800;margin-top:auto}
.homeCapabilityCard:nth-child(1) em{color:#1d4ed8}
.homeCapabilityCard:nth-child(2) em{color:#b45309}
.homeCapabilityCard:nth-child(3) em{color:#6d28d9}
.homeCapabilityCard:nth-child(4) em{color:#15803d}

@media(max-width:1100px){
  .homeCapabilitiesSection .shell{width:min(100% - 40px,1100px)}
}
@media(max-width:760px){
  .homeHeroPremium.hasHeroBackground{
    background-image:linear-gradient(rgba(255,251,228,.78),rgba(255,251,228,.82)),var(--home-hero-background);
    background-position:center,var(--home-hero-x) var(--home-hero-y)
  }
  .homeCapabilitiesSection{padding:38px 0 54px!important}
  .homeCapabilitiesSection .shell{width:calc(100% - 24px)}
  .homeCapabilityCard,.homeCapabilityCard.featured{min-height:0;padding:20px}
}


/* v0.4.15 — Final hierarchy guard. home-visual.css is injected after global typography. */
.homeCapabilityCard>div{display:flex;min-width:0;min-height:100%;flex-direction:column;align-items:flex-start}
.homeCapabilityCard b{font:800 clamp(21px,1.55vw,24px)/1.17 Montserrat!important;letter-spacing:-.03em!important}
.homeCapabilityCard p{font-size:13.5px!important;line-height:1.62!important;color:#55647a!important;margin:10px 0 15px!important}
.homeCapabilityCard em{font-size:12.5px!important;line-height:1.35!important;font-weight:800!important;margin-top:auto}
.homeCapabilityMark{width:48px;height:48px;border-radius:14px;font-size:14px}
@media(max-width:760px){
  .homeCapabilityCard b{font-size:21px!important}
  .homeCapabilityCard p{font-size:13.5px!important}
  .homeCapabilityCard em{font-size:12.5px!important}
}