.cs-about-hero{position:relative;overflow:hidden;padding:72px 0 64px;background:linear-gradient(135deg,#F4F2FF 0%,#FDF0F8 55%,#FFF6EE 100%);border-bottom:1px solid var(--cs-ink-12)}
.cs-about-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 82% 30%,rgba(255,45,149,.10) 0%,transparent 55%),radial-gradient(ellipse at 12% 75%,rgba(108,43,255,.10) 0%,transparent 55%)}
.cs-about-hero .cs-about-hero__inner{position:relative;z-index:1}
.cs-about-hero .cs-about-hero__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
.cs-about-hero .cs-about-hero__pill{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;line-height:1.4;color:var(--cs-link);background:rgba(108,43,255,.08);border:1px solid var(--cs-hairline);border-radius:999px;padding:6px 16px;margin-bottom:20px}
.cs-about-hero .cs-about-hero__pill-icon{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--cs-action);color:var(--cs-action);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.cs-about-hero .cs-about-hero__title{margin-bottom:20px}
.cs-about-hero .cs-about-hero__lead{max-width:520px;margin-bottom:28px}
.cs-about-hero .cs-about-hero__actions{display:flex;gap:14px;flex-wrap:wrap}
.cs-about-hero .cs-about-hero__actions .cs-btn--secondary.cs-btn--hero{padding:0 32px}
.cs-about-hero .cs-about-hero__card{border-radius:20px;background:rgba(255,255,255,.6);border:1.5px solid var(--cs-hairline);padding:40px 32px;display:flex;align-items:flex-end;justify-content:center;gap:10px;min-height:340px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cs-about-hero .cs-about-hero__pouch{width:auto;object-fit:contain;flex-shrink:1;min-width:0}
.cs-about-hero .cs-about-hero__pouch--left{height:170px;transform:rotate(-8deg);filter:drop-shadow(0 14px 30px rgba(46,22,100,.22))}
.cs-about-hero .cs-about-hero__pouch--center{height:220px;filter:drop-shadow(0 18px 36px rgba(46,22,100,.26))}
.cs-about-hero .cs-about-hero__pouch--right{height:170px;transform:rotate(8deg);filter:drop-shadow(0 14px 30px rgba(46,22,100,.22))}
@media (max-width:980px){
  .cs-about-hero .cs-about-hero__grid{grid-template-columns:1fr;gap:20px}
  .cs-about-hero .cs-about-hero__card{min-height:0;padding:32px 16px}
  .cs-about-hero .cs-about-hero__pouch--left,.cs-about-hero .cs-about-hero__pouch--right{height:130px}
  .cs-about-hero .cs-about-hero__pouch--center{height:170px}
}