/* Ported from design/src/site.css by tools/port-css.js (suite). Classes and keyframes prefixed hd-. Do not hand-edit; re-port. */
html body:not(#hd) .hd-suite{position:relative;overflow:hidden;margin-top:0;border-radius:28px;padding:56px 48px 48px;color:#fff;
  background:radial-gradient(120% 70% at 50% 0%,rgba(78,186,151,.18) 0%,transparent 55%),linear-gradient(165deg,var(--purple-600) 0%,var(--purple-800) 48%,var(--purple-900) 100%);
  box-shadow:0 30px 60px -20px rgba(36,30,59,.55),inset 0 1px 0 rgba(255,255,255,.12)}
html body:not(#hd) .hd-suite .hd-tech-bg-mesh{opacity:.55}
html body:not(#hd) .hd-suite-hub{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;gap:10px}
html body:not(#hd) .hd-suite-hub-mark{position:relative;z-index:1;width:104px;height:104px;border-radius:999px;background:#fff;display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 8px rgba(255,255,255,.08),0 0 0 9px rgba(125,216,182,.45),0 0 48px 8px rgba(78,186,151,.35)}
html body:not(#hd) .hd-suite-hub-mark img{width:64px;height:auto;display:block}
html body:not(#hd) .hd-suite-hub-ring{position:absolute;top:0;left:50%;width:104px;height:104px;margin-left:-52px;border-radius:999px;border:2px solid rgba(125,216,182,.7);opacity:0;pointer-events:none}
html body:not(#hd) .hd-suite-hub-ring{transform:scale(1.35);transition:opacity 700ms cubic-bezier(.2,0,.2,1) 200ms}
html body:not(#hd) .hd-suite-hub-ring-2{transform:scale(1.7)}
html body:not(#hd) .hd-suite.is-on .hd-suite-hub-ring{opacity:.45}
html body:not(#hd) .hd-suite.is-on .hd-suite-hub-ring-2{opacity:.18}
html body:not(#hd) .hd-suite-hub-title{margin:8px 0 0;font:var(--weight-bold) clamp(24px,2.2vw,30px)/1.15 var(--font-display);letter-spacing:var(--tracking-tight);color:#fff}
html body:not(#hd) .hd-suite-hub-sub{margin-top:-4px;font:var(--weight-semibold) var(--text-lg)/1.3 var(--font-display);color:#fff}
html body:not(#hd) .hd-suite-hub-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px;font:var(--weight-semibold) var(--text-base)/1.2 var(--font-display);color:#fff}
html body:not(#hd) .hd-suite-hub-dot{width:6px;height:6px;border-radius:999px;background:var(--green-300)}
html body:not(#hd) .hd-suite-links{position:relative;z-index:1;display:block;width:calc(100% + 24px);height:96px;overflow:visible;margin:8px -12px 0}
html body:not(#hd) .hd-suite-link{fill:none;stroke:rgba(125,216,182,.45);stroke-width:2;stroke-dasharray:1.2 1.4;vector-effect:non-scaling-stroke;stroke-dashoffset:0}
html body:not(#hd) .hd-suite-stem{display:none}
html body:not(#hd) .hd-suite-cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
html body:not(#hd) .hd-suite-card{position:relative;display:grid;grid-template-rows:auto 1fr;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 18px 40px -18px rgba(0,0,0,.5);
  opacity:0;transform:translateY(22px);transition:opacity 520ms cubic-bezier(.2,0,.2,1),transform 600ms cubic-bezier(.2,0,.2,1),border-color 220ms,box-shadow 220ms;transition-delay:calc(300ms + var(--i) * 140ms),calc(300ms + var(--i) * 140ms),0ms,0ms}
html body:not(#hd) .hd-suite.is-on .hd-suite-card{opacity:1;transform:none}
html body:not(#hd) .hd-suite.is-on .hd-suite-card:hover{transform:translateY(-6px);border-color:rgba(125,216,182,.75);box-shadow:0 26px 50px -18px rgba(0,0,0,.6),0 0 0 1px rgba(125,216,182,.35);transition-delay:0ms}
html body:not(#hd) .hd-suite-card-node{position:absolute;z-index:3;top:-7px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:999px;background:var(--green-300);box-shadow:0 0 0 4px rgba(125,216,182,.25),0 0 14px 2px rgba(125,216,182,.7)}
html body:not(#hd) .hd-suite-card-media{position:relative;aspect-ratio:16/10;background:var(--purple-900);border-radius:19px 19px 0 0}
html body:not(#hd) .hd-suite-card-photo{position:absolute;inset:0;overflow:hidden;border-radius:19px 19px 0 0;isolation:isolate}
html body:not(#hd) .hd-suite-card-photo img{transition:transform 700ms cubic-bezier(.2,0,.2,1)}
html body:not(#hd) .hd-suite-card:hover .hd-suite-card-photo img{transform:scale(1.05)}
html body:not(#hd) .hd-suite-card-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(36,30,59,0) 45%,rgba(36,30,59,.75) 100%);pointer-events:none}
html body:not(#hd) .hd-suite-card-icon{position:absolute;z-index:1;left:22px;bottom:-26px;width:56px;height:56px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:#fff;
  background:linear-gradient(145deg,var(--green-400),var(--green-600));box-shadow:0 0 0 4px var(--purple-800),0 10px 24px -6px rgba(0,0,0,.45)}
html body:not(#hd) .hd-suite-card-body{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;padding:44px 24px 26px}
html body:not(#hd) .hd-suite-card-brand{justify-self:start;padding:5px 12px;border-radius:999px;background:rgba(125,216,182,.16);border:1px solid rgba(125,216,182,.45);font:var(--weight-semibold) var(--text-sm)/1.1 var(--font-display);color:#fff}
html body:not(#hd) .hd-suite-card-title{margin:0;font:var(--type-h3);color:#fff}
html body:not(#hd) .hd-suite-card-text{margin:0;font:var(--type-body-sm);color:#fff}
html body:not(#hd) .hd-suite-card-cta{justify-self:start;display:inline-flex;align-items:center;gap:10px;margin-top:6px;padding:12px 18px;border-radius:var(--radius-md);background:var(--green-400);color:var(--purple-900);
  font:var(--weight-semibold) var(--text-sm)/1 var(--font-display);text-decoration:none;transition:background 200ms,gap 200ms}
html body:not(#hd) .hd-suite-card-cta:hover,html body:not(#hd) .hd-suite-card-cta:focus-visible{background:var(--green-300);color:var(--purple-900);gap:14px}
html body:not(#hd) .hd-suite-card-cta:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media (prefers-reduced-motion:reduce){
 html body:not(#hd) .hd-suite-card{opacity:1;transform:none;transition:none}
 html body:not(#hd) .hd-suite-hub-ring{transition:none}
 html body:not(#hd) .hd-suite-card-photo img{transition:none}
}
@media (max-width:1040px){
 html body:not(#hd) .hd-suite{padding:44px 24px 28px}
 html body:not(#hd) .hd-suite-links{display:none}
 html body:not(#hd) .hd-suite-stem{display:block;position:relative;z-index:1;width:2px;height:44px;margin:14px auto 18px;background:linear-gradient(var(--green-300),rgba(125,216,182,.2))}
 html body:not(#hd) #software .hd-suite-cards{grid-template-columns:1fr!important;max-width:560px;margin:0 auto;gap:34px!important}
}
@media (max-width:760px){
 html body:not(#hd) .hd-suite{padding:36px 16px 20px;border-radius:22px}
 html body:not(#hd) .hd-suite-hub-mark{width:88px;height:88px}
 html body:not(#hd) .hd-suite-hub-mark img{width:54px}
 html body:not(#hd) .hd-suite-hub-ring{width:88px;height:88px;margin-left:-44px}
 html body:not(#hd) .hd-suite-card-body{padding:42px 20px 22px}
}