:root{
  --bg:#0a0e14;--bg2:#0d131c;--panel:#0f1722;--panel2:#0b121b;
  --line:#1c2836;--line2:#243447;
  --ink:#e6edf4;--mut:#8ea2b4;--dim:#5c7085;
  --blue:#62b0e8;--amber:#f2a93b;--green:#6fd08c;--red:#e8776b;
  --fd:'Unbounded',sans-serif;--fb:'Golos Text',sans-serif;--fm:'JetBrains Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--ink);font-family:var(--fb);
  font-size:16px;line-height:1.65;padding-bottom:44px;
  background-image:
    radial-gradient(1100px 500px at 80% -10%,rgba(98,176,232,.06),transparent 60%),
    linear-gradient(rgba(120,160,205,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,160,205,.035) 1px,transparent 1px);
  background-size:auto,44px 44px,44px 44px;
}
::selection{background:var(--amber);color:#14100a}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:#223244;border-radius:0}
a{color:var(--blue);text-decoration:none}
:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
img{max-width:100%}

.noise{position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}

.topbar{position:fixed;top:0;left:0;right:0;z-index:100;height:60px;
  display:flex;align-items:center;gap:28px;padding:0 26px;
  background:rgba(10,14,20,.88);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line)}
.brand{font-family:var(--fm);font-size:15px;font-weight:600;color:var(--ink);letter-spacing:.02em;white-space:nowrap}
.brand b{color:var(--amber);font-weight:600}
.brand .bcur{display:inline-block;width:8px;height:14px;background:var(--amber);margin-left:6px;vertical-align:-2px;animation:blink 1.1s steps(1) infinite}
.mainnav{display:flex;gap:4px;margin-left:auto}
.mainnav a{font-family:var(--fm);font-size:13px;color:var(--mut);padding:8px 12px;position:relative;transition:color .25s}
.mainnav a i{font-style:normal;color:var(--dim);margin-right:6px;font-size:11px}
.mainnav a:hover{color:var(--ink)}
.mainnav a.on{color:var(--amber)}
.mainnav a.on::after{content:'';position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:var(--amber)}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line2);color:var(--ink);font-family:var(--fm);font-size:13px;padding:7px 12px;cursor:pointer}
@keyframes blink{50%{opacity:0}}

main{padding-top:0}
.wrap{width:min(1160px,92%);margin:0 auto}
section{padding:64px 0}
.pg-head{padding:128px 0 30px}
.kicker{font-family:var(--fm);font-size:13px;color:var(--amber);letter-spacing:.06em;display:inline-block;margin-bottom:16px}
.kicker::before{content:'// '}
.pg-title{font-family:var(--fd);font-weight:800;text-transform:uppercase;
  font-size:clamp(2rem,5vw,3.4rem);line-height:1.08;letter-spacing:.01em}
.pg-lead{max-width:720px;color:var(--mut);font-size:17px;margin-top:20px}
.sec-head{display:flex;align-items:baseline;gap:18px;margin-bottom:34px;flex-wrap:wrap}
.sec-idx{font-family:var(--fm);font-size:13px;color:var(--amber)}
.sec-idx::before{content:'// '}
.sec-head h2{font-family:var(--fd);font-weight:600;text-transform:uppercase;font-size:clamp(1.3rem,3vw,2rem);line-height:1.15}
.mask{overflow:hidden}
.mask>span{display:block;transform:translateY(115%);transition:transform .8s cubic-bezier(.2,.7,.2,1) .1s}
.rv.in .mask>span{transform:none}
.rv{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}

.btn{display:inline-block;font-family:var(--fm);font-size:13px;letter-spacing:.08em;text-transform:uppercase;
  padding:14px 24px;border:1px solid var(--line2);color:var(--ink);background:var(--panel2);cursor:pointer;transition:.25s}
