/* v1.90.18 — Platforms index hero only; product architecture and links remain intact. */
.platform-hero{
  padding:clamp(64px,5.5vw,90px) 0 clamp(80px,6.5vw,104px);
  background:radial-gradient(ellipse 45% 64% at 98% 24%,color-mix(in srgb,var(--brand) 3%,transparent),transparent 76%),var(--bg);
}
.platform-hero:after{
  background:radial-gradient(circle,color-mix(in srgb,var(--brand) 5%,transparent),transparent 66%);
}
.platform-hero .breadcrumb{margin-bottom:clamp(27px,2.5vw,38px)}
.platform-hero .platform-hero-grid-vp11{align-items:center;margin-top:0}
.platform-hero .platform-hero-copy h1{
  max-width:12.7ch;
  font-size:clamp(3.15rem,3.85vw,4.55rem);
  line-height:1.015;letter-spacing:-.052em;font-weight:755;
  margin:.75rem 0 1.4rem;
}
.platform-hero .platform-hero-copy h1 em{color:var(--text);font-style:normal}
.platform-hero .platform-hero-copy h1 em span{color:var(--brand)}
.platform-hero .platform-hero-copy .lead{max-width:58ch;font-size:1.04rem;line-height:1.7}
.platform-hero .hero-actions{gap:12px;margin-top:31px}
.platform-hero .hero-actions .btn{transition:transform .22s ease,box-shadow .22s ease}
.platform-hero .hero-actions .btn:hover{transform:translateY(-2px)}
.platform-hero .hero-actions .btn:focus-visible{outline:3px solid var(--brand);outline-offset:4px}

/* The three proofs are one connected band, not separate cards. */
.platform-hero .hero-proof-vp14{
  max-width:635px;margin-top:38px;
  border:1px solid var(--line-strong);border-radius:18px;
  background:var(--surface);
  box-shadow:0 18px 42px rgba(17,20,27,.055);
  overflow:hidden;
}
.platform-hero .hero-proof-vp14>div{
  flex:1;grid-template-columns:27px minmax(0,1fr);
  column-gap:10px;min-height:74px;padding:15px 14px;
}
.platform-hero .hero-proof-vp14>div:first-child{padding-left:15px}
.platform-hero .hero-proof-vp14 svg{width:22px;height:22px;stroke:var(--brand)}
.platform-hero .hero-proof-vp14 strong{font-size:.82rem;line-height:1.18}
.platform-hero .hero-proof-vp14 span{font-size:.66rem;line-height:1.3;margin-top:3px}

