.section-hero{padding-top:14rem;padding-bottom:7rem;position:relative;overflow:hidden}.section-hero--alt{background-color:var(--background-color-alt)}@media (width<=1024px){.section-hero{padding-top:10rem;padding-bottom:4rem}}.section-hero__grid{align-items:center;display:flex}.section-hero--split .section-hero__grid{grid-template-columns:1fr 1.4fr;align-items:center;gap:2rem;display:grid}@media (width<=968px){.section-hero--split .section-hero__grid{grid-template-columns:1fr}}.section-hero__content{text-align:left;z-index:1;flex-direction:column;align-items:flex-start;display:flex}.section-hero__breadcrumb{flex-wrap:wrap;align-items:center;gap:0;margin-bottom:1.5rem;display:flex}.section-hero__breadcrumb__item{color:var(--foreground-color-alt);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.section-hero__breadcrumb__item:hover{color:var(--primary-color)}.section-hero__breadcrumb__item:not(:last-child):after{content:"/";color:var(--foreground-color-alt);opacity:.5;margin:0 .5rem}.section-hero__breadcrumb__item:last-child{color:var(--foreground-color);pointer-events:none}.section-hero__back{color:var(--foreground-color-alt);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.section-hero__back:hover{color:var(--primary-color)}.section-hero__heading{color:var(--foreground-color);max-width:700px;font-size:4rem;font-weight:700;line-height:1.2}@media (width<=768px){.section-hero__heading{font-size:2.5rem}}.section-hero--split .section-hero__heading{font-size:3rem}@media (width<=768px){.section-hero--split .section-hero__heading{font-size:2.25rem}}.section-hero__subtitle{color:var(--foreground-color);max-width:500px;margin-top:1.125rem;font-size:1.25rem;line-height:1.6}@media (width<=768px){.section-hero__subtitle{font-size:1.125rem}}.section-hero__button{background-color:var(--primary-color);color:var(--on-primary-color);border-radius:5rem;align-items:center;margin-top:2.5rem;padding:.75rem 1.25rem;font-size:1.125rem;font-weight:500;text-decoration:none;transition:background-color .3s,border-radius .3s;display:inline-flex}.section-hero__button svg{margin-left:.5rem}.section-hero__button:hover{background-color:rgba(var(--primary-color-rgb),.9);color:var(--on-primary-color);border-radius:1.25rem}.section-hero__visual{justify-content:center;align-items:center;height:350px;display:flex;position:relative}@media (width<=968px){.section-hero__visual{display:none}}.floating-badges{width:100%;height:100%;position:relative}.floating-badges__blob{background:rgba(var(--primary-color-rgb),.08);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;width:280px;height:280px;animation:8s ease-in-out infinite blob;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-badge{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);z-index:1;align-items:center;gap:.625rem;padding:.875rem 1.25rem;animation:5s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 8px 32px #00000014}.floating-badge svg{color:var(--primary-color);flex-shrink:0}.floating-badge span{color:var(--foreground-color);white-space:nowrap;font-size:.875rem;font-weight:500}.floating-badge--1{top:10%;left:15%}.floating-badge--2{animation-delay:.8s;top:35%;right:10%}.floating-badge--3{animation-delay:1.6s;bottom:20%;left:25%}.floating-badge--4{animation-delay:2.4s;bottom:35%;right:20%}@keyframes blob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}
