.shock-scope{--background:#000;--foreground:#f5f5f5;--primary:#fc0;--primary-foreground:#000;--muted-foreground:#b0b0b0;--border:#474747;--shock-font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--shock-font-sans:"Barlow", system-ui, sans-serif;color:#f5f5f5;background:#000}.shock-scope.shock-hero{width:100%;overflow:hidden}.shock-scope .shock-hero-inner{grid-template-columns:.92fr 1.08fr;align-items:center;max-width:1440px;min-height:780px;margin:0 auto;padding:30px 64px;display:grid}.shock-scope .shock-copy{z-index:4;padding:32px 0;position:relative}.shock-scope .shock-copy h2{font-family:var(--shock-font-display);text-transform:uppercase;margin:0;font-size:94px;font-weight:600;line-height:.99}.shock-scope .shock-copy h2 span{color:var(--primary)}.shock-scope .shock-copy p{max-width:365px;color:var(--muted-foreground);margin:30px 0;font-size:16px;line-height:1.8}.shock-scope .shock-button{background:var(--primary);color:var(--primary-foreground);border-radius:2px;gap:25px;height:48px;padding-inline:23px;font-size:14px;font-weight:600}.shock-scope .shock-button:hover{background:var(--foreground)}.shock-scope .shock-button svg{width:18px;height:18px}.shock-scope .shock-visual{min-width:0;height:720px;position:relative}.shock-scope .shock-static{object-fit:contain;width:100%;height:calc(100% - 45px);transition:opacity .6s;position:absolute;inset:25px 0 20px}.shock-scope .shock-visual-ready .shock-static{opacity:0}.shock-scope .shock-canvas{opacity:0;transition:opacity .6s;inset:30px 0 35px;touch-action:pan-y!important;width:100%!important;height:calc(100% - 65px)!important;position:absolute!important}.shock-scope .shock-canvas canvas{touch-action:pan-y!important}.shock-scope .shock-visual-ready .shock-canvas{opacity:1}.shock-scope .shock-spec{z-index:4;justify-content:space-between;align-items:baseline;display:flex;position:absolute;inset:3px 15px auto}.shock-scope .shock-spec span:first-child{font-family:var(--shock-font-display);font-size:24px;font-weight:700}.shock-scope .shock-spec span:last-child{color:var(--muted-foreground);font-size:10px}.shock-scope .shock-share{justify-content:center;margin-top:8px;display:flex}.shock-share-menu{font-size:16px}.shock-scope .tech-tabs-list{border-bottom:1px solid var(--border);background:0 0;border-radius:0;gap:24px;height:auto;padding:0}.shock-scope .tech-tab{color:var(--muted-foreground);border:0;border-bottom:2px solid #0000;border-radius:0;padding:10px 2px;font-size:18px;box-shadow:none!important;background:0 0!important}.shock-scope .tech-tab[data-state=active]{color:var(--primary);border-bottom-color:var(--primary)}@media (width>=768px) and (width<=1023px){.shock-scope .shock-hero-inner{grid-template-columns:.9fr 1.1fr;min-height:700px;padding-inline:35px}.shock-scope .shock-copy h2{font-size:72px}.shock-scope .shock-visual{height:650px}}@media (width<=767px),(height<=500px) and (orientation:landscape){.shock-scope .shock-hero-inner{grid-template-columns:1fr;min-height:0;padding:42px 24px 25px}.shock-scope .shock-copy{padding:0}.shock-scope .shock-copy h2{font-size:68px;line-height:.98}.shock-scope .shock-copy p{margin:23px 0 25px;font-size:14px}.shock-scope .shock-visual{height:540px;margin-top:42px}.shock-scope .shock-spec{inset-inline:0}}@media (width<=359px){.shock-scope .shock-copy h2{font-size:59px}}@media (prefers-reduced-motion:reduce){.shock-scope .shock-static,.shock-scope .shock-canvas{transition:none}}.shock-scope .shock-label{white-space:nowrap;border-bottom:1px solid var(--muted-foreground);color:var(--foreground);font-family:var(--shock-font-sans);opacity:1;background:0 0;border-radius:0;padding:3px 0;font-size:10px;line-height:1.3;animation:none;display:block;position:absolute;top:0;left:0}.shock-scope .shock-label-anchor{z-index:5;pointer-events:none;position:absolute;inset:0}.shock-scope .shock-label-anchor[hidden]{display:none}.shock-scope .shock-label-leader{width:100%;height:100%;color:var(--muted-foreground);position:absolute;inset:0;overflow:visible}.shock-scope .shock-label-leader polyline{fill:none;stroke:currentColor;stroke-width:.65px}.shock-scope .shock-label-leader circle{fill:var(--primary)}.shock-scope .shock-label.shock-label-highlight{color:var(--primary);border-bottom-color:var(--primary)}@media (width<=767px),(height<=500px) and (orientation:landscape){.shock-scope .shock-label{padding:3px 0;font-size:9px}}.shock-scope .shock-play-again{z-index:3;background:var(--primary);min-height:48px;color:var(--primary-foreground);border-radius:999px;padding:0 22px;font-size:18px;font-weight:700;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.shock-experience{position:absolute;inset:30px 0 0}.shock-experience .shock-canvas{inset:0;height:calc(100% - 65px)!important}.shock-main-view{position:absolute;inset:0 0 70px}.shock-main-view .shock-canvas{height:100%!important}.shock-experience[data-model=remote] .shock-main-view{transition:opacity .22s}.shock-main-view[data-fading=true]{opacity:0}@media (prefers-reduced-motion:reduce){.shock-experience[data-model=remote] .shock-main-view{transition:none}}.shock-zoom{z-index:5;width:35%;max-width:320px;margin:0;position:absolute;top:39%;right:0}.shock-zoom-circle{aspect-ratio:1;border:1px solid var(--primary);background:var(--background);border-radius:50%;width:100%;overflow:hidden}.shock-zoom-circle>div{width:100%!important;height:100%!important}.shock-zoom figcaption{color:var(--muted-foreground);text-align:center;min-height:34px;margin-top:10px;font-size:11px;line-height:1.5}.shock-zoom[data-highlight=true]{filter:drop-shadow(0 0 6px var(--primary))}.shock-connector{pointer-events:none;z-index:4;width:100%;height:calc(100% - 70px);color:var(--primary);position:absolute;inset:0;overflow:visible}.shock-connector line{stroke:currentColor;stroke-width:.7px}.shock-controls{z-index:6;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:auto 0 0}.shock-speed-group{border-bottom:1px solid var(--border);display:flex}.shock-control{color:var(--muted-foreground);background:0 0;border-radius:2px;padding-inline:9px;font-size:11px}.shock-control:hover{color:var(--foreground);background:var(--shock-satin)}.shock-control[aria-pressed=true]{color:var(--primary);border-bottom:1px solid var(--primary)}.shock-replay{flex-basis:100%;height:24px;font-size:11px}.shock-walkthrough{text-align:center;color:var(--primary);z-index:6;pointer-events:none;font-size:12px;position:absolute;top:38px;left:0;right:0}.shock-walkthrough span{color:var(--muted-foreground);margin-right:12px}.shock-label-highlight{color:var(--primary);border-bottom:1px solid var(--primary);animation:none}.shock-drag-handle{border:1px solid var(--primary);width:20%;height:14%;color:var(--primary);cursor:ns-resize;touch-action:none;z-index:6;background:0 0;border-radius:4px;position:absolute;top:9%;left:49%}.shock-drag-handle:hover{background:var(--shock-label-bg)}.shock-experience[data-manual=true] .shock-main-view{cursor:ns-resize}@media (width<=767px),(height<=500px) and (orientation:landscape){.shock-visual:has(.shock-experience){height:1020px}.shock-main-view{height:515px;inset:0 0 auto}.shock-zoom{width:100%;max-width:320px;top:535px;left:50%;right:auto;transform:translate(-50%)}.shock-connector{height:515px}.shock-controls{bottom:0}.shock-walkthrough{top:25px}.shock-drag-handle{left:48%}}.shock-label-toggle{display:none}@media (width<=767px),(height<=500px) and (orientation:landscape){.shock-label-toggle{display:inline-flex}}@media (height<=500px) and (orientation:landscape){.shock-experience{--shock-main-height:min(540px, calc(100svh - 24px))}.shock-main-view{height:var(--shock-main-height)}.shock-zoom{top:calc(var(--shock-main-height) + 20px)}.shock-connector{height:var(--shock-main-height)}}