.sp{background:var(--sp-bg);color:var(--sp-text);position:relative}.sp *,.sp *:before,.sp *:after{box-sizing:border-box}.sp__inner{max-width:var(--sp-max);margin:0 auto;padding:0 var(--sp-gutter)}.sp__pad{padding-block:clamp(56px,8vw,112px)}.sp img{display:block;max-width:100%}.sp-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-subheading--family, inherit);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--sp-accent-text, var(--sp-volt));margin:0 0 18px;font-weight:600}.sp-eyebrow:before{content:"";width:22px;height:2px;background:currentColor}.sp-h1,.sp-h2,.sp-h3{font-family:var(--font-heading--family, inherit);font-weight:var(--font-heading--weight, 700);text-transform:var(--sp-h-transform, uppercase);letter-spacing:var(--sp-h-spacing, .01em);line-height:var(--sp-h-lh, .98);color:var(--sp-text);margin:0;text-wrap:balance}.sp-h1{font-size:var(--sp-h1-size, clamp(44px, 7.4vw, 104px))}.sp-h2{font-size:var(--sp-h2-size, clamp(32px, 4.6vw, 60px))}.sp-h3{font-size:clamp(22px,2.2vw,28px);line-height:1.08}.sp-h1 em,.sp-h2 em{font-style:var(--sp-em-style, normal);color:var(--sp-accent-text, var(--sp-volt))}.sp-lead{font-size:clamp(16px,1.4vw,19px);line-height:1.55;color:var(--sp-muted);max-width:56ch;margin:22px 0 0}.sp-lead p,.sp-text p{margin:0}.sp-text{font-size:15px;line-height:1.6;color:var(--sp-muted);margin:0}.sp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.sp-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:var(--sp-btn-radius, 6px);font-weight:600;font-size:15px;letter-spacing:.02em;text-decoration:none;border:var(--sp-btn-border, 1px solid transparent);box-shadow:var(--sp-btn-shadow, none);transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.sp-btn:hover{transform:translateY(-2px);box-shadow:var(--sp-btn-shadow-hover, none)}.sp-btn--volt{background:var(--sp-volt);color:var(--sp-volt-ink)}.sp-btn--volt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-120%);transition:transform .7s ease}.sp-btn--volt:hover:after{transform:translate(120%)}.sp-btn--ghost{border:var(--sp-ghost-border, 1px solid var(--sp-line));color:var(--sp-text);background:transparent}.sp-btn--ghost:hover{border-color:var(--sp-text)}.sp-btn svg{width:16px;height:16px;transition:transform .2s ease}.sp-btn:hover svg{transform:translate(3px)}.sp-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(28px,4vw,48px)}.sp-head .sp-text{max-width:46ch}.sp-head--center{flex-direction:column;align-items:center;text-align:center}.sp-tag{display:inline-block;padding:5px 10px;border-radius:999px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--sp-line);color:var(--sp-muted);font-weight:600}.sp-tag--volt{border-color:var(--sp-volt);color:var(--sp-accent-text, var(--sp-volt))}.sp-ai{position:absolute;left:12px;bottom:12px;z-index:2;padding:4px 8px;border-radius:999px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:#0000008c;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sp-chips{display:flex;flex-wrap:wrap;gap:8px 16px;margin:26px 0 0;padding:0;list-style:none}.sp-chips li{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--sp-muted)}.sp-chips li:before{content:"";width:16px;height:16px;flex:none;border-radius:50%;background:var(--sp-volt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' stroke='%23000' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}.sp-hero{overflow:hidden;border-bottom:1px solid var(--sp-line)}.sp-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,5vw,72px);min-height:min(86vh,800px);padding-block:clamp(40px,6vw,88px)}.sp-hero--split-reverse .sp-hero__grid{grid-template-columns:.95fr 1.05fr}.sp-hero--split-reverse .sp-hero__visual{order:-1}.sp-hero--stack .sp-hero__grid{grid-template-columns:1fr;min-height:0;text-align:center;justify-items:center;padding-bottom:0}.sp-hero--stack .sp-lead{margin-inline:auto}.sp-hero--stack .sp-actions,.sp-hero--stack .sp-chips{justify-content:center}.sp-hero--stack .sp-hero__visual{width:100%;max-width:none}.sp-hero--stack .sp-hero__media{aspect-ratio:16 / 7;border-radius:var(--sp-radius-lg) var(--sp-radius-lg) 0 0}.sp-hero__visual{position:relative;display:flex;justify-content:center;width:100%}.sp-hero__media{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:var(--sp-radius-lg);overflow:hidden;box-shadow:var(--sp-shadow, none)}.sp-hero--split-reverse .sp-hero__media{aspect-ratio:1 / 1}.sp-hero__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:sp-kenburns 14s ease-out forwards}.sp-hero__art{width:100%;max-width:520px;height:auto}.sp-hero__note{margin:20px 0 0;font-size:12px;color:var(--sp-muted);letter-spacing:.02em}.sp-hero__sticker{position:absolute;z-index:3;top:-18px;right:-12px;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;text-align:center;padding:14px;font-weight:800;font-size:13px;line-height:1.1;text-transform:uppercase;background:var(--sp-accent-2, var(--sp-volt));color:var(--sp-accent-2-ink, var(--sp-volt-ink));border:var(--sp-sticker-border, none);animation:sp-spin-in 1s .6s cubic-bezier(.2,.9,.3,1.3) both,sp-float 5s 1.6s ease-in-out infinite}.sp-hero--split-reverse .sp-hero__sticker{right:auto;left:-12px}@keyframes sp-kenburns{to{transform:scale(1)}}@keyframes sp-spin-in{0%{transform:rotate(-40deg) scale(0);opacity:0}to{transform:rotate(-8deg) scale(1);opacity:1}}@keyframes sp-float{0%,to{translate:0 0}50%{translate:0 -8px}}.sp-hero__copy>*{animation:sp-rise .8s cubic-bezier(.2,.7,.2,1) both}.sp-hero__copy>*:nth-child(2){animation-delay:.08s}.sp-hero__copy>*:nth-child(3){animation-delay:.16s}.sp-hero__copy>*:nth-child(4){animation-delay:.24s}.sp-hero__copy>*:nth-child(5){animation-delay:.32s}.sp-hero__copy>*:nth-child(6){animation-delay:.4s}.sp-hero__visual{animation:sp-rise 1s .15s cubic-bezier(.2,.7,.2,1) both}@keyframes sp-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(max-width:899px){.sp-hero__grid,.sp-hero--split-reverse .sp-hero__grid{grid-template-columns:1fr;min-height:0;padding-block:28px 56px}.sp-hero__visual{order:-1}.sp-hero--stack .sp-hero__visual{order:2}.sp-hero__media{aspect-ratio:4 / 4}.sp-hero--stack .sp-hero__media{aspect-ratio:4 / 3}.sp-hero__sticker{width:92px;height:92px;font-size:11px;top:-10px;right:6px}}.sp-marquee{overflow:hidden;background:var(--sp-marquee-bg, var(--sp-volt));color:var(--sp-marquee-ink, var(--sp-volt-ink));border-block:var(--sp-marquee-border, 0)}.sp-marquee__track{display:flex;width:max-content;animation:sp-marquee var(--sp-marquee-speed, 32s) linear infinite}.sp-marquee:hover .sp-marquee__track{animation-play-state:paused}.sp-marquee__group{display:flex;align-items:center;flex:none}.sp-marquee__item{display:inline-flex;align-items:center;gap:22px;padding:16px 22px 16px 0;font-family:var(--font-heading--family, inherit);font-weight:var(--font-heading--weight, 700);font-size:clamp(16px,1.6vw,22px);text-transform:var(--sp-h-transform, uppercase);letter-spacing:.02em;white-space:nowrap}.sp-marquee__item:after{content:"\2726";font-size:.8em;opacity:.7}@keyframes sp-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.sp-steps__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sp-step{position:relative;padding:28px;border-radius:var(--sp-radius);background:var(--sp-surface);border:var(--sp-card-border, 1px solid var(--sp-line));box-shadow:var(--sp-card-shadow, none)}.sp-step__num{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;margin-bottom:18px;background:var(--sp-volt);color:var(--sp-volt-ink);font-family:var(--font-heading--family, inherit);font-weight:700;font-size:18px}.sp-step .sp-h3{margin-bottom:10px}@media(max-width:899px){.sp-steps__grid{grid-template-columns:1fr}}.sp-gal__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sp-gal__item{position:relative;margin:0;border-radius:var(--sp-radius);overflow:hidden;aspect-ratio:4 / 5;background:var(--sp-surface-2);border:var(--sp-card-border-img, 0)}.sp-gal__item img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.sp-gal__item:hover img{transform:scale(1.05)}.sp-gal__item figcaption{position:absolute;right:12px;bottom:12px;z-index:2;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;background:var(--sp-surface);color:var(--sp-text)}.sp-gal__note{margin:18px 0 0;font-size:12px;color:var(--sp-muted)}@media(max-width:899px){.sp-gal__grid{grid-template-columns:repeat(3,72%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.sp-gal__item{scroll-snap-align:start}}.sp-cta__box{position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:32px;padding:clamp(32px,5vw,64px);border-radius:var(--sp-radius-lg);background:var(--sp-cta-bg, var(--sp-surface));color:var(--sp-cta-ink, var(--sp-text));border:var(--sp-card-border, 1px solid var(--sp-line));box-shadow:var(--sp-card-shadow, none)}.sp-cta__box .sp-h2{color:inherit}.sp-cta__box .sp-text{color:inherit;opacity:.8;margin-top:14px}.sp-cta__box .sp-actions{justify-content:flex-end;margin:0}.sp-cta__glow{position:absolute;width:420px;height:420px;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,var(--sp-glow, rgba(214,255,63,.25)),transparent 65%);pointer-events:none}@media(max-width:899px){.sp-cta__box{grid-template-columns:1fr}.sp-cta__box .sp-actions{justify-content:flex-start}}.sp-colban{border-bottom:1px solid var(--sp-line)}.sp-colban__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-block:18px}.sp-colban__badge{display:inline-flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;margin:0}.sp-colban__badge strong{padding:6px 12px;border-radius:999px;background:var(--sp-volt);color:var(--sp-volt-ink);font-size:13px}.sp-colban a{color:var(--sp-text);font-size:14px;text-underline-offset:3px}.sp-perks{list-style:none;margin:0;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;border-radius:10px;border:1px solid var(--sp-line);width:100%}.sp-perks li{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.35}.sp-perks svg{flex:none;width:20px;height:20px;color:var(--sp-perk-icon, currentColor)}@media(max-width:480px){.sp-perks{grid-template-columns:1fr}}html.sp-js [data-sp-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--sp-delay, 0s)}html.sp-js [data-sp-reveal].is-in{opacity:1;transform:none}.sp-card,.sp-uni__panel,.sp-step,.sp-guide__card{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .25s ease,opacity .8s ease}.sp-uni__panel:hover,.sp-step:hover{transform:translateY(-4px)}.sp-uni__img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.sp-uni__panel:hover .sp-uni__img{transform:scale(1.05)}.sp a:focus-visible,.sp summary:focus-visible,.sp-btn:focus-visible{outline:2px solid var(--sp-focus, var(--sp-volt));outline-offset:3px}@media(prefers-reduced-motion:reduce){.sp *,.sp *:before,.sp *:after{animation:none!important;transition:none!important}html.sp-js [data-sp-reveal]{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/strapla-base.css.map */