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