.cta-strip{background:var(--background-color-alt);color:var(--foreground-color);overflow:hidden;padding:6rem 0;position:relative}.cta-strip--alt{background:var(--background-color)}.cta-strip:before{content:"";inset:0;position:absolute;z-index:0}.cta-strip__content{border-radius:24px;margin:0 auto;padding:2.5rem;position:relative;text-align:center;z-index:1}@media(max-width:768px){.cta-strip__content{padding:0}}.cta-strip__title{color:var(--foreground-color);font-size:3rem;font-weight:500;letter-spacing:-.02em;line-height:1.15;margin-bottom:.75rem;text-wrap:balance}@media(max-width:768px){.cta-strip__title{font-size:2rem}}.cta-strip__subtitle{color:var(--foreground-color-alt);font-size:1.25rem;line-height:1.7;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:60ch}@media(max-width:768px){.cta-strip__subtitle{font-size:1rem}}.cta-strip__buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}@media(max-width:640px){.cta-strip__buttons{align-items:stretch;flex-direction:column;gap:.75rem}}.cta-button{align-items:center;background-color:var(--primary-color);border-radius:5rem;color:var(--on-primary-color);display:inline-flex;font-size:1.125rem;font-weight:500;padding:.75rem 1.25rem;text-decoration:none;transition:background-color .3s ease,border-radius .3s ease;white-space:nowrap;z-index:2}.cta-button svg{flex-shrink:0;margin-left:.5rem;vertical-align:middle}.cta-button--primary{background-color:var(--primary-color);color:var(--on-primary-color)}.cta-button--primary:hover{background-color:rgba(var(--primary-color-rgb),.9);border-radius:1.25rem;color:var(--on-primary-color)}.cta-button--secondary{background-color:transparent;border:2px solid var(--foreground-color);color:var(--foreground-color)}.cta-button--secondary:hover{border-radius:1.25rem}@media(max-width:640px){.cta-button{font-size:1rem;justify-content:center;padding:.875rem 1.5rem;width:100%}}.logo-particle{animation:particleFade 2.5s ease-out forwards,particleDrift 2.5s ease-out forwards;height:80px;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%,-50%) rotate(var(--rotation)) scaleX(var(--scale-x)) scaleY(var(--scale-y));width:80px;will-change:transform,opacity;z-index:0}@keyframes particleFade{0%{opacity:0}10%{opacity:.9}70%{opacity:.7}to{opacity:0}}@keyframes particleDrift{0%{transform:translate(-50%,-50%) rotate(var(--rotation)) scaleX(var(--scale-x)) scaleY(var(--scale-y))}to{transform:translate(calc(-50% + var(--drift-x)),calc(-50% + var(--drift-y))) rotate(calc(var(--rotation) + 90deg)) scaleX(var(--scale-x)) scaleY(var(--scale-y))}}
