:root{--ink:#0d0e0d;--paper:#eee7dc;--acid:#c8d72e;--orange:#ff6b2c;--line:rgba(13,14,13,.22);--mono:"IBM Plex Mono",monospace;--sans:"DM Sans",sans-serif;--display:"Archivo Black",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}
.shell{width:min(1180px,calc(100% - 40px));margin:auto}
.ticker{height:34px;background:var(--ink);color:var(--acid);font:600 12px/34px var(--mono);letter-spacing:.09em;white-space:nowrap;overflow:hidden}
.ticker div{animation:marquee 24s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}
}
.nav{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand img{display:block;width:132px;height:70px;object-fit:contain}
.nav nav{display:flex;gap:32px}
.nav a{color:inherit;text-decoration:none;font-weight:500}
.pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:999px;padding:14px 21px;text-decoration:none;color:var(--ink);font:600 13px var(--mono);text-transform:uppercase;letter-spacing:.04em;transition:.2s}
.pill:hover{transform:translateY(-2px);box-shadow:4px 4px 0 var(--ink)}
.pill-dark{background:var(--ink);color:white}
.pill-acid{background:var(--acid)}
.pill-light{background:var(--paper)}
.hero{min-height:720px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:60px}
.hero>*{min-width:0}
.eyebrow{font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.hero h1,.section-intro h2,.chapter h2,.manifesto h2,.faq h2{font-family:var(--display);text-transform:uppercase;line-height:.88;letter-spacing:-.055em;margin:.18em 0}
.hero h1{font-size:clamp(64px,9vw,132px)}
.hero-copy{min-width:0}
html[lang="ru"] .hero{grid-template-columns:minmax(0,1fr) 460px;gap:48px}
html[lang="ru"] .hero h1{font-size:clamp(62px,6.1vw,96px)}
.hero h1 span{color:transparent;-webkit-text-stroke:2px var(--ink)}
.lede{max-width:630px;font-size:21px;line-height:1.45}
.actions{display:flex;align-items:center;gap:28px;margin-top:34px}
.text-link{color:inherit;font-weight:600}
.hero-orbit{height:470px;position:relative;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:var(--acid);overflow:hidden}
.hero-orbit p{font:600 26px/1 var(--mono);text-align:center;z-index:3}
.orbit-lines{position:absolute;inset:10%;border:2px solid var(--ink);border-radius:50%;box-shadow:0 0 0 24px var(--acid),0 0 0 26px var(--ink),0 0 0 50px var(--acid),0 0 0 52px var(--ink)}
.plug{position:absolute;background:var(--ink);color:var(--paper);padding:9px 14px;font:12px var(--mono);z-index:4}
.plug-a{left:3%;top:46%}
.plug-b{right:3%;top:46%}
.pulse{width:12px;height:12px;background:var(--orange);border-radius:50%;position:absolute;animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 90px rgba(255,107,44,.16)}
}
.route-wrap{background:var(--ink);color:var(--paper);padding:110px 0}
.section-intro{display:flex;align-items:end;justify-content:space-between}
.section-intro h2{font-size:clamp(56px,8vw,108px)}
.routes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:70px}
.route{min-width:0;min-height:430px;padding:28px;border:1px solid rgba(255,255,255,.32);color:inherit;text-decoration:none;display:flex;flex-direction:column;transition:.25s}
.route:hover{transform:translateY(-8px)}
.route>span{font:12px var(--mono)}
.route h3{font:clamp(32px,3.8vw,55px)/.9 var(--display);text-transform:uppercase;margin:auto 0 25px;letter-spacing:-.05em}
.route-two h3{font-size:clamp(30px,3vw,44px)}
.route p{font-size:17px;line-height:1.45}
.route b{margin-top:24px;font:600 13px var(--mono);text-transform:uppercase}
.route-one{background:var(--acid);color:var(--ink)}
.route-two{background:var(--orange);color:var(--ink)}
.route-three{background:#2c4c42}
.mastering{padding:130px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}
.chapter>span,.product-copy>span{font:600 12px var(--mono);letter-spacing:.12em}
.chapter h2{font-size:clamp(58px,7vw,96px)}
.chapter p{font-size:18px;line-height:1.55;margin-bottom:30px}
.meter-card{background:var(--ink);color:var(--paper);border-radius:150px 150px 28px 28px;padding:60px 42px 34px}
.meter-head,.spec{display:flex;justify-content:space-between;font:11px var(--mono)}
.wave{height:250px;margin:30px 0;background:repeating-linear-gradient(90deg,var(--acid) 0 3px,transparent 3px 10px);clip-path:polygon(0 48%,4% 38%,8% 62%,13% 25%,18% 73%,23% 46%,28% 56%,32% 18%,37% 78%,42% 35%,47% 64%,52% 10%,57% 88%,62% 40%,67% 58%,72% 24%,77% 76%,82% 43%,87% 55%,92% 32%,96% 67%,100% 49%,100% 51%,96% 70%,92% 35%,87% 58%,82% 46%,77% 79%,72% 27%,67% 61%,62% 43%,57% 91%,52% 13%,47% 67%,42% 38%,37% 81%,32% 21%,28% 59%,23% 49%,18% 76%,13% 28%,8% 65%,4% 41%,0 52%)}
.spec{gap:10px;flex-wrap:wrap}
.distribution{background:var(--acid);padding:130px 0}
.distribution-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.distribution-grid>*{min-width:0}
.platform-cloud{min-height:580px;position:relative;border-radius:50%;border:2px solid var(--ink);background:var(--paper);animation:spinBorder 16s linear infinite}
.platform-cloud:after,.platform-cloud:before{content:"";position:absolute;inset:12%;border:1px solid var(--ink);border-radius:50%}
.platform-cloud:after{inset:25%}
.platform-cloud i{position:absolute;background:var(--ink);color:var(--paper);padding:13px 17px;font:normal 12px var(--mono);border-radius:99px}
.platform-cloud i:nth-child(1){top:7%;left:42%}
.platform-cloud i:nth-child(2){top:29%;right:0}
.platform-cloud i:nth-child(3){bottom:12%;right:15%}
.platform-cloud i:nth-child(4){bottom:13%;left:10%}
.platform-cloud i:nth-child(5){top:31%;left:-2%}
.platform-cloud i:nth-child(6){top:48%;left:42%;background:var(--orange)}
.platform-cloud{border-radius:10px;border-color:#070807;background:radial-gradient(circle,#cbc6ba 0 24%,#272826 24.5% 25%,#bbb6a9 25.5% 40%,#222320 40.5% 41%,#96958d 41.5% 55%,#1a1b19 55.5%);box-shadow:inset 0 0 0 8px #51524e,14px 14px 0 var(--orange);animation:none;overflow:hidden}
.platform-cloud:after{box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.platform-cloud i{border-radius:2px;border:1px solid #aaa;box-shadow:3px 3px 0 var(--acid);z-index:3}
.chapter ol{list-style:none;padding:0;margin:34px 0}
.chapter li{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid var(--ink)}
.chapter li em{font:normal 12px var(--mono)}
.portfolio{background:var(--paper);padding:130px 0;border-bottom:1px solid var(--ink)}
.portfolio-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.portfolio-head>*{min-width:0}
.portfolio-head h2{font:clamp(58px,8vw,112px)/.88 var(--display);letter-spacing:-.055em;text-transform:uppercase;margin:.18em 0 0}
.portfolio-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink)}
.portfolio-stats span{padding:25px 16px;border-right:1px solid var(--ink);font:11px var(--mono);text-transform:uppercase}
.portfolio-stats span:last-child{border-right:0}
.portfolio-stats b{display:block;font:42px var(--display);margin-bottom:8px}
.portfolio-filters{display:flex;gap:8px;margin-top:70px;margin-bottom:24px;flex-wrap:wrap}
.portfolio-filters button{border:1px solid var(--ink);background:transparent;border-radius:99px;padding:11px 16px;font:600 11px var(--mono);text-transform:uppercase;cursor:pointer}
.portfolio-filters button.active,.portfolio-filters button:hover{background:var(--ink);color:var(--paper)}
.work-list{border-top:1px solid var(--ink)}
.work{display:grid;grid-template-columns:80px 1.5fr .6fr 1fr;gap:24px;align-items:center;padding:25px 0;border-bottom:1px solid var(--ink);color:inherit;text-decoration:none;transition:.2s}
.work:hover{background:var(--acid);padding-left:16px;padding-right:16px}
.work span,.work p,.work em{font:normal 12px var(--mono)}
.work h3{font:24px/1.1 var(--display);text-transform:uppercase;margin:0}
.work p,.work em{margin:0}
.work em{text-align:right}
.portfolio-archives{display:flex;justify-content:space-between;align-items:start;margin-top:40px}
.portfolio-archives p{font:600 12px var(--mono);text-transform:uppercase}
.portfolio-archives div{display:flex;flex-direction:column;gap:9px;align-items:flex-end}
.portfolio-archives a{color:inherit;font:600 12px var(--mono);text-transform:uppercase}
.video-reel{margin-top:90px;padding-top:34px;border-top:1px solid var(--ink)}
.video-reel-head{display:grid;grid-template-columns:.6fr 1.2fr 1fr;gap:30px;align-items:start;margin-bottom:32px}
.video-reel-head h3{font:38px/.95 var(--display);letter-spacing:-.04em;margin:0}
.video-reel-head>p:last-child{font:12px/1.5 var(--mono);margin:0}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.video-card{border:1px solid var(--ink);background:var(--ink);color:var(--paper)}
.video-frame{position:relative;aspect-ratio:16/9;background:#171717;overflow:hidden}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-card>div:last-child{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:18px}
.video-card span{font:10px var(--mono);color:var(--acid)}
.video-card h4{font:20px/1 var(--display);text-transform:uppercase;text-align:right;margin:0}
.shop{padding:130px 0}
.shop-head>p{max-width:360px;font-size:18px;line-height:1.5}
.products{display:grid;grid-template-columns:1.45fr 1fr;gap:16px;margin-top:60px}
.product{min-width:0;border:1px solid var(--ink);min-height:600px;display:flex;flex-direction:column}
.product.featured{grid-row:span 2}
.product-art{background:var(--acid);min-height:360px;display:grid;place-items:center;overflow:hidden}
.featured .product-art{min-height:690px}
.product-art.dark{background:var(--ink)}
.product-art img{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 24px 18px rgba(0,0,0,.25))}
.product-copy{padding:28px}
.product-copy h3{font:34px/.95 var(--display);text-transform:uppercase;margin:14px 0}
.product-copy p{line-height:1.5}
.product-copy a{color:inherit;font:600 12px var(--mono);text-transform:uppercase}
.product-type{background:var(--orange)}
.type-art{height:380px;background:var(--ink);display:grid;place-items:center;overflow:hidden}
.type-art img{width:55%;height:88%;object-fit:contain}
.manifesto{background:var(--orange);padding:100px 0}
.manifesto .shell{position:relative}
.manifesto p{font:600 12px var(--mono)}
.manifesto h2{font-size:clamp(62px,10vw,148px);max-width:1000px}
.seal{position:absolute;right:0;top:0;width:150px;height:150px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;transform:rotate(8deg)}
.seal span{text-align:center;font:600 12px/1.3 var(--mono)}
.faq{padding:120px 0;display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}
.faq h2{font-size:66px}
.accordion details{border-top:1px solid var(--ink);padding:22px 0}
.accordion details:last-child{border-bottom:1px solid var(--ink)}
summary{list-style:none;font:600 20px var(--sans);display:flex;justify-content:space-between;cursor:pointer}
summary::-webkit-details-marker{display:none}
.accordion p{max-width:650px;line-height:1.55}
footer{background:var(--ink);color:var(--paper);padding:80px 0 24px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start}
.footer-grid img{width:220px;filter:invert(1)}
.footer-grid p{font:48px/.95 var(--display);margin:0}
.footer-grid div{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.footer-grid a{color:inherit;font:14px var(--mono)}
.footnote{display:flex;justify-content:space-between;border-top:1px solid #555;margin-top:70px;padding-top:24px;font:11px var(--mono)}
.lang-switch{display:flex;border:1px solid var(--ink);border-radius:999px;padding:3px;gap:2px;background:var(--paper)}
.lang-switch button{border:0;background:transparent;border-radius:999px;padding:7px 9px;font:600 10px var(--mono);cursor:pointer;color:var(--ink)}
.lang-switch button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.hero-poster{position:relative;overflow:hidden;border:2px solid var(--ink);background:var(--ink);aspect-ratio:1;box-shadow:18px 18px 0 var(--acid)}
.hero-poster img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.9) contrast(1.06)}
.poster-code{position:absolute;left:16px;bottom:14px;background:var(--ink);color:var(--acid);padding:7px 10px;font:600 10px var(--mono);letter-spacing:.12em}
.poster-scan,.wave-scan{position:absolute;inset:-40% 0 auto;height:35%;background:linear-gradient(180deg,transparent,rgba(225,239,0,.26),transparent);mix-blend-mode:screen;animation:scanner 5.5s linear infinite;pointer-events:none}
@keyframes scanner{to{transform:translateY(400%)}}
.future-wave{position:relative;overflow:hidden;border:1px solid #444;background:#090909;height:250px;margin:24px 0}
.future-wave img{width:100%;height:100%;object-fit:cover;filter:contrast(1.1) saturate(1.2);animation:wave-breathe 4s ease-in-out infinite alternate}
@keyframes wave-breathe{from{transform:scale(1.01);filter:contrast(1.05) saturate(1)}to{transform:scale(1.055);filter:contrast(1.25) saturate(1.45)}}
.signal-console{position:relative;aspect-ratio:4/5;max-width:520px;width:100%;justify-self:center;border:2px solid #111;background:linear-gradient(135deg,#353734,#151615 48%,#292a27);box-shadow:inset 0 0 0 8px #77756d,inset 0 0 0 10px #111,18px 18px 0 var(--acid);padding:34px;color:#e7e0d4;overflow:hidden}
.signal-console:before{content:"";position:absolute;inset:0;opacity:.15;background:repeating-linear-gradient(90deg,transparent 0 3px,#fff 4px 5px);mix-blend-mode:soft-light}
.screw{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ddd,#6d6d68 42%,#171817 48%);z-index:3}.screw:after{content:"";position:absolute;left:2px;right:2px;top:5px;border-top:1px solid #111;transform:rotate(-35deg)}
.screw-a{left:15px;top:15px}.screw-b{right:15px;top:15px}.screw-c{left:15px;bottom:15px}.screw-d{right:15px;bottom:15px}
.console-label{position:relative;z-index:2;border-bottom:1px solid #aba99f;padding:8px 12px 20px}.console-label b{display:block;color:var(--acid);font:32px/1 var(--display)}.console-label span{display:block;margin-top:8px;font:9px var(--mono);letter-spacing:.13em}
.signal-rings{position:relative;width:86%;aspect-ratio:1;margin:30px auto 18px;border:2px solid #ddd8cc;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,var(--acid) 0 20%,#222 20.5% 37%,var(--acid) 37.5% 38.5%,#222 39% 55%,#d7d1c6 55.5% 56.5%,#222 57%)}
.signal-rings:before,.signal-rings:after{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.5);border-radius:50%}.signal-rings:after{inset:28%;border-color:#111}
.signal-rings p{position:relative;z-index:3;margin:0;color:#111;text-align:center;font:700 clamp(17px,2vw,26px)/.93 var(--mono)}
.jack{position:absolute;z-index:4;top:46%;background:#0c0d0c;color:#eee7dc;border:1px solid #a7a49a;padding:9px 12px;font:600 10px var(--mono);box-shadow:3px 3px 0 var(--orange)}.jack-a{left:-5%}.jack-b{right:-5%}
.signal-light{position:absolute;z-index:4;left:50%;bottom:12%;width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 18px var(--orange);animation:pulse-led 1.8s infinite}@keyframes pulse-led{50%{opacity:.35;box-shadow:0 0 3px var(--orange)}}
.console-scale{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:9px;font:8px var(--mono);letter-spacing:.08em}.console-scale i{height:17px;border-left:1px solid #d8d2c6}.console-scale i:nth-of-type(3){height:27px;border-color:var(--acid)}
.wave-console{background:linear-gradient(#77776f,#c5c0b3 4%,#292a28 4.5% 96%,#0b0c0b 96%);border:2px solid #090a09;padding:22px 22px 16px;margin:24px 0;box-shadow:8px 8px 0 var(--acid),inset 0 0 0 5px #595a55}
.wave-readout{height:210px;position:relative;overflow:hidden;border:2px solid #0b0c0b;background:#07100d;box-shadow:inset 0 0 28px #000}
.wave-grid{position:absolute;inset:0;background:linear-gradient(rgba(200,215,46,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(200,215,46,.11) 1px,transparent 1px);background-size:22px 22px}
.wave-bars{position:absolute;inset:13% 3%;background:repeating-linear-gradient(90deg,var(--acid) 0 4px,transparent 4px 11px);clip-path:polygon(0 50%,6% 62%,12% 20%,18% 78%,24% 35%,30% 62%,36% 8%,42% 88%,48% 38%,54% 65%,60% 18%,66% 82%,72% 42%,78% 58%,84% 12%,90% 85%,96% 36%,100% 50%,100% 54%,96% 40%,90% 89%,84% 16%,78% 62%,72% 46%,66% 86%,60% 22%,54% 69%,48% 42%,42% 92%,36% 12%,30% 66%,24% 39%,18% 82%,12% 24%,6% 66%,0 54%);filter:drop-shadow(0 0 5px var(--acid));animation:scope 2.8s ease-in-out infinite alternate}@keyframes scope{to{transform:scaleY(.76) scaleX(1.02);filter:drop-shadow(0 0 10px var(--acid))}}
.wave-controls{display:flex;align-items:end;gap:18px;color:#dfdacd;margin-top:13px;font:8px var(--mono);letter-spacing:.08em}.wave-controls span:first-child{margin-right:auto}.wave-controls b{display:block;color:var(--acid);font-size:11px}
.meter-card{border-radius:0!important;box-shadow:10px 10px 0 var(--acid)}
.portfolio-count{padding-top:18px;padding-bottom:8px;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.portfolio-toggle-wrap{display:flex;justify-content:center;padding-top:34px}
.portfolio-toggle{border:1px solid var(--ink);border-radius:999px;background:var(--acid);color:var(--ink);padding:15px 24px;font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .2s,box-shadow .2s}
.portfolio-toggle:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.portfolio-toggle[aria-expanded="true"]{background:var(--paper)}
.work[hidden]{display:none!important}
.work{transition:background .2s ease,color .2s ease}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@media(max-width:850px){.nav nav{display:none}
.nav{height:86px}.lang-switch{margin-left:auto}.nav>.pill{display:none}
html[lang="ru"] .hero{grid-template-columns:1fr;gap:60px}
html[lang="ru"] .hero h1{font-size:clamp(52px,15vw,82px)}
.brand img{width:104px}
.hero{grid-template-columns:1fr;padding:80px 0}
.hero-orbit{height:330px}.hero-poster{max-width:570px;width:100%;justify-self:center}
.routes,.products,.mastering,.distribution-grid,.faq{grid-template-columns:1fr}
.section-intro{display:block}
.mastering,.distribution-grid,.faq{gap:50px}
.products .featured{grid-row:auto}
.featured .product-art{min-height:420px}
.platform-cloud{min-height:400px}
.shop-head>p{max-width:none}
.seal{position:static;margin-top:40px}
.footer-grid{grid-template-columns:1fr;gap:40px}
.portfolio-head{grid-template-columns:1fr;gap:40px}
.work{grid-template-columns:60px 1fr}
.work p{display:none}
.work em{text-align:left;grid-column:2}
.portfolio-archives{display:block}
.portfolio-archives div{align-items:flex-start}
.video-reel-head{grid-template-columns:1fr}
.footer-grid div{align-items:flex-start}
.footer-grid p{font-size:36px}
}
@media(max-width:500px){.shell{width:min(calc(100% - 24px),1180px)}
.lang-switch button{padding:6px 7px}.brand img{width:88px}
.signal-console{padding:28px 24px;box-shadow:10px 10px 0 var(--acid)}.console-label b{font-size:25px}.signal-rings{margin-top:22px;width:88%}.wave-console{padding:16px 16px 13px}.wave-readout{height:180px}.wave-controls{gap:8px}
.nav .pill{padding:10px 12px;font-size:10px}
.hero h1{font-size:58px}
.hero{min-height:auto}
.routes{gap:10px}
.route{min-height:360px}
.route h3{font-size:clamp(30px,10vw,44px)}
.mastering,.distribution,.shop,.faq{padding-top:90px;padding-bottom:90px}
.chapter h2,.section-intro h2{font-size:52px}
.product{min-height:auto}
.footer-grid img{width:180px}
.portfolio-stats{grid-template-columns:1fr}
.portfolio-stats span{border-right:0;border-bottom:1px solid var(--ink)}
.portfolio-stats span:last-child{border-bottom:0}
.work h3{font-size:19px}
.platform-cloud{min-width:0;width:100%;min-height:0;aspect-ratio:1}
.platform-cloud i{font-size:10px;padding:10px 12px}
.video-grid{grid-template-columns:1fr}
.video-card>div:last-child{display:block}
.video-card h4{text-align:left;margin-top:9px}
}