.sp-tone-brand{--sp-color:var(--color-brand);--sp-shift:0s}.sp-tone-navy{--sp-color:var(--color-navy);--sp-shift:-1.5s}.sp-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.sp-wide{max-width:1600px;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}@media (min-width:1024px){.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}}.sp-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column-reverse;border:1px solid var(--color-border);border-radius:1rem;background:linear-gradient(90deg,var(--color-banner-stage) 45%,color-mix(in srgb,var(--sp-color) 14%,var(--color-banner-stage)));color:var(--color-white);text-decoration:none;transition:transform .35s var(--ease-out-expo),box-shadow .35s var(--ease-out-expo)}.sp-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -16px color-mix(in srgb,var(--sp-color) 60%,transparent)}.sp-card:focus-visible{outline:3px solid var(--sp-color);outline-offset:3px}.sp-panel{position:relative;overflow:hidden;z-index:1;display:flex;flex-direction:column;padding:1.5rem 1.5rem 1.75rem;background:var(--sp-color)}.sp-panel:after{content:"";position:absolute;top:-10%;bottom:-10%;left:0;width:35%;background:linear-gradient(100deg,transparent,rgb(255 255 255/.16) 50%,transparent);transform:translateX(-160%) skewX(-18deg);animation:sp-shine 7s ease-in-out infinite;animation-delay:calc(1s - var(--sp-shift) * 2);pointer-events:none}@keyframes sp-shine{0%{transform:translateX(-160%) skewX(-18deg)}20%,to{transform:translateX(420%) skewX(-18deg)}}.sp-mark{display:flex;align-items:center;gap:.5rem;min-height:2rem;font-size:1rem;letter-spacing:-.01em}.sp-mark,.sp-title{font-family:var(--font-heading);font-weight:700}.sp-title{margin-top:1rem;max-width:22ch;font-size:clamp(1.375rem,2.1vw,1.75rem);line-height:1.2;letter-spacing:-.02em;color:var(--color-white)}.sp-text{margin-top:.625rem;max-width:44ch;font-size:.9375rem;line-height:1.6;color:rgb(255 255 255/.85)}.sp-cta{margin-top:auto;padding-top:1.5rem}.sp-cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.5rem;background:var(--color-white);color:var(--sp-color);font-size:.875rem;font-weight:700;animation:sp-pulse 3.5s ease-out infinite}.sp-cta-btn svg{transition:transform .3s var(--ease-out-expo)}.sp-card:hover .sp-cta-btn svg{transform:translateX(4px)}@keyframes sp-pulse{0%{box-shadow:0 0 0 0 rgb(255 255 255/.35)}45%,to{box-shadow:0 0 0 9px rgb(255 255 255/0)}}.sp-dalo{display:inline-flex;align-items:center;font-family:var(--font-heading);font-size:1.75rem;font-weight:800;line-height:1;letter-spacing:-.03em}.sp-dalo-o{width:.82em;height:.82em;margin-left:.04em}.sp-dalo-ring{transform-box:fill-box;transform-origin:center;transition:transform .9s var(--ease-out-expo)}.sp-card:hover .sp-dalo-ring{transform:rotate(1turn)}.sp-dalo-domain{margin-left:.125rem;font-size:1rem;font-weight:600;letter-spacing:0;color:rgb(255 255 255/.7)}.sp-stage{position:relative;height:13.5rem}.sp-slide{position:absolute;inset:1rem 1.25rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem}.sp-slide-img,.sp-tag{opacity:0;animation:sp-cycle 12s var(--ease-out-expo) infinite both;animation-delay:calc(var(--i) * 3s - .6s + var(--sp-shift))}.sp-slide-img{width:auto;height:100%;min-height:0;flex:1;max-width:100%;object-fit:contain;mix-blend-mode:multiply;animation-name:sp-cycle,sp-float;animation-duration:12s,4s;animation-timing-function:var(--ease-out-expo),ease-in-out}.sp-tag{flex-shrink:0;padding:.25rem .75rem;border-radius:.5rem;background:var(--sp-color);color:var(--color-white);font-family:var(--font-heading);font-size:.8125rem;font-weight:700;white-space:nowrap}@keyframes sp-cycle{0%{opacity:0;translate:18% 0;scale:.9}24%,5%{opacity:1;translate:0 0;scale:1}29%,to{opacity:0;translate:-18% 0;scale:.9}}@keyframes sp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.sp-bars{position:absolute;right:1rem;bottom:.875rem;display:flex;gap:.25rem}.sp-bar{width:1.25rem;height:.1875rem;overflow:hidden;border-radius:999px;background:rgb(0 0 0/.12)}.sp-bar-fill{display:block;height:100%;background:var(--sp-color);transform-origin:left;transform:scaleX(0);animation:sp-bar 12s linear infinite both;animation-delay:calc(var(--i) * 3s - .6s + var(--sp-shift))}@keyframes sp-bar{0%{transform:scaleX(0)}25%{transform:scaleX(1)}25.1%,to{transform:scaleX(0)}}.sp-stage.is-static :is(.sp-slide-img,.sp-tag){animation:none}.sp-stage.is-static .sp-slide:first-child :is(.sp-slide-img,.sp-tag){opacity:1}@media (min-width:640px){.sp-card{flex-direction:row;min-height:18rem}.sp-panel{width:58%;padding:1.75rem 4rem 1.75rem 1.75rem;clip-path:polygon(0 0,100% 0,calc(100% - 48px) 100%,0 100%)}.sp-stage{position:absolute;inset:0 0 0 auto;width:48%;height:auto}.sp-slide{inset:1.25rem 1.25rem 2.25rem 2.5rem}}@media (min-width:1280px){.sp-grid .sp-panel{width:62%}.sp-grid .sp-stage{width:44%}.sp-grid .sp-title{max-width:24ch}}@media (prefers-reduced-motion:reduce){.sp-card,.sp-cta-btn svg,.sp-dalo-ring{transition:none}.sp-bar-fill,.sp-cta-btn,.sp-panel:after,.sp-slide-img,.sp-tag{animation:none}.sp-slide:first-child :is(.sp-slide-img,.sp-tag){opacity:1}.sp-bars{display:none}}