/* Fantastic Five — по trenchcrew.xyz: почти чёрный, ночные горы, салатовый #D9F56B, Geist, тёмные карточки, глянцевые капли-агенты */
:root{--bg:#07080A;--card:#0E1013;--card2:#14171B;--line:rgba(255,255,255,.07);--line2:rgba(255,255,255,.12);--text:#fff;--dim:#A3A3A3;--dim2:#737373;--lime:#D9F56B;--ink:#0A0D05;--sans:Geist,Inter,system-ui,sans-serif;--mono:'Geist Mono',ui-monospace,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}
em{font-style:normal;color:var(--lime)}.g{color:#7E7E7E}
.wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}
.nav{position:sticky;top:0;z-index:20;background:rgba(7,8,10,.72);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.row{display:flex;align-items:center;gap:22px;height:64px}.brand{display:flex;align-items:center;gap:10px;font:700 17px var(--sans)}
.lg{display:block;width:30px;height:30px;border-radius:50%;overflow:hidden}
.nav nav{margin:0 auto;display:flex;gap:26px;font-size:14px;color:#d4d4d4}.nav nav a:hover{color:#fff}
.icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#16191d;border:1px solid var(--line2)}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:99px;padding:11px 20px;font:600 14px var(--sans);border:1px solid var(--line2);cursor:default;white-space:nowrap}
.btn.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}a.btn{cursor:pointer}.btn.dark{background:#111317}.play{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#000;font-size:9px}
.hero{position:relative;overflow:hidden;padding:56px 0 30px}.sky{position:absolute;inset:0;z-index:0}
.hgrid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;min-height:560px}
.pills{display:flex;gap:8px;margin-bottom:22px}.pill{border:1px solid var(--line2);border-radius:99px;padding:5px 12px;font:600 11px var(--sans);letter-spacing:.12em;color:#d4d4d4;background:rgba(0,0,0,.35)}
.lime-p{color:var(--lime);border-color:rgba(217,245,107,.35)}.lime-p i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:8px;vertical-align:1px}
h1{font:800 clamp(52px,6.4vw,86px)/.96 var(--sans);letter-spacing:-.045em;margin:0 0 22px}
.sub{color:#d4d4d4;font-size:17px;max-width:46ch;margin:0 0 28px}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.faces{display:flex;align-items:center;gap:12px;margin-top:30px;font-size:13px}.faces b{display:block}.faces span{color:var(--dim)}#faces{display:flex}#faces svg{margin-right:-6px}
.blobs{position:relative;height:520px}.blobs .ag{position:absolute;filter:drop-shadow(0 26px 34px rgba(0,0,0,.55));animation:bob 5s ease-in-out infinite}
@keyframes bob{50%{translate:0 -10px}}
.note{position:absolute;right:20px;top:10px;font:600 11px var(--sans);letter-spacing:.12em;color:#bdbdbd;background:rgba(20,22,26,.7);border:1px solid var(--line2);border-radius:10px;padding:10px 14px;line-height:1.5}
.card{background:var(--card);border:1px solid var(--line2);border-radius:18px}
.strip{display:grid;grid-template-columns:repeat(5,1fr);margin-top:6px}.strip .card{border-radius:0;border-right:0;padding:22px;text-align:left}.strip .card:first-child{border-radius:18px 0 0 18px}.strip .card:last-child{border-radius:0 18px 18px 0;border-right:1px solid var(--line2)}
.strip b{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:15px}.strip span{display:block;color:var(--dim);font-size:13px;margin-top:4px}
.sec{padding-top:110px}.kick{display:flex;align-items:center;gap:8px;font:600 11px var(--sans);letter-spacing:.16em;color:var(--lime);margin:0 0 14px}.kick i{width:6px;height:6px;border-radius:50%;background:var(--lime)}
h2{font:800 clamp(36px,4.4vw,56px)/1 var(--sans);letter-spacing:-.04em;margin:0}
.body{color:var(--dim);max-width:64ch;margin:16px 0 26px}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.modes{display:flex;background:#111317;border:1px solid var(--line2);border-radius:99px;padding:4px}.modes button{background:none;border:0;padding:8px 16px;border-radius:99px;font-size:13px;color:var(--dim)}.modes .on{background:var(--lime);color:var(--ink);font-weight:600}
.cons{overflow:hidden}.ch{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line2);font:500 13px var(--mono);color:var(--dim)}.grow{flex:1}
.live{color:var(--lime)}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:6px;animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.3}}
.ctbl{overflow-x:auto}.cr{display:grid;grid-template-columns:1.6fr .9fr .9fr .7fr .9fr 1.6fr;gap:12px;align-items:center;padding:13px 20px;border-top:1px solid var(--line);min-width:760px}.cr.hd{border-top:0;font:500 11px var(--mono);letter-spacing:.1em;color:var(--dim2);text-transform:uppercase}
.cr .tk b{font-weight:700}.cr .tk span{display:block;font:400 11px var(--mono);color:var(--dim2)}
.sc{display:flex;align-items:center;gap:8px;font:600 13px var(--mono)}.sc i{flex:1;height:5px;border-radius:9px;background:rgba(255,255,255,.08);max-width:60px;position:relative}.sc i b{position:absolute;inset:0 auto 0 0;border-radius:9px;background:#2F7BFF}
.mono{font:500 13px var(--mono)}.sig{font:700 11px var(--mono);color:#FF5A66;border:1px solid rgba(255,45,61,.45);border-radius:99px;padding:3px 9px;background:rgba(255,45,61,.1)}.quiet{color:var(--dim2);font:400 12px var(--mono)}
.flag{display:inline-block;font:500 11px var(--mono);color:#FFB21E;background:rgba(255,178,30,.1);border:1px solid rgba(255,178,30,.3);border-radius:99px;padding:2px 8px;margin:2px 4px 2px 0}.ok{color:#2FD25A;font:500 12px var(--mono)}
.fine{color:var(--dim2);font-size:13px;margin-top:14px}
.crew{display:grid;grid-template-columns:280px 1fr;gap:8px;padding:8px;margin-top:30px}.clist{display:flex;flex-direction:column;gap:4px}
.clist button{display:flex;align-items:center;gap:12px;background:none;border:0;border-radius:12px;padding:10px 12px;text-align:left}.clist button.on{background:#181b20}.clist b{display:block;font-size:15px}.clist span{font-size:12px;color:var(--dim2)}
.cdet{position:relative;overflow:hidden;border-radius:14px;padding:34px;min-height:300px;background:linear-gradient(135deg,#101a14,#0e1013 60%)}.cdet h3{font:800 40px var(--sans);letter-spacing:-.03em;margin:6px 0 8px}.cdet p{color:#d4d4d4;margin:0 0 16px;max-width:42ch}
.cdet ul{margin:0;padding:0;list-style:none}.cdet li{display:flex;gap:10px;color:#d4d4d4;margin:6px 0;font-size:14px}.cdet li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);margin-top:8px;flex:none}.cdet .big{position:absolute;right:20px;bottom:-30px;opacity:.95}
.h2row{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.steps .card{position:relative;overflow:hidden;padding:24px;min-height:200px}.steps .n{position:absolute;right:20px;top:18px;font:500 12px var(--mono);color:var(--dim2)}.steps .ic{width:36px;height:36px;border-radius:10px;background:#1a1d22;display:grid;place-items:center;font-size:16px}
.steps h3{font:700 19px var(--sans);margin:18px 0 6px}.steps p{color:var(--dim);font-size:14px;margin:0;max-width:30ch}.steps .peek{position:absolute;right:-18px;bottom:-22px;opacity:.9}
.lpad{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;padding:40px}.lpad h2{font-size:clamp(32px,3.6vw,46px)}.lock{margin-left:14px;color:var(--dim);font-size:13px}
.lsteps{list-style:none;margin:0;padding:0;display:grid;gap:10px}.lsteps li{display:flex;gap:14px;align-items:center;background:#121418;border:1px solid var(--line2);border-radius:14px;padding:14px 16px}.lsteps b{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:13px}.lsteps strong{display:block;font-size:15px}.lsteps span{color:var(--dim);font-size:13px}
.narrow{max-width:760px}.c{text-align:center;justify-content:center}.faq{margin-top:30px;display:grid;gap:10px}
.faq details{background:var(--card);border:1px solid var(--line2);border-radius:14px;padding:16px 20px}.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:"⌄";color:var(--dim)}.faq p{color:var(--dim);margin:10px 0 0}
.endcard{text-align:center;padding:56px 20px;background:radial-gradient(60% 80% at 50% 0%,#1b2129,#0e1013 70%)}.endcard h2{margin:16px 0 8px}.endcard p{color:var(--dim);margin:0}#endFaces{display:flex;justify-content:center;gap:10px}
.foot{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);margin-top:90px;padding:32px 0 48px;color:var(--dim);font-size:13px}.foot p{max-width:60ch;margin:0}.foot a{color:var(--lime)}
@media (max-width:900px){.nav nav{display:none}.nav .btn{margin-left:auto;padding:8px 14px;font-size:13px}.icon{display:none}.wrap{width:calc(100% - 32px)}
  .hgrid{grid-template-columns:1fr;min-height:0}.blobs{height:300px;order:-1}.note{display:none}.strip{grid-template-columns:repeat(2,1fr)}.strip .card{border-radius:0!important;border-right:1px solid var(--line2)}
  .crew{grid-template-columns:1fr}.clist{flex-direction:row;overflow-x:auto}.h2row,.steps,.lpad{grid-template-columns:1fr}.lpad{padding:24px}.lock{display:block;margin:12px 0 0}.foot{flex-direction:column}.sec{padding-top:72px}}