@property --tpu-hero-angle {syntax:'<angle>';initial-value:0deg;inherits:false}
.tpu-electric-section {background:#08090b}
.tpu-electric {display:block;background:radial-gradient(ellipse at 5% 30%,#280019,transparent 52%),#08090b;color:#fff;padding:120px max(24px,5vw) 32px;font-family:inherit;overflow:hidden}
.tpu-electric * {box-sizing:border-box}
.tpu-electric__layout {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:36px;align-items:center;max-width:1440px;margin:auto}
.tpu-electric__copy {padding:14px 0 20px}
.tpu-electric .tpu-electric__phase {display:flex;align-items:center;gap:9px;color:#fc0093;font-size:11px;letter-spacing:2px;line-height:1.4;font-weight:700;margin:0 0 22px}
.tpu-electric__phase span {width:6px;height:6px;flex-shrink:0;background:#fc0093;border-radius:50%;box-shadow:0 0 12px #fc0093}
.tpu-electric .tpu-electric__heading {color:#fff;font-family:inherit;line-height:.88;letter-spacing:-6px;font-weight:800;margin:0 0 22px}
.tpu-electric__heading .tpu-electric__up {display:block;font-size:24px;font-weight:500;letter-spacing:5px;line-height:1.4;margin-bottom:8px}
.tpu-electric__heading strong {display:block;font-size:clamp(100px,11.5vw,180px);font-weight:800;white-space:nowrap;line-height:.88}
.tpu-electric__heading strong span {font-size:.63em;letter-spacing:-5px}
.tpu-electric__heading .tpu-electric__off {display:block;font-size:clamp(21px,2.6vw,38px);letter-spacing:-1px;font-weight:800;line-height:1.15;margin-top:14px}
.tpu-electric .tpu-electric__message {color:#eef0f7;font-size:13px;line-height:1.6;font-weight:600;max-width:340px;margin:0 0 10px;text-wrap:balance}
.tpu-electric .tpu-electric__urgency {color:#fc0093;font-size:10px;line-height:1.7;font-weight:600;letter-spacing:.5px;max-width:330px;margin:0 0 22px}
.tpu-electric .tpu-electric__cta {display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:48px;min-width:215px;padding:14px 20px;color:#fff;background:#ea0079;border:1px solid #ff65bf;border-radius:4px;text-decoration:none;font-weight:700;font-size:12px;letter-spacing:1px;transition:background .2s,box-shadow .2s}
.tpu-electric .tpu-electric__cta:hover {background:#c90068;box-shadow:0 0 24px #fc009355}
.tpu-electric__cta span {font-size:20px;line-height:1}
.tpu-electric__frame {position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent;border-radius:7px;background:linear-gradient(#08090b,#08090b) padding-box,conic-gradient(from var(--tpu-hero-angle),#3c465c,#c3c9d6,#fff,#fc0093,#3c465c) border-box;animation:tpu-hero-orbit 7s linear infinite;box-shadow:0 10px 60px #0008}
.tpu-electric__picture {display:block;aspect-ratio:3/2;overflow:hidden;margin:5px;border-radius:3px;position:relative;z-index:1}
.tpu-electric__image {display:block;width:100%;height:100%;object-fit:cover;animation:tpu-hero-zoom 16s ease-in-out infinite alternate;transform-origin:center 65%}
.tpu-electric__sweep {position:absolute;inset:0;z-index:2;background:linear-gradient(105deg,transparent 35%,#fff0 44%,#fff2 49%,#fff0 54%,transparent 65%);transform:translateX(-130%);animation:tpu-hero-sweep 9s ease-in-out infinite;pointer-events:none}
.tpu-electric__streak {position:absolute;height:1px;width:35%;z-index:3;background:linear-gradient(90deg,transparent,#fff,#fc0093,transparent);opacity:0;pointer-events:none;animation:tpu-hero-streak 7s ease-out infinite}
.tpu-electric__streak--one {top:9px;left:-35%}
.tpu-electric__streak--two {bottom:9px;left:-35%;animation-delay:1.3s}
.tpu-electric__arc {position:absolute;z-index:3;top:10%;height:80%;width:22px;opacity:0;fill:none;stroke:#ffd2ec;stroke-width:2;filter:drop-shadow(0 0 4px #fc0093);pointer-events:none;animation:tpu-hero-zap 8s linear infinite}
.tpu-electric__arc--left {left:6px}
.tpu-electric__arc--right {right:6px;transform:scaleX(-1);animation-delay:3.5s}
.tpu-electric--pre .tpu-electric__arc {display:none}
.tpu-electric--pre .tpu-electric__streak {animation-duration:10s}
.tpu-electric--black .tpu-electric__streak {animation-duration:5s}
.tpu-electric--cyber .tpu-electric__streak {animation-duration:4s}
.tpu-electric--cyber .tpu-electric__arc {animation-duration:6s}
.tpu-electric .tpu-electric__motion {position:absolute;bottom:14px;right:14px;z-index:4;background:#08090bcc;border:1px solid #ffffff77;border-radius:3px;min-height:32px;padding:6px 10px;color:#fff;font:inherit;font-size:10px;cursor:pointer}
.tpu-electric a:focus-visible,.tpu-electric button:focus-visible {outline:2px solid #fff;outline-offset:4px}
.tpu-electric--still,.tpu-electric--still * {animation:none!important;transition:none!important}
.tpu-electric--paused,.tpu-electric--paused * {animation-play-state:paused!important}
@keyframes tpu-hero-orbit {to{--tpu-hero-angle:360deg}}
@keyframes tpu-hero-zoom {to{transform:scale(1.035)}}
@keyframes tpu-hero-sweep {0%,70%{transform:translateX(-130%)}95%,100%{transform:translateX(130%)}}
@keyframes tpu-hero-streak {0%,80%{opacity:0;transform:translateX(0)}82%{opacity:.8}94%{opacity:0;transform:translateX(400%)}100%{opacity:0;transform:translateX(400%)}}
@keyframes tpu-hero-zap {0%,85%,90%,100%{opacity:0}86%,88%{opacity:.6}87%,89%{opacity:.15}}
@media(max-width:1000px) and (min-width:750px){.tpu-electric__layout {gap:24px;grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.tpu-electric__heading strong {font-size:110px}.tpu-electric .tpu-electric__phase {font-size:9px;letter-spacing:1px}.tpu-electric__heading .tpu-electric__off {font-size:24px}}
@media(max-width:749px){.tpu-electric {padding:100px 14px 10px}.tpu-electric__layout {display:flex;flex-direction:column;gap:0}.tpu-electric__frame {order:0;width:100%;max-width:600px}.tpu-electric__copy {order:1;text-align:center;width:100%;padding:22px 8px 12px}.tpu-electric .tpu-electric__phase {justify-content:center;margin-bottom:12px;font-size:10px}.tpu-electric .tpu-electric__heading {letter-spacing:-3px;margin-bottom:14px}.tpu-electric__heading .tpu-electric__up {font-size:14px;letter-spacing:3px;margin-bottom:6px}.tpu-electric__heading strong {display:inline;font-size:92px;letter-spacing:-4px}.tpu-electric__heading strong span {letter-spacing:-2px}.tpu-electric__heading .tpu-electric__off {display:inline-block;font-size:25px;letter-spacing:-.5px;max-width:155px;text-align:left;vertical-align:middle;line-height:1.05;margin:0 0 8px 12px}.tpu-electric .tpu-electric__message {font-size:11px;margin:0 auto 7px;max-width:330px}.tpu-electric .tpu-electric__urgency {font-size:9px;margin:0 auto 14px;max-width:330px}.tpu-electric .tpu-electric__cta {min-height:44px;min-width:210px;font-size:11px;padding:11px 18px}.tpu-electric__motion {bottom:12px;right:12px}.tpu-electric--black .tpu-electric__picture,.tpu-electric--cyber .tpu-electric__picture {aspect-ratio:4/5}.tpu-electric--black .tpu-electric__image,.tpu-electric--cyber .tpu-electric__image {object-position:50% 35%}}
@media(prefers-reduced-motion:reduce){.tpu-electric,.tpu-electric * {animation:none!important;transition:none!important}.tpu-electric .tpu-electric__motion {display:none}}

.tpu-bfcm--timer .tpu-bfcm__phase,.tpu-bfcm--timer .tpu-bfcm__offer,.tpu-bfcm--timer .tpu-bfcm__message,.tpu-bfcm--timer .tpu-bfcm__urgency {display:none}
.tpu-bfcm--timer .tpu-bfcm__clock {max-width:340px}
.tpu-bfcm--timer .tpu-bfcm__unit strong {font-size:32px}
@media(max-width:749px){.tpu-bfcm--timer .tpu-bfcm__clock {max-width:285px}.tpu-bfcm--timer .tpu-bfcm__unit strong {font-size:26px}}
.tpu-electric .tpu-electric__heading strong,.tpu-electric .tpu-electric__heading strong span {color:#fff}


.tpu-electric__frame {background:linear-gradient(#08090b,#08090b) padding-box,conic-gradient(from var(--tpu-hero-angle),#5a233f 0deg,#fc0093 80deg,#ffd5ed 130deg,#fff 170deg,#fc0093 210deg,#4666ff 225deg,#fc0093 240deg,#5a233f 360deg) border-box;box-shadow:0 12px 42px #0008,0 0 22px #fc009326}
.tpu-electric .tpu-electric__cta {background:#ea0079;position:relative;overflow:hidden}
.tpu-electric__cta::after {content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#ffffff44 49%,transparent 58%);transform:translateX(-150%);animation:tpu-detail-sweep 7s ease-in-out infinite;pointer-events:none}
.tpu-electric__phase span {animation:tpu-detail-breathe 3s ease-in-out infinite}
@keyframes tpu-detail-sweep {0%,75%{transform:translateX(-150%)}97%,100%{transform:translateX(150%)}}
@keyframes tpu-detail-breathe {0%,100%{box-shadow:0 0 6px #fc009366}50%{box-shadow:0 0 16px #fc0093aa}}
@media(prefers-reduced-motion:reduce){.tpu-electric__cta::after,.tpu-electric__phase span {animation:none}}


.tpu-electric__copy {position:relative;isolation:isolate;overflow:hidden}
.tpu-electric__copy::before,.tpu-electric__copy::after {content:'';position:absolute;z-index:-1;inset:-60%;pointer-events:none;background:linear-gradient(116deg,transparent 44%,#fc009300 47%,#fc00931a 49%,#ff85cd33 50%,#fc00931a 51%,transparent 54%);transform:translateX(-75%);animation:tpu-early-beam 7s ease-in-out infinite}
.tpu-electric__copy::after {background:linear-gradient(72deg,transparent 47%,#fc009322 49.5%,#ffffff18 50%,#fc009322 50.5%,transparent 53%);animation-delay:3s;animation-duration:9s}
.tpu-electric__badge {position:absolute;z-index:5;top:18px;right:18px;width:120px;aspect-ratio:1;transform:rotate(-7deg);filter:drop-shadow(0 7px 7px #0008) drop-shadow(0 0 12px #fc009355);animation:tpu-badge-float 8s ease-in-out infinite;pointer-events:none}
.tpu-electric__badge img {display:block;width:100%;height:auto}
.tpu-electric__badge::after {content:'';position:absolute;inset:2%;border-radius:50%;background:linear-gradient(120deg,#ffffff44,transparent 35%,transparent 65%,#0002);box-shadow:inset 0 2px 2px #ffffff88,inset 0 -4px 9px #0004;pointer-events:none}
@keyframes tpu-early-beam {0%,30%{transform:translateX(-75%);opacity:0}40%{opacity:1}72%{transform:translateX(75%);opacity:1}85%,100%{transform:translateX(75%);opacity:0}}
@keyframes tpu-badge-float {0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-3px) rotate(-5deg)}}
@media(max-width:749px){.tpu-electric__badge {top:12px;right:12px;width:86px}.tpu-electric__copy::before {animation-duration:6s}}
@media(prefers-reduced-motion:reduce){.tpu-electric__copy::before,.tpu-electric__copy::after,.tpu-electric__badge {animation:none!important}.tpu-electric__copy::before,.tpu-electric__copy::after {opacity:.25;transform:none}}

.tpu-electric__copy::before {inset:0;z-index:-1;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%20600%22%20fill%3D%22none%22%3E%3Cg%20stroke%3D%22%23fc0093%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M55%200%2082%2070%2049%20112%2098%20175%2061%20226%20100%20290%2058%20351%2091%20414%2053%20482%2086%20548%2060%20600%22%2F%3E%3Cpath%20d%3D%22M450%200%20419%2080%20452%20130%20409%20192%20447%20255%20404%20317%20448%20380%20412%20442%20452%20510%20418%20600%22%2F%3E%3Cpath%20d%3D%22m98%20175%2042%2023-16%2043%2044%2026M409%20192l-43%2030%2013%2044-40%2027M58%20351l-27%2022%2010%2040M448%20380l28%2024-14%2038%22%20stroke-width%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;transform:none;opacity:.8;filter:drop-shadow(0 0 5px #fc0093) drop-shadow(0 0 15px #fc0093);animation:tpu-pink-strike 1.1s ease-out infinite}
.tpu-electric__copy::after {inset:0;z-index:-1;background:linear-gradient(180deg,transparent 40%,#fc00930a 46%,#fc009345 49%,#ffb5e57a 50%,#fc009345 51%,transparent 58%);background-size:100% 200%;transform:none;opacity:.7;animation:tpu-pink-travel 1.1s ease-in-out infinite alternate;animation-delay:0s}
@keyframes tpu-pink-strike {0%{opacity:.95}22%{opacity:.65}55%{opacity:.38}100%{opacity:.38}}
@keyframes tpu-pink-travel {from{background-position:50% 160%;opacity:.5}to{background-position:50% -60%;opacity:.85}}
@media(max-width:749px){.tpu-electric__copy::before,.tpu-electric__copy::after {animation-duration:1.1s}}
@media(prefers-reduced-motion:reduce){.tpu-electric__copy::before {animation:none!important;opacity:.18;transform:none}.tpu-electric__copy::after {animation:none!important;opacity:.12;background-position:center;transform:none}}
.tpu-electric--still .tpu-electric__copy::before,.tpu-electric--still .tpu-electric__copy::after {animation:none!important;opacity:.15}

.tpu-electric__copy {background:#08090b}
.tpu-electric__copy::before {inset:-6%;background:url("/cdn/shop/files/TPU_pink_lights_reference.png?v=1793685989") center/cover no-repeat;filter:grayscale(1) contrast(1.15) brightness(1.15);opacity:.65;transform:none;animation:tpu-stage-drift 2.2s ease-in-out infinite alternate}
.tpu-electric__copy::after {inset:0;background:linear-gradient(180deg,#08090b99,#08090b66 45%,#08090bcc),linear-gradient(#fc0093,#fc0093);background-blend-mode:normal;mix-blend-mode:multiply;opacity:1;transform:none;animation:none}
.tpu-electric__copy> * {position:relative;z-index:1}
@keyframes tpu-stage-drift {0%{transform:translateY(-3%) scale(1.04);opacity:.45}50%{opacity:.7}100%{transform:translateY(3%) scale(1.08);opacity:.5}}
@media(prefers-reduced-motion:reduce){.tpu-electric__copy::before {animation:none!important;transform:none;opacity:.5}}

.tpu-electric__picture,.tpu-electric--black .tpu-electric__picture,.tpu-electric--cyber .tpu-electric__picture {aspect-ratio:auto;margin:10px}
.tpu-electric__image {height:auto;object-fit:contain;object-position:center;animation:none;transform:none}
.tpu-electric__frame::after {content:'';position:absolute;inset:5px;z-index:2;pointer-events:none;border-radius:4px;background:#fc0093;mask:url("/cdn/shop/files/TPU_pink_lights_reference.png?v=1793685989") center/cover no-repeat;mask-mode:luminance;mix-blend-mode:screen;opacity:.1;animation:tpu-picture-lights 2.2s ease-in-out infinite alternate}
@keyframes tpu-picture-lights {0%{transform:translateY(-2%);opacity:.07}50%{opacity:.14}100%{transform:translateY(2%);opacity:.09}}
@media(prefers-reduced-motion:reduce){.tpu-electric__frame::after {animation:none;opacity:.08;transform:none}}
.tpu-electric--still::after,.tpu-electric--still .tpu-electric__frame::after {animation:none;opacity:.08}

.tpu-electric__sweep {display:none}
.tpu-electric .tpu-electric__cta {animation:tpu-cta-candle 3.4s ease-in-out infinite;box-shadow:0 0 12px #ffffff55,0 0 28px #fc009366}
@keyframes tpu-cta-candle {0%,100%{box-shadow:0 0 9px #ffffff44,0 0 24px #fc009366}18%{box-shadow:0 0 15px #ffffff88,0 0 34px #fc009377}23%{box-shadow:0 0 10px #ffffff55,0 0 25px #fc009366}48%{box-shadow:0 0 18px #ffffff99,0 0 38px #fc009388}54%{box-shadow:0 0 12px #ffffff66,0 0 30px #fc009377}78%{box-shadow:0 0 16px #ffffff88,0 0 34px #fc009377}}
@media(prefers-reduced-motion:reduce){.tpu-electric .tpu-electric__cta {animation:none}}

.tpu-electric .tpu-electric__phase {font-size:20px;letter-spacing:1.6px;white-space:nowrap;line-height:1.3;margin-bottom:20px;animation:tpu-access-neon 2.8s linear infinite}
.tpu-electric__phase span {display:none}
.tpu-electric__copy {container-type:inline-size}
.tpu-electric .tpu-electric__message {max-width:none;white-space:nowrap;text-wrap:nowrap;font-size:clamp(11px,3cqw,15px);letter-spacing:-.35px;line-height:1.5;margin-bottom:10px}
.tpu-electric .tpu-electric__urgency {max-width:none;white-space:nowrap;text-wrap:nowrap;font-size:clamp(10px,2.7cqw,13px);letter-spacing:0;line-height:1.5;margin-bottom:24px}
@keyframes tpu-access-neon {0%,14%,18%,22%,62%,66%,100%{opacity:1;text-shadow:0 0 5px #fff7,0 0 12px #fc0093,0 0 23px #fc009399}15%,19%,63%{opacity:.5;text-shadow:none}16%,20%,64%{opacity:1;text-shadow:0 0 7px #fff,0 0 20px #fc0093}}
@media(max-width:749px){.tpu-electric .tpu-electric__phase {font-size:18px;letter-spacing:1.3px;margin-bottom:15px}.tpu-electric .tpu-electric__message {font-size:clamp(10px,3.4cqw,13px);letter-spacing:-.4px;margin-bottom:9px}.tpu-electric .tpu-electric__urgency {font-size:clamp(10px,3.1cqw,12px);letter-spacing:-.15px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.tpu-electric .tpu-electric__phase {animation:none;text-shadow:0 0 10px #fc009388}}

.tpu-electric__phase-stack {margin:0 0 14px}
.tpu-electric .tpu-electric__phase-stack .tpu-electric__phase {margin:0;line-height:1.25}
.tpu-electric .tpu-electric__phase-stack .tpu-electric__phase + .tpu-electric__phase {margin-top:3px}
@media(max-width:749px){.tpu-electric__phase-stack {margin-bottom:12px}.tpu-electric .tpu-electric__phase-stack .tpu-electric__phase {margin-bottom:0;line-height:1.25}}