/* A connected enterprise platform register with a visible engineering foundation. */
.platform-hero .p2-stack{
  position:relative;min-width:0;
  padding:29px 30px 27px;
  border:1px solid #cbd1d8;border-radius:26px;
  background:radial-gradient(circle at 88% 8%,rgba(227,27,43,.07),transparent 32%),linear-gradient(150deg,#fff,#f5f7f9 82%);
  box-shadow:0 34px 75px rgba(27,37,49,.14),inset 0 1px 0 #fff;
}
.platform-hero .p2-stack:before{
  background:linear-gradient(rgba(62,81,101,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(62,81,101,.04) 1px,transparent 1px);
  background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 18%,#000 100%);
}
.platform-hero .p2-stack:after{right:29px;bottom:8px;opacity:.34}
.platform-hero .p2-stack-head{
  gap:15px;padding-bottom:20px;border-bottom:1px solid #d9dee3;
  color:#394351;font-size:.68rem;letter-spacing:.15em;
}
.platform-hero .p2-stack-head span{color:#303945}
.platform-hero .p2-stack-head small{color:#7a8490;font-size:.61rem;letter-spacing:.12em}
.platform-hero .p2-stack-list{position:relative;padding-left:1px}
.platform-hero .p2-stack-list:before{
  content:"";position:absolute;left:16px;top:41px;bottom:41px;width:1px;
  background:linear-gradient(#e31b2b,rgba(227,27,43,.2),#e31b2b);
}
.platform-hero .p2-row{
  position:relative;min-height:87px;
  grid-template-columns:34px minmax(0,1fr) 36px;
  gap:17px;padding:15px 6px 15px 0;
  border-bottom:1px solid #e0e4e8;
  color:#15191f;
  transition:background-color .22s ease,padding .22s ease;
}
.platform-hero .p2-row:last-child{border-bottom:0}
.platform-hero .p2-row>b{
  position:relative;z-index:1;
  display:grid;place-items:center;width:33px;height:33px;
  border:1px solid #e5b8be;border-radius:50%;
  background:#fff8f9;color:#c9192a;
  font-size:.64rem;font-weight:830;
}
.platform-hero .p2-row span{
  grid-template-columns:minmax(105px,.49fr) minmax(0,.51fr);
  column-gap:15px;
}
.platform-hero .p2-row small{color:#7a8490;font-size:.63rem;font-weight:740;letter-spacing:.12em}
.platform-hero .p2-row strong{color:#171b21;font-size:1.19rem;font-weight:740;line-height:1.22}
.platform-hero .p2-row em{color:#596574;font-size:.72rem;line-height:1.4}
.platform-hero .p2-row i{
  width:34px;height:34px;border-color:#d7dce1;
  background:#fff;color:var(--brand);
}
.platform-hero .p2-row:is(:hover,:focus-visible){
  padding-left:8px;padding-right:8px;
  background:rgba(227,27,43,.045);
}
.platform-hero .p2-row:is(:hover,:focus-visible) i{border-color:var(--brand)}
.platform-hero .p2-row:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}
.platform-hero .p2-foundation{
  margin-top:18px;padding:18px 19px 21px;
  border:1px solid #dce1e6;border-radius:16px;
  background:linear-gradient(120deg,#f5f7f9,#fff);
  box-shadow:inset 3px 0 0 var(--brand);
  gap:15px;
}
.platform-hero .p2-foundation small{color:#c9192a;font-size:.63rem}
.platform-hero .p2-foundation strong{color:#252c35;font-size:.95rem;line-height:1.35}
.platform-hero .p2-foundation ul{flex-wrap:wrap;justify-content:flex-end;gap:6px}
.platform-hero .p2-foundation li{
  border-color:#d8dee5;background:#fff;
  color:#586473;font-size:.61rem;font-weight:700;
}
html[data-theme="dark"] .platform-hero .hero-proof-vp14{
  border-color:#3a414c;background:#191e26;box-shadow:0 20px 48px rgba(0,0,0,.23);
}
html[data-theme="dark"] .platform-hero .p2-stack{
  border-color:#46505d;
  background:radial-gradient(circle at 85% 12%,rgba(227,27,43,.16),transparent 34%),linear-gradient(150deg,#252d38,#10151c 78%);
  box-shadow:0 32px 76px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.1);
}
html[data-theme="dark"] .platform-hero .p2-stack:before{
  background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:52px 52px;
}
html[data-theme="dark"] .platform-hero .p2-stack-head{border-color:#434b57;color:#e2e5ea}
html[data-theme="dark"] .platform-hero .p2-stack-head span{color:#e2e5ea}
html[data-theme="dark"] .platform-hero .p2-stack-head small{color:#aab3bf}
html[data-theme="dark"] .platform-hero .p2-stack-list:before{background:linear-gradient(#ff5262,rgba(255,82,98,.25),#ff5262)}
html[data-theme="dark"] .platform-hero .p2-row{border-color:#3b434e;color:#f6f7f9}
html[data-theme="dark"] .platform-hero .p2-row>b{border-color:#80404b;background:#2c1e26;color:#ff7783}
html[data-theme="dark"] .platform-hero .p2-row small{color:#a7b1bd}
html[data-theme="dark"] .platform-hero .p2-row strong{color:#f4f6f8}
html[data-theme="dark"] .platform-hero .p2-row em{color:#b7c0cb}
html[data-theme="dark"] .platform-hero .p2-row i{border-color:#515b68;background:#1c232d;color:#ff6572}
html[data-theme="dark"] .platform-hero .p2-row:is(:hover,:focus-visible){background:rgba(255,82,98,.09)}
html[data-theme="dark"] .platform-hero .p2-foundation{
  border-color:#454d58;background:linear-gradient(120deg,#222a34,#1b212a);
  box-shadow:inset 3px 0 0 #ff5262;
}
html[data-theme="dark"] .platform-hero .p2-foundation small{color:#ff7783}
html[data-theme="dark"] .platform-hero .p2-foundation strong{color:#f0f2f5}
html[data-theme="dark"] .platform-hero .p2-foundation li{border-color:#4a5360;background:#28303b;color:#c4cbd4}
@media(max-width:1280px) and (min-width:1021px){
  .platform-hero .platform-hero-grid-vp11{grid-template-columns:minmax(420px,.9fr) minmax(540px,1.1fr);gap:2.2rem}
  .platform-hero .platform-hero-copy h1{font-size:clamp(3.05rem,3.75vw,4.15rem)}
  .platform-hero .p2-stack{padding:24px}
  .platform-hero .p2-row span{grid-template-columns:minmax(95px,.45fr) minmax(0,.55fr)}
  .platform-hero .p2-foundation{grid-template-columns:1fr;align-items:start}
  .platform-hero .p2-foundation ul{justify-content:flex-start}
}
@media(max-width:1020px){
  .platform-hero .platform-hero-grid-vp11{grid-template-columns:1fr;gap:38px}
  .platform-hero .platform-hero-copy h1{max-width:15ch;font-size:clamp(3.2rem,6.5vw,4.7rem)}
  .platform-hero .p2-stack{max-width:820px;margin-top:0}
}
@media(max-width:640px){
  .platform-hero{padding:49px 0 68px}
  .platform-hero .platform-hero-copy h1{max-width:13.3ch;font-size:clamp(2.55rem,10.5vw,3.65rem);line-height:1.035}
  .platform-hero .platform-hero-copy .lead{font-size:.96rem}
  .platform-hero .hero-proof-vp14{display:grid;grid-template-columns:1fr;margin-top:30px;border-radius:17px}
  .platform-hero .hero-proof-vp14>div,.platform-hero .hero-proof-vp14>div:first-child{
    min-height:64px;padding:13px 17px;
  }
  .platform-hero .hero-proof-vp14>div+div{border-left:0;border-top:1px solid var(--line)}
  .platform-hero .p2-stack{padding:21px 19px 22px;border-radius:20px}
  .platform-hero .p2-stack-head{align-items:flex-start;flex-direction:column;gap:5px;padding-bottom:16px}
  .platform-hero .p2-stack-list:before{left:15px}
  .platform-hero .p2-row{grid-template-columns:32px minmax(0,1fr) 32px;gap:12px;padding:14px 0;min-height:79px}
  .platform-hero .p2-row>b{width:31px;height:31px}
  .platform-hero .p2-row span{display:block}
  .platform-hero .p2-row small,.platform-hero .p2-row strong,.platform-hero .p2-row em{display:block}
  .platform-hero .p2-row strong{font-size:1.04rem;margin:3px 0}
  .platform-hero .p2-row em{font-size:.69rem}
  .platform-hero .p2-row i{width:31px;height:31px}
  .platform-hero .p2-foundation{grid-template-columns:1fr;padding:17px}
  .platform-hero .p2-foundation ul{justify-content:flex-start}
  .platform-hero .p2-stack:after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .platform-hero .hero-actions .btn,.platform-hero .p2-row{transition:none}
}