.cta-strip{background:color-mix(in lab,var(--color-surface-muted) 20%,var(--color-surface-warm));padding:clamp(36px,5vw,56px) var(--gutter);position:relative;overflow:hidden}.cta-strip-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;position:relative;z-index:1}.cta-strip-text{flex:1;min-width:280px}.cta-strip-text .eyebrow{color:var(--color-orange);margin-bottom:6px}.cta-strip-text h2{font-size:clamp(22px,2.4vw,30px);line-height:var(--leading-heading);margin-bottom:6px;font-family:var(--font-display);font-weight:700}.cta-strip-text p{font-size:var(--text-body-sm);line-height:var(--leading-body);color:var(--color-text-secondary);max-width:520px}.cta-strip-buttons{display:flex;gap:12px;flex-wrap:wrap}.cta-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-full);font-family:var(--font-secondary);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal);transition:background var(--ease-default),color var(--ease-default),transform var(--ease-default),box-shadow var(--ease-default),border-color var(--ease-default);cursor:pointer;text-decoration:none;border:none}.cta-btn--primary{background:var(--color-orange);color:#fff}.cta-btn--primary:hover{background:var(--color-green-dark);transform:translateY(-2px);box-shadow:0 8px 24px #32b44a47}.cta-btn--ghost{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-text-primary)}.cta-btn--ghost:hover{background:var(--color-text-primary);color:#fff;transform:translateY(-2px)}.cta-strip-doodle{position:absolute;pointer-events:none;opacity:.3;z-index:0}.cta-strip-doodle--l{width:40px;top:14px;left:clamp(16px,5vw,80px);animation:cta-strip-float 9s ease-in-out infinite}.cta-strip-doodle--r{width:36px;bottom:14px;right:clamp(16px,5vw,80px);animation:cta-strip-spin 22s linear infinite}@keyframes cta-strip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes cta-strip-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.cta-strip-doodle,.reveal{animation:none!important}.reveal{opacity:1!important;transform:none!important}}@media(max-width:768px){.cta-strip-inner{flex-direction:column;align-items:flex-start}.cta-strip-doodle{display:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/cta-strip.css.map */