.btn:hover{border-color:var(--amber);color:var(--amber);transform:translateY(-2px)}
.btn.primary{background:var(--amber);border-color:var(--amber);color:#14100a;font-weight:600}
.btn.primary:hover{color:#14100a;filter:brightness(1.12)}

.hero{padding:118px 0 46px}
.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:48px;align-items:center}
.hero h1{font-family:var(--fd);font-weight:800;text-transform:uppercase;
  font-size:clamp(2.3rem,5.6vw,4.3rem);line-height:1.04}
.hero h1 .scr{display:block}
.hero .sub{font-family:var(--fm);color:var(--blue);font-size:clamp(.95rem,2vw,1.2rem);margin:14px 0 22px;letter-spacing:.04em}
.hero .lead{color:var(--mut);font-size:17px;max-width:520px}
.hero-cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.chips{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}
.chips span{font-family:var(--fm);font-size:12px;color:var(--mut);border:1px solid var(--line);padding:6px 12px}

.term{border:1px solid var(--line2);background:#0a1017;box-shadow:0 30px 60px -30px rgba(0,0,0,.7),0 0 0 1px rgba(98,176,232,.05)}
.term-head{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line);background:#0d141d}
.term-head .d{width:11px;height:11px;border-radius:50%}
.d.r{background:#e8776b}.d.y{background:#f2a93b}.d.g{background:#6fd08c}
.term-title{font-family:var(--fm);font-size:12px;color:var(--dim);margin-left:10px}
.term-body{height:340px;overflow-y:auto;padding:16px 18px;font-family:var(--fm);font-size:12.8px;line-height:1.75}
.tl{white-space:pre-wrap;word-break:break-word}
.tl .pr{color:var(--green);margin-right:8px}
.t-cmd{color:#ffd28a}.t-out{color:#93a7ba}.t-step{color:#8fb6d8}.t-warn{color:var(--amber)}.t-ok{color:var(--green)}
.t-done{color:var(--green);font-weight:600;margin-top:4px}
.cur{display:inline-block;width:8px;height:15px;background:var(--amber);vertical-align:-2px;animation:blink 1s steps(1) infinite}
.term-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--line);font-family:var(--fm);font-size:11.5px;color:var(--dim)}
.term-foot button{background:none;border:1px solid var(--line2);color:var(--mut);font-family:var(--fm);font-size:12px;padding:6px 12px;cursor:pointer;transition:.2s}
.term-foot button:hover{color:var(--amber);border-color:var(--amber)}

.ticker{overflow:hidden;border-block:1px solid var(--line);padding:13px 0;background:rgba(13,19,28,.6)}
.tk-track{display:flex;width:max-content;animation:tick 46s linear infinite}
.tk-seq{display:flex}
.tk-seq span{font-family:var(--fm);font-size:13px;color:var(--mut);padding:0 8px;white-space:nowrap}
.tk-seq span::after{content:'·';color:var(--amber);margin-left:16px}
@keyframes tick{to{transform:translateX(-50%)}}

.pipe{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative;margin-top:8px}
.pipe::before{content:'';position:absolute;top:30px;left:4%;right:4%;height:2px;z-index:0;
  background:repeating-linear-gradient(90deg,#2c4258 0 10px,transparent 10px 20px);animation:dash 1.1s linear infinite}
@keyframes dash{to{background-position:20px 0}}
.pnode{position:relative;z-index:1;border:1px solid var(--line);background:var(--panel);padding:18px 16px;transition:.3s}
.pnode:hover{border-color:var(--amber);transform:translateY(-5px)}
.pn-idx{font-family:var(--fm);font-size:11px;color:var(--amber)}
.pnode h3{font-family:var(--fd);font-weight:400;font-size:15px;margin:8px 0 4px}
.pn-io{font-family:var(--fm);font-size:11px;color:var(--blue);margin-bottom:10px;display:block}
.pnode p{font-size:13px;color:var(--mut);line-height:1.55}

.stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}
.st{padding:26px 22px;border-left:1px solid var(--line)}
.st:first-child{border-left:none}
.st-n{font-family:var(--fd);font-weight:700;font-size:clamp(1.6rem,3.4vw,2.5rem);color:var(--amber);display:block}
.st p{font-size:13px;color:var(--mut);margin-top:6px;line-height:1.5}

.iss-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:start}
.issue{display:grid;grid-template-columns:70px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--line)}
.issue:last-child{border-bottom:1px solid var(--line)}
.issue .num{font-family:var(--fd);font-weight:800;font-size:22px;color:transparent;-webkit-text-stroke:1px var(--amber);line-height:1.2}
.issue h3{font-size:17px;font-weight:600;margin-bottom:6px}
.issue p{font-size:14.5px;color:var(--mut)}
.ph{position:relative;overflow:hidden;border:1px solid var(--line)}
.ph img{display:block;width:100%;filter:grayscale(.85) contrast(1.05);transform:scale(1.03);transition:transform 1.4s ease,filter .8s}
.ph:hover img{transform:scale(1.08);filter:grayscale(.3) contrast(1.05)}
.ph .tag{position:absolute;left:14px;bottom:14px;font-family:var(--fm);font-size:11px;color:var(--amber);background:rgba(10,14,20,.85);border:1px solid var(--line2);padding:6px 10px}
.ph-cap{font-family:var(--fm);font-size:12px;color:var(--dim);margin-top:10px}

.eco{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.eco-card{border:1px solid var(--line);background:var(--panel);padding:20px;display:flex;flex-direction:column;gap:10px;transition:.3s}
.eco-card:hover{border-color:var(--blue);transform:translateY(-4px)}
.eco-card.w2{grid-column:span 2}
.eco-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.eco-card h3{font-family:var(--fd);font-weight:400;font-size:16px}
.eco-tag{font-family:var(--fm);font-size:10px;color:var(--blue);border:1px solid var(--line2);padding:4px 8px;white-space:nowrap}
.eco-card p{font-size:13.5px;color:var(--mut);flex-grow:1}
.eco-card .go{font-family:var(--fm);font-size:12px;color:var(--blue)}
.eco-card .go:hover{color:var(--amber)}

.cb{border:1px solid var(--line);background:var(--panel2);margin:0}
.cb figcaption{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);font-family:var(--fm);font-size:12px;color:var(--dim)}
.cb-dot{width:8px;height:8px;background:var(--amber);flex:none}
.cb-name{flex-grow:1}
.copy{background:none;border:1px solid var(--line2);color:var(--mut);font-family:var(--fm);font-size:11px;padding:4px 10px;cursor:pointer;transition:.2s}
.copy:hover{color:var(--amber);border-color:var(--amber)}
.cb pre{padding:18px;overflow-x:auto}
.cb code{font-family:var(--fm);font-size:12.8px;line-height:1.75;color:#cdd9e5;white-space:pre}
.tk-c{color:#5c7085;font-style:italic}.tk-k{color:#7ec3ff}.tk-s{color:#9ad17e}.tk-f{color:#f2a93b}.tk-n{color:#f78c6c}.tk-v{color:#ffd28a}.tk-o{color:#8ea2b4}
.cmdline{font-family:var(--fm);font-size:13px;background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--amber);padding:12px 16px;color:#ffd28a;overflow-x:auto;white-space:pre}
.note{border:1px dashed var(--line2);padding:16px 18px;font-size:14px;color:var(--mut)}
.note b{color:var(--amber);font-weight:600}

.tu-diag{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:stretch;margin:26px 0}
.tu-box{border:1px solid var(--line);background:var(--panel);padding:16px}
.tu-box h4{font-family:var(--fm);font-size:13px;color:var(--blue);margin-bottom:6px}
.tu-box p{font-size:13px;color:var(--mut)}
.tu-arr{align-self:center;font-family:var(--fm);color:var(--amber);font-size:20px}
.stages{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.stage{border:1px solid var(--line);background:var(--panel);padding:22px;transition:.3s}
.stage:hover{border-color:var(--blue)}
.stage .sn{font-family:var(--fd);font-weight:800;font-size:30px;color:transparent;-webkit-text-stroke:1px #2c4258;display:block}
.stage h3{font-size:17px;font-weight:600;margin:10px 0 8px}
.stage p{font-size:14px;color:var(--mut);margin-bottom:14px}
.stage .io{font-family:var(--fm);font-size:12px;color:var(--green);margin-top:10px;display:block}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.odr-table{width:100%;border-collapse:collapse;font-size:14px}
.odr-table td{padding:12px 14px;border:1px solid var(--line);vertical-align:top}
.odr-table td:first-child{font-family:var(--fm);color:var(--amber);white-space:nowrap;width:130px}

.quiz{border:1px solid var(--line);background:var(--panel);padding:28px}
.qq{padding:20px 0;border-top:1px dashed var(--line2)}
.qq:first-of-type{border-top:none;padding-top:4px}
.qq h4{font-size:15px;font-weight:600;margin-bottom:12px}
.qq h4 b{color:var(--amber);font-family:var(--fm);margin-right:8px}
.qq label{display:flex;gap:10px;align-items:center;padding:10px 14px;border:1px solid var(--line);margin:6px 0;cursor:pointer;font-size:14px;transition:.2s}
.qq label:hover{border-color:var(--line2);background:rgba(98,176,232,.04)}
.qq input{accent-color:var(--amber)}
.qq label.ok{border-color:var(--green);background:rgba(111,208,140,.08)}
.qq label.bad{border-color:var(--red);background:rgba(232,119,107,.08)}
.qres{font-family:var(--fm);font-size:14px;margin-top:20px;color:var(--amber);min-height:22px}
.qbtns{display:flex;gap:12px;margin-top:8px}

.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:28px;flex-wrap:wrap}
.tab{font-family:var(--fm);font-size:13px;padding:12px 18px;color:var(--mut);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:.2s}
.tab:hover{color:var(--ink)}
.tab.on{color:var(--amber);border-bottom-color:var(--amber)}
.tp{display:none}
.tp.on{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;animation:fadeIn .4s}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.tp-notes h3{font-size:15px;font-weight:600;margin:18px 0 8px}
.tp-notes h3:first-child{margin-top:0}
.tp-notes ul{list-style:none}
.tp-notes li{font-size:14px;color:var(--mut);padding:5px 0 5px 22px;position:relative}
.tp-notes li::before{position:absolute;left:0;font-family:var(--fm)}
.pros li::before{content:'+';color:var(--green)}
.cons li::before{content:'−';color:var(--red)}
.cmp{width:100%;border-collapse:collapse;font-size:14px}
.cmp th{font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);text-align:left;padding:12px 14px;border-bottom:1px solid var(--line2)}
.cmp td{padding:13px 14px;border-bottom:1px solid var(--line)}
.cmp tr:hover td{background:rgba(98,176,232,.04)}
.cmp td:first-child{font-family:var(--fm);color:var(--ink)}
.dot{color:var(--amber);letter-spacing:2px}
.dot .o{color:#33465a}
.rec{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rec-card{border:1px solid var(--line);background:var(--panel);padding:22px}
.rec-card .when{font-family:var(--fm);font-size:12px;color:var(--dim);display:block;margin-bottom:10px}
.rec-card p{font-size:14px;color:var(--mut);margin-bottom:12px}
.rec-card .pick{font-family:var(--fm);color:var(--amber);font-size:14px}

.prac{display:grid;grid-template-columns:230px 1fr;gap:56px;align-items:start}
.snav{position:sticky;top:88px}
.snav a{display:block;font-family:var(--fm);font-size:13px;color:var(--mut);padding:10px 14px;border-left:2px solid var(--line);transition:.2s}
.snav a:hover{color:var(--ink)}
.snav a.on{color:var(--amber);border-left-color:var(--amber);background:rgba(242,169,59,.06)}
.step{padding:36px 0 42px;border-top:1px dashed var(--line2)}
.step:first-child{border-top:none;padding-top:6px}
.step .sn{font-family:var(--fd);font-weight:800;font-size:32px;color:transparent;-webkit-text-stroke:1px #2c4258;display:block;margin-bottom:8px}
.step h3{font-size:21px;font-weight:600;margin-bottom:12px}
.step>p{color:var(--mut);font-size:15px;max-width:640px;margin-bottom:18px}
.step .cb{margin:16px 0}
.calc{border:1px solid var(--line);background:var(--panel);padding:30px;margin-top:20px}
.calc-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px}
.crow{margin-bottom:22px}
.crow label{display:flex;justify-content:space-between;font-family:var(--fm);font-size:12.5px;color:var(--mut);margin-bottom:8px}
.crow output{color:var(--amber)}
.crow input[type=range]{width:100%;accent-color:var(--amber)}
.cres .rrow{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;margin-bottom:6px}
.cres .rrow b{font-family:var(--fm);font-weight:400}
.bar{height:14px;background:#14202e;border:1px solid var(--line);margin-bottom:14px}
.bar i{display:block;height:100%;transition:width .6s cubic-bezier(.2,.7,.2,1)}
.bar .b1{background:var(--blue)}.bar .b2{background:var(--amber)}
.spbig{font-family:var(--fd);font-weight:800;font-size:44px;color:var(--amber);line-height:1;margin:14px 0 4px}
.splabel{font-family:var(--fm);font-size:12px;color:var(--dim)}

.gtools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
#gs{flex:1;min-width:220px;background:var(--panel2);border:1px solid var(--line);color:var(--ink);font-family:var(--fm);font-size:13px;padding:12px 16px;transition:border-color .2s}
#gs:focus{border-color:var(--amber);outline:none}
.chip{font-family:var(--fm);font-size:12px;padding:9px 15px;border:1px solid var(--line);background:none;color:var(--mut);cursor:pointer;transition:.2s}
.chip:hover{color:var(--ink)}
.chip.on{border-color:var(--amber);color:var(--amber)}
.gcount{font-family:var(--fm);font-size:12px;color:var(--dim);margin:8px 0 22px}
.ggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gcard{border:1px solid var(--line);background:var(--panel);padding:20px;transition:.25s}
.gcard:hover{border-color:var(--blue)}
.gcard.off{display:none}
.gcard h3{font-size:16px;font-weight:600;margin-bottom:8px}
.gcat{font-family:var(--fm);font-size:10px;color:var(--blue);border:1px solid var(--line2);padding:3px 8px;display:inline-block;margin-bottom:12px}
.gcard p{font-size:13.5px;color:var(--mut);line-height:1.6}

.ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.ab-grid>div p{color:var(--mut);margin-bottom:16px;font-size:15.5px}
.kb{overflow:hidden;border:1px solid var(--line)}
.kb img{display:block;width:100%;animation:kb 20s ease-in-out infinite alternate;filter:grayscale(.4) contrast(1.05)}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.14) translate(2%,-2%)}}
.inlist{list-style:none;margin-top:8px}
.inlist li{padding:11px 0;border-top:1px solid var(--line);font-size:14.5px;color:var(--mut);display:flex;gap:12px}
.inlist li b{color:var(--amber);font-family:var(--fm);font-weight:400;min-width:26px}
.rm{border-left:2px solid var(--line);padding-left:28px;display:grid;gap:24px;margin-top:14px}
.rm-item{position:relative}
.rm-item::before{content:'';position:absolute;left:-34px;top:6px;width:10px;height:10px;background:var(--bg);border:2px solid var(--amber)}
.rm-item.future::before{border-color:var(--dim)}
.rm-st{font-family:var(--fm);font-size:10.5px;padding:3px 9px;border:1px solid var(--line2);margin-right:10px;color:var(--amber)}
.rm-item.future .rm-st{color:var(--dim)}
.rm-item h4{display:inline;font-size:15px;font-weight:600}
.rm-item p{font-size:13.5px;color:var(--mut);margin-top:6px}
.extlinks{list-style:none;margin-top:8px}
.extlinks li{border-top:1px solid var(--line)}
.extlinks a{display:flex;justify-content:space-between;padding:13px 4px;font-family:var(--fm);font-size:13.5px;color:var(--ink);transition:.2s}
.extlinks a:hover{color:var(--amber);padding-left:10px}
.extlinks a span{color:var(--dim)}

footer{border-top:1px solid var(--line);padding:56px 0 34px;margin-top:40px}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:36px}
.foot-grid h4{font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin-bottom:16px}
.foot-grid ul{list-style:none}
.foot-grid li{margin-bottom:9px}
.foot-grid a{color:var(--mut);font-size:14px;transition:.2s}
.foot-grid a:hover{color:var(--amber)}
.foot-brand p{color:var(--dim);font-size:13.5px;max-width:300px;margin-top:12px}
.statusbar{position:fixed;left:0;right:0;bottom:0;z-index:100;height:32px;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:0 18px;background:#0b1119;border-top:1px solid var(--line);font-family:var(--fm);font-size:11px;color:var(--dim)}
.statusbar .amber{color:var(--amber)}
@media(max-width:700px){.statusbar .sb-mid{display:none}}

@media(max-width:1020px){
  .hero-grid,.iss-grid,.ab-grid,.calc-grid{grid-template-columns:1fr}
  .pipe{grid-template-columns:repeat(2,1fr)}
  .pipe::before{display:none}
  .stages,.two-col,.tp.on{grid-template-columns:1fr}
  .eco{grid-template-columns:repeat(2,1fr)}
  .ggrid{grid-template-columns:repeat(2,1fr)}
  .prac{grid-template-columns:1fr}
  .snav{position:static;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
  .snav a{border-left:none;border:1px solid var(--line)}
  .rec{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr;gap:26px}
}
@media(max-width:860px){
  .mainnav{position:fixed;top:60px;left:0;right:0;flex-direction:column;gap:0;background:#0b1119;border-bottom:1px solid var(--line);
    transform:translateY(-120%);transition:transform .35s cubic-bezier(.2,.7,.2,1);padding:10px 0;z-index:99}
  body.menu-open .mainnav{transform:none}
  .mainnav a{padding:14px 26px}
  .burger{display:block}
}
@media(max-width:640px){
  .pipe{grid-template-columns:1fr}
  .eco{grid-template-columns:1fr}
  .eco-card.w2{grid-column:span 1}
  .ggrid{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .st:nth-child(3){border-left:none}
  .st{border-top:1px solid var(--line)}
  .st:nth-child(-n+2){border-top:none}
  .tu-diag{grid-template-columns:1fr}
  .tu-arr{transform:rotate(90deg);justify-self:center}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
  .rv{opacity:1!important;transform:none!important}
  .mask>span{transform:none!important}
  .tk-track{animation:none;flex-wrap:wrap}
}