.hero-suite{--hero-suite-small:0.875em;--hero-suite-success:#34d399;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"core" "crm" "calendar" "workflow" "academy" "communications";gap:.75rem;width:100%;font-size:1rem}.hero-suite-links{display:none;position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}.hero-suite-link{stroke:color-mix(in srgb,var(--accent-primary) 18%,transparent);stroke-width:1;stroke-linecap:round;transition:stroke .5s var(--ease-standard)}.hero-suite-link[data-active=true]{stroke:color-mix(in srgb,var(--accent-primary) 68%,transparent);stroke-dasharray:3 7;animation:hero-suite-pulse 1.4s linear infinite}.hero-suite-glow{display:none;position:absolute;grid-area:core;z-index:0;left:50%;top:42%;translate:-50% -50%;width:20em;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent-primary) 10%,transparent) 0,color-mix(in srgb,var(--north-gradient-mid) 4%,transparent) 45%,transparent 70%);pointer-events:none}.hero-suite-core{position:relative;z-index:2;display:flex;grid-area:core;align-items:center;gap:.9em;padding:.25em .25em .5em;animation:hero-suite-enter .5s var(--ease-standard) .1s both}.hero-suite-core-mark{position:relative;display:grid;flex-shrink:0;place-items:center;width:4.75em;aspect-ratio:1}.hero-suite-core-orbit{position:absolute;inset:0;border-radius:50%;border:1px dashed color-mix(in srgb,var(--accent-primary) 34%,transparent);animation:hero-suite-orbit 60s linear infinite}.hero-suite-core-orbit:after{content:"";position:absolute;top:-.2em;left:50%;width:.4em;height:.4em;translate:-50% 0;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 .6em color-mix(in srgb,var(--accent-primary) 55%,transparent)}.hero-suite-core-tile{display:flex;width:72%;aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;gap:.25em;border-radius:28%;border:1px solid color-mix(in srgb,var(--accent-primary) 38%,transparent);background:color-mix(in srgb,var(--background-primary) 68%,var(--accent-secondary));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink) 12%,transparent),0 0 2.4em color-mix(in srgb,var(--north-gradient-mid) 24%,transparent)}.hero-suite-core-icon{width:46%;height:auto}.hero-suite-core-name{display:none;font-family:var(--font-poppins),sans-serif;font-size:.9em;font-weight:600;letter-spacing:.04em;color:var(--ink)}.hero-suite-core-caption{display:flex;min-width:0;flex-direction:column;gap:.3em}.hero-suite-core-title{font-family:var(--font-poppins),sans-serif;font-size:1.125em;font-weight:600;line-height:1.2;color:var(--ink)}.hero-suite-core-layer{font-family:var(--font-manrope),sans-serif;font-size:var(--hero-suite-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--accent-primary) 78%,var(--ink))}.hero-suite-core-supporting{line-height:1.35}.hero-suite-core-supporting,.hero-suite-supporting{font-family:var(--font-manrope),sans-serif;font-size:var(--hero-suite-small);font-weight:500;color:var(--muted)}.hero-suite-supporting{line-height:1.3}.hero-suite-slot{position:relative;z-index:3;min-width:0;animation:hero-suite-enter .5s var(--ease-standard) calc(.25s + var(--hero-suite-order, 0) * .09s) both}.hero-suite-slot[data-product=crm]{grid-area:crm}.hero-suite-slot[data-product=calendar]{grid-area:calendar}.hero-suite-slot[data-product=academy]{grid-area:academy}.hero-suite-slot[data-product=communications]{grid-area:communications}.hero-suite-slot[data-product=workflow]{grid-area:workflow}.hero-suite-panel{display:flex;height:100%;flex-direction:column;gap:.75em;padding:1em 1.1em;border-radius:1.1em;border:1px solid color-mix(in srgb,var(--ink) 9%,transparent);background:color-mix(in srgb,var(--background-secondary) 80%,transparent);backdrop-filter:blur(12px);box-shadow:0 1.25em 2.5em color-mix(in srgb,var(--background-primary) 50%,transparent),inset 0 1px 0 color-mix(in srgb,var(--ink) 7%,transparent);transition:border-color .5s var(--ease-standard),box-shadow .5s var(--ease-standard)}.hero-suite-panel[data-active=true]{border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent);box-shadow:0 1.25em 2.5em color-mix(in srgb,var(--background-primary) 50%,transparent),0 0 1.75em color-mix(in srgb,var(--accent-primary) 12%,transparent),inset 0 1px 0 color-mix(in srgb,var(--accent-primary) 10%,transparent)}.hero-suite-panel-header{display:flex;align-items:center;gap:.65em}.hero-suite-panel-icon{display:inline-flex;width:2.1em;height:2.1em;flex-shrink:0;align-items:center;justify-content:center;border-radius:.6em;background:color-mix(in srgb,var(--accent-primary) 12%,transparent);color:var(--accent-primary)}.hero-suite-panel-icon svg{width:1.15em;height:1.15em}.hero-suite-panel-title{display:flex;min-width:0;flex-direction:column;gap:.05em}.hero-suite-panel-name{font-family:var(--font-poppins),sans-serif;font-size:1em;font-weight:600;line-height:1.25;color:var(--ink)}.hero-suite-panel-value{font-family:var(--font-manrope),sans-serif;font-size:var(--hero-suite-small);line-height:1.3;color:var(--muted)}.hero-suite-panel-body{display:flex;flex-direction:column;align-items:flex-start;gap:.55em;font-family:var(--font-manrope),sans-serif;font-size:1em;line-height:1.35}.hero-suite-panel-footer{display:flex;flex-direction:column;gap:.4em;margin-top:auto;padding-top:.7em;border-top:1px solid color-mix(in srgb,var(--ink) 7%,transparent)}.hero-suite-automation{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-manrope),sans-serif;font-size:var(--hero-suite-small);font-weight:600;line-height:1.3;color:color-mix(in srgb,var(--ink) 84%,var(--muted))}.hero-suite-automation svg{width:1em;height:1em;flex-shrink:0;color:color-mix(in srgb,var(--hero-suite-success) 60%,var(--muted));transition:color .5s var(--ease-standard)}.hero-suite-automation[data-done=true] svg{color:var(--hero-suite-success)}.hero-suite-row{display:flex;align-items:center;gap:.6em;width:100%}.hero-suite-stack{display:flex;min-width:0;flex-direction:column;gap:.15em}.hero-suite-strong{font-weight:600;color:var(--ink)}.hero-suite-muted{color:var(--muted)}.hero-suite-overline{font-size:var(--hero-suite-small);font-weight:600;letter-spacing:.04em;color:color-mix(in srgb,var(--accent-primary) 70%,var(--muted))}.hero-suite-avatar{width:2.2em;height:2.2em;justify-content:center;background:color-mix(in srgb,var(--north-gradient-mid) 32%,var(--background-secondary));font-size:.85em;font-weight:700;color:var(--ink)}.hero-suite-avatar,.hero-suite-status{display:inline-flex;flex-shrink:0;align-items:center;border-radius:999px}.hero-suite-status{gap:.4em;padding:.15em .65em;border:1px solid color-mix(in srgb,var(--muted) 35%,transparent);background:color-mix(in srgb,var(--muted) 10%,transparent);font-size:var(--hero-suite-small);font-weight:600;color:color-mix(in srgb,var(--ink) 82%,var(--muted));white-space:nowrap;transition:background-color .4s var(--ease-standard),border-color .4s var(--ease-standard)}.hero-suite-status:before{content:"";width:.45em;height:.45em;border-radius:999px;background:var(--muted)}.hero-suite-status[data-done=true]{border-color:color-mix(in srgb,var(--hero-suite-success) 45%,transparent);background:color-mix(in srgb,var(--hero-suite-success) 12%,transparent);color:var(--ink)}.hero-suite-status[data-done=true]:before{background:var(--hero-suite-success)}.hero-suite-metric-row{display:flex;align-items:center;justify-content:space-between;gap:.6em;width:100%}.hero-suite-metric{display:flex;flex-direction:column;gap:.35em;width:100%}.hero-suite-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:.3em;width:100%}.hero-suite-pipeline span{height:.35em;border-radius:999px;background:color-mix(in srgb,var(--ink) 10%,transparent);transition:background-color .5s var(--ease-standard)}.hero-suite-pipeline span[data-filled=true]{background:color-mix(in srgb,var(--accent-primary) 70%,var(--north-gradient-mid))}.hero-suite-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8em;width:100%}.hero-suite-lane{display:flex;min-width:0;flex-direction:column;gap:.45em}.hero-suite-lane-label{overflow:hidden;font-size:var(--hero-suite-small);font-weight:600;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.hero-suite-lane-bar{display:block;height:.4em;border-radius:999px;background:color-mix(in srgb,var(--ink) 9%,transparent);transition:background-color .5s var(--ease-standard)}.hero-suite-lane-bar[data-state=active]{background:color-mix(in srgb,var(--accent-primary) 72%,var(--north-gradient-mid))}.hero-suite-lane-bar[data-state=done]{background:color-mix(in srgb,var(--hero-suite-success) 70%,transparent)}.hero-suite-progress{display:block;width:100%;height:.35em;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--ink) 10%,transparent)}.hero-suite-progress span{display:block;height:100%;border-radius:inherit;background:color-mix(in srgb,var(--accent-primary) 70%,var(--north-gradient-mid))}.hero-suite-team{align-items:center;gap:.45em;font-size:var(--hero-suite-small);color:var(--muted)}.hero-suite-team,.hero-suite-team-avatars{display:inline-flex}.hero-suite-team-avatars span{display:inline-flex;width:2.7em;height:2.7em;align-items:center;justify-content:center;border-radius:999px;border:1.5px solid var(--background-secondary);background:color-mix(in srgb,var(--north-gradient-mid) 30%,var(--background-secondary));font-size:.66em;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.hero-suite-team-avatars span+span{margin-left:-.6em}.hero-suite-steps{display:flex;flex-wrap:wrap;gap:.35em .8em;margin:0;padding:0;list-style:none;font-size:var(--hero-suite-small);font-weight:600}.hero-suite-steps li{display:inline-flex;align-items:center;gap:.35em;color:var(--muted)}.hero-suite-steps li[data-state=complete],.hero-suite-steps li[data-state=current]{color:var(--ink)}.hero-suite-step-dot{display:inline-flex;width:1.05em;height:1.05em;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--muted) 45%,transparent);transition:background-color .4s var(--ease-standard),border-color .4s var(--ease-standard)}.hero-suite-step-dot svg{width:.7em;height:.7em;color:var(--background-primary)}.hero-suite-steps li[data-state=complete] .hero-suite-step-dot{border-color:var(--hero-suite-success);background:var(--hero-suite-success)}.hero-suite-steps li[data-state=current] .hero-suite-step-dot{border-color:var(--accent-primary);box-shadow:inset 0 0 0 .22em color-mix(in srgb,var(--accent-primary) 70%,transparent)}@media (min-width:768px){.hero-suite{--hero-suite-small:0.8125em;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"core core" "crm calendar" "academy communications" "workflow workflow";gap:.9rem;font-size:.9375rem}.hero-suite-core{flex-direction:column;justify-self:center;gap:.6em;text-align:center}.hero-suite-core-mark{width:6.5em}.hero-suite-core-name{display:block}.hero-suite-core-title{display:none}.hero-suite-core-caption{align-items:center}.hero-suite-slot[data-product=workflow]{justify-self:center;width:min(100%,28rem)}}@media (min-width:1200px){.hero-suite{--hero-suite-small:0.84em;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:". crm crm calendar calendar ." "academy academy core core communications communications" ". workflow workflow workflow workflow .";column-gap:1em;row-gap:1.6em;font-size:clamp(.75rem,1.8cqi,.875rem);padding-block:.5em}.hero-suite-glow,.hero-suite-links{display:block}.hero-suite-core{align-self:center;width:max-content;max-width:100%;padding:.35em .5em}.hero-suite-core-mark{width:8.25em}.hero-suite-core-layer{font-size:.8em;letter-spacing:.1em}.hero-suite-slot[data-product=workflow]{width:min(100%,25em)}}@keyframes hero-suite-enter{0%{opacity:0;transform:translate3d(0,.75rem,0)}to{opacity:1;transform:none}}@keyframes hero-suite-orbit{to{rotate:1turn}}@keyframes hero-suite-pulse{to{stroke-dashoffset:-20}}@media (prefers-reduced-motion:reduce){.hero-suite-core,.hero-suite-core-orbit,.hero-suite-link[data-active=true],.hero-suite-slot{animation:none}.hero-suite-automation svg,.hero-suite-lane-bar,.hero-suite-link,.hero-suite-panel,.hero-suite-pipeline span,.hero-suite-status,.hero-suite-step-dot{transition:none}}