:root{color:#f5f5f5;font-synthesis:none;text-rendering:optimizelegibility;background:#050505;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#viewer-app,.viewer-stage{width:100%;height:100%;margin:0}body{overflow:hidden}.viewer-stage{position:fixed;inset:0}.viewer-stage canvas{width:100%;height:100%;display:block}.viewer-vignette{--vignette-inner:48%;--vignette-middle:62%;z-index:24;visibility:hidden;pointer-events:none;background:radial-gradient(ellipse at center, transparent 0 var(--vignette-inner), #0000005c var(--vignette-middle), #000 100%);opacity:0;transition:opacity .35s,visibility .35s;position:fixed;inset:0}.viewer-vignette.is-visible{visibility:visible}.viewer-header{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:32px;width:min(760px,100vw - 390px);padding:28px 32px;display:flex;position:fixed;top:0;left:0}.viewer-eyebrow{color:#ff6b2c;letter-spacing:.18em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:700}.viewer-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(26px,3vw,48px);font-weight:550;line-height:1}.viewer-stats{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.viewer-stats span{color:#ffffffad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;background:#0a0a0a8f;border:1px solid #ffffff1a;border-radius:999px;padding:7px 10px;font-size:11px}.viewer-help{z-index:10;color:#ffffff7a;pointer-events:none;font-size:11px;position:fixed;bottom:20px;left:24px}.viewer-progress{z-index:20;color:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080808bf;border:1px solid #ffffff21;border-radius:999px;max-width:min(520px,100vw - 48px);padding:12px 16px;font-size:12px;transition:opacity .18s,visibility .18s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.viewer-progress.is-hidden{visibility:hidden;opacity:0}.relay-audio-start{z-index:1000;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;width:100%;height:100%;font:inherit;letter-spacing:.02em;background:radial-gradient(circle,#2018149e,#040404eb);border:0;place-content:center;gap:7px;display:grid;position:fixed;inset:0}.relay-audio-start span{font-size:clamp(20px,3vw,34px);font-weight:600}html[lang=ru] .viewer-progress:before{content:"POWERBOX · ЗАГРУЗКА СЦЕНЫ"}.relay-audio-start small{color:#ffffff94;letter-spacing:.15em;text-transform:uppercase;font-size:12px}.lil-gui.root{--background-color:#0c0c0cdb;--widget-color:#ffffff14;--hover-color:#ffffff21;--focus-color:#ff6b2c80;--text-color:#ffffffdb;--number-color:#ff8a56;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}@media (max-width:760px){.viewer-header{width:calc(100vw - 20px);padding:18px}.viewer-stats,.viewer-help{display:none}.lil-gui.root{max-height:55vh;overflow-y:auto}}.viewer-stage canvas{opacity:1;transition:opacity .42s}.viewer-stage canvas.is-loading{opacity:0}.viewer-progress{z-index:100;color:#ffffffc7;background:#050505;border:0;border-radius:0;place-items:center;width:100%;max-width:none;height:100%;padding:32px;transition:opacity .42s,visibility .42s;display:grid;inset:0 0 auto;transform:none}.viewer-progress:before{content:"POWERBOX · LOADING SCENE";color:#ff6b2c;letter-spacing:.18em;font-size:11px;font-weight:700;position:absolute;top:calc(50% - 48px);left:50%;transform:translate(-50%)}.viewer-progress:after{content:"";background:linear-gradient(90deg,#ff6b2c 0 35%,#ffffff1f 35% 100%) 0 0/280% 100%;width:min(420px,100vw - 48px);height:2px;animation:1.2s linear infinite powerbox-loader;position:absolute;top:calc(50% + 36px);left:50%;transform:translate(-50%)}@keyframes powerbox-loader{0%{background-position:100% 0}to{background-position:-100% 0}}.presentation-story-preview{z-index:5;pointer-events:none;width:100%;position:relative}.presentation-story-preview[hidden]{display:none}.presentation-story-section{align-items:center;min-height:100svh;padding:clamp(24px,6vw,96px) clamp(20px,7vw,120px);display:flex}.presentation-story-section:nth-child(2n){justify-content:flex-end}.presentation-story-copy{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#060606c2,#0606063d);border:1px solid #ffffff17;border-radius:24px;width:min(570px,100vw - 48px);padding:clamp(22px,3vw,42px)}.presentation-story-index,.presentation-story-eyebrow{color:#ff6b2c;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:700}.presentation-story-index{color:#ffffff61}.presentation-story-copy h2{letter-spacing:-.052em;margin:0;font-size:clamp(36px,5.5vw,84px);font-weight:560;line-height:.96}.presentation-story-body{color:#ffffff9e;max-width:500px;margin:24px 0 0;font-size:clamp(16px,1.5vw,21px);line-height:1.5}.presentation-story-preview.hide-story-text .presentation-story-copy{visibility:hidden}body.presentation-story-mode{height:auto;overflow:hidden auto}body.presentation-story-mode .viewer-header,body.presentation-story-mode .viewer-help{opacity:0}body.presentation-story-mode .viewer-stage{position:fixed}@media (max-width:760px){.presentation-story-section,.presentation-story-section:nth-child(2n){justify-content:flex-start;align-items:flex-end;padding:20px 20px 54px}.presentation-story-copy{border-radius:18px;padding:20px}}html.presentation-story-mode,body.presentation-story-mode{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;min-height:100%;overflow:hidden auto;height:auto!important}html.presentation-story-mode{scroll-snap-type:y mandatory}body.presentation-story-mode .presentation-story-preview{pointer-events:auto;touch-action:pan-y}body.presentation-story-mode .presentation-story-section{touch-action:pan-y;scroll-snap-align:start;scroll-snap-stop:always}body.presentation-story-mode .viewer-stage canvas{pointer-events:auto;touch-action:none!important}html.presentation-story-mode,body.presentation-story-mode{overscroll-behavior:none;width:100%;overflow:hidden;height:100%!important}.presentation-overlay{z-index:30;pointer-events:none;display:none;position:fixed;inset:0}.presentation-overlay.is-visible{display:block}.presentation-scenes,.presentation-scene{position:absolute;inset:0}.presentation-scene{visibility:hidden;opacity:0;color:#fff;transition:opacity .4s,visibility .4s}.presentation-scene.is-active{visibility:visible;opacity:1}.presentation-overlay.is-text-hidden .presentation-scenes{opacity:0}.presentation-overlay.is-editor .presentation-scenes{display:none}.presentation-scene h1,.presentation-scene h2,.presentation-scene p{margin:0}.presentation-scene h1{letter-spacing:-.065em;font-size:clamp(36px,4vw,66px);font-weight:760;line-height:.9}.presentation-scene h2{letter-spacing:-.055em;font-size:clamp(24px,2.4vw,38px);font-weight:620;line-height:1}.presentation-scene h1,.presentation-scene h2>span,.presentation-scene .scene-description,.presentation-scene .scene-footer,.scene-control-copy p{color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(105deg,#fff 0% 38%,#777 70%,#f7f7f7 100%);-webkit-background-clip:text;background-clip:text}.presentation-scene strong{color:#0000;font-weight:inherit;-webkit-text-fill-color:transparent;background-image:linear-gradient(110deg,#0700d9 0%,#2117ff 48%,#786fff 100%);-webkit-background-clip:text;background-clip:text}.presentation-scene .scene-description,.presentation-scene .scene-footer{letter-spacing:-.04em;font-size:clamp(16px,1.45vw,23px);font-weight:580;line-height:1.14}.presentation-scene.is-active h1{animation:.72s cubic-bezier(.2,.8,.2,1) both story-enter-down}.presentation-scene.is-active h2{animation:.72s .1s both story-enter-fade}.presentation-scene.is-active .scene-description{animation:.72s cubic-bezier(.2,.8,.2,1) .2s both story-enter-side}.presentation-scene.is-active .scene-footer,.presentation-scene.is-active nav{animation:.72s cubic-bezier(.2,.8,.2,1) .32s both story-enter-up}@keyframes story-enter-down{0%{opacity:0;transform:translateY(-28px)}}@keyframes story-enter-up{0%{opacity:0;transform:translateY(28px)}}@keyframes story-enter-side{0%{opacity:0;transform:translate(36px)}}@keyframes story-enter-fade{0%{opacity:0;filter:blur(12px)}}.scene-hero h1{white-space:nowrap;position:absolute;top:4.2%;left:50%;transform:translate(-50%)}.scene-hero h2{white-space:nowrap;position:absolute;top:36%;left:50%;transform:translate(-50%)}.scene-hero .scene-description{text-align:right;background-image:linear-gradient(90deg,#555 0%,#aaa 28%,#fff 62%,#777 100%);width:min(39vw,500px);position:absolute;bottom:4.8%;right:4.5%}.scene-scroll-cue{gap:16px;display:grid;position:absolute;bottom:4%;left:2%}.scene-scroll-cue span{background:#fff;width:2px;height:48vh;max-height:310px;position:relative}.scene-scroll-cue span:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:9px;height:9px;position:absolute;bottom:0;left:-5px;transform:rotate(45deg)}.scene-scroll-cue p{font-size:17px;font-weight:620}.scene-problem header,.scene-reliability header{text-align:right;position:absolute;top:4%;right:3%}.scene-problem .scene-description{text-align:right;width:min(42vw,540px);position:absolute;top:36%;right:3%}.scene-problem .scene-footer{background-image:linear-gradient(90deg,#fff 0%,#aaa 55%,#fff 100%);position:absolute;bottom:3%;right:3%}.scene-control h1{position:absolute;top:4%;left:3%}.scene-control-copy{width:min(31vw,390px);position:absolute;bottom:4%;left:3%}.scene-control-copy h2{margin-bottom:32px}.scene-control-copy p{letter-spacing:-.04em;background-image:linear-gradient(95deg,#fff 0% 45%,#777 78%,#fff 100%);font-size:clamp(15px,1.35vw,21px);font-weight:600;line-height:1.14}.scene-control .scene-footer{background-image:linear-gradient(90deg,#0900d9,#554aff);position:absolute;bottom:3%;right:3%}.scene-reliability .scene-description{text-align:right;width:min(35vw,450px);position:absolute;bottom:4%;right:3%}.scene-reliability .scene-footer{background-image:linear-gradient(90deg,#fff 0% 52%,#777 80%,#fff 100%);position:absolute;bottom:4%;left:3%}.scene-contact h1{position:absolute;top:4%;left:2.2%}.scene-contact h2{position:absolute;top:12%;left:2.2%}.scene-contact .scene-description{width:min(34vw,430px);position:absolute;top:31%;left:2.2%}.scene-contact nav{pointer-events:auto;gap:22px;width:240px;display:grid;position:absolute;top:49%;left:2.2%}.scene-contact a,.live-patterns button,.live-channels button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:4px solid #ffffffd9;border-radius:999px;place-items:center;min-height:44px;text-decoration:none;transition:color .2s,background .2s,border-color .2s,transform .2s;display:grid}.scene-contact a:hover{color:#1710ff;transform:translate(5px)}.scene-channels{pointer-events:none}.scene-channels h1{letter-spacing:-.055em;text-shadow:none;font-size:clamp(24px,2.4vw,38px);font-weight:620;line-height:1;position:absolute;top:4%;left:50%;transform:translate(-50%)}.live-patterns{pointer-events:auto;gap:20px;width:238px;display:grid;position:absolute;top:29%;left:2.7%}.live-patterns button{min-height:43px;font:inherit;border-width:4px;border-color:#ffffff2e;font-size:17px}.live-patterns button.is-active{color:#090909;background:#fff;border-color:#fff}.live-channels{pointer-events:auto;grid-template-columns:repeat(4,52px);gap:8px 10px;display:grid;position:absolute;top:58%;left:2.7%}.live-channels button{min-height:52px;font:inherit;border-color:#ffffff2e;border-radius:10px;padding:0;font-size:17px}.live-channels button.is-active{color:#090909;background:#fff;border-color:#fff}.live-sliders{pointer-events:auto;gap:18px;width:220px;display:grid;position:absolute;top:29%;right:2.7%}.live-sliders label{height:44px;position:relative}.live-sliders label>span{z-index:2;pointer-events:none;place-items:center;font-size:16px;display:grid;position:absolute;inset:0}.live-sliders label b{font:inherit;font-weight:inherit}.live-sliders input{appearance:none;background:linear-gradient(90deg, #ffffffa6 0 var(--range-progress), transparent var(--range-progress));border:4px solid #ffffffd9;border-radius:999px;width:100%;height:44px;margin:0}.live-sliders input::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:30px;height:30px;box-shadow:0 0 12px #ffffffe6}.live-sliders input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:30px;height:30px;box-shadow:0 0 12px #ffffffe6}.presentation-dots{pointer-events:auto;gap:10px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.presentation-dots button{background:#ffffff47;border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:background .18s,transform .18s}.presentation-dots button.is-active{background:#1710ff;transform:scale(1.45)}body.presentation-story-mode .viewer-header,body.presentation-story-mode .viewer-help,body.presentation-story-mode>.lil-gui{display:none!important}@media (max-width:760px),(pointer:coarse){.presentation-scene h1{font-size:clamp(28px,9vw,46px)}.presentation-scene h2{font-size:clamp(21px,6vw,30px)}.presentation-scene .scene-description,.presentation-scene .scene-footer{font-size:15px}.scene-hero h1{white-space:normal;text-align:center;max-width:92%;top:6%}.scene-hero h2{white-space:normal;text-align:center;width:90%;top:24%}.scene-hero .scene-description{width:76%;bottom:9%;right:6%}.scene-scroll-cue{bottom:8%;left:6%}.scene-scroll-cue span{height:28vh}.scene-scroll-cue p{display:none}.scene-problem header,.scene-reliability header{max-width:90%;top:7%;right:5%}.scene-problem .scene-description{width:78%;top:27%;right:5%}.scene-problem .scene-footer{text-align:right;max-width:80%;bottom:8%;right:5%}.scene-control h1{top:7%;left:5%}.scene-control-copy{width:76%;bottom:10%;left:5%}.scene-control-copy h2{margin-bottom:18px}.scene-control .scene-footer{font-size:11px;bottom:4%;right:5%}.scene-reliability .scene-description{width:76%;bottom:12%;right:5%}.scene-reliability .scene-footer{bottom:5%;left:5%}.scene-contact h1{top:7%;left:5%}.scene-contact h2{width:90%;top:15%;left:5%}.scene-contact .scene-description{width:78%;top:28%;left:5%}.scene-contact nav{width:230px;top:auto;bottom:11%;left:5%}.scene-channels h1{top:5%}.live-patterns{gap:10px;width:42%;top:19%;left:5%}.live-patterns button{min-height:38px;font-size:14px}.live-channels{grid-template-columns:repeat(4,42px);gap:7px;top:43%;left:5%}.live-channels button{min-height:42px;font-size:13px}.live-sliders{gap:8px;width:55%;top:auto;bottom:10%;right:5%}.live-sliders label,.live-sliders input{height:36px}.live-sliders label>span{font-size:12px}.live-sliders input::-webkit-slider-thumb{width:24px;height:24px}.presentation-dots{bottom:18px}body.presentation-story-mode .viewer-stage canvas{touch-action:none!important}}
