:root{--ocean:#0A192F;--ocean2:#112240;--ocean3:#1E3A5F;--sand:#E2D1B3;--sand2:#B8A584;--copper:#B87333;--copper2:#D4924F;--turq:#7FFFD4;--line:#2A4A6F}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--ocean);color:var(--sand);font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;background-image:linear-gradient(rgba(127,255,212,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(127,255,212,.025) 1px,transparent 1px);background-size:28px 28px}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,rgba(127,255,212,.02) 0 1px,transparent 1px 4px)}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font:inherit;background:none;border:0;cursor:pointer;color:inherit}
::selection{background:rgba(127,255,212,.3);color:var(--turq)}
.g{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.01em}
.mono{font-family:'JetBrains Mono',monospace;letter-spacing:.02em}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.wrap{padding:0 32px}}
.kicker{font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--copper)}
.kicker.tq{color:var(--turq)}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--copper);color:var(--ocean);padding:14px 28px;font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;border:1px solid var(--copper);transition:.3s}
.btn:hover{background:transparent;color:var(--copper)}
.btn-o{display:inline-flex;align-items:center;border:1px solid var(--line);color:var(--sand);padding:12px 24px;font-family:'JetBrains Mono',monospace;font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;transition:.3s}
.btn-o:hover{border-color:var(--turq);color:var(--turq)}

/* ===== ПРОГРЕСС-ЛИНИЯ ===== */
#progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--turq);z-index:80;box-shadow:0 0 8px rgba(127,255,212,.6)}

/* ===== БОКОВАЯ КОНСОЛЬ ===== */
.side{position:fixed;top:0;left:0;bottom:0;width:236px;z-index:60;background:var(--ocean2);border-right:1px solid var(--line);display:none;flex-direction:column;padding:28px 22px}
@media(min-width:1000px){.side{display:flex}}
.side .logo b{font-family:'Space Grotesk',sans-serif;font-size:1.2rem;letter-spacing:.12em;color:var(--sand)}
.side .logo b em{color:var(--turq);font-style:normal}
.side .logo span{display:block;margin-top:5px;font-family:'JetBrains Mono',monospace;font-size:.5625rem;letter-spacing:.26em;color:var(--sand2)}
.side nav{margin-top:36px;display:grid;gap:2px;flex:1}
.side nav a{display:flex;gap:10px;align-items:baseline;padding:9px 10px;font-family:'JetBrains Mono',monospace;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sand2);border-left:2px solid transparent;transition:.25s}
.side nav a i{font-style:normal;font-size:.5625rem;color:var(--copper)}
.side nav a:hover{color:var(--turq)}
.side nav a.on{color:var(--turq);border-left-color:var(--turq);background:rgba(127,255,212,.06)}
.side .st{margin-top:20px;font-family:'JetBrains Mono',monospace;font-size:.5625rem;letter-spacing:.2em;color:var(--sand2);border-top:1px solid var(--line);padding-top:14px}
.side .st b{color:var(--turq)}

/* мобильный топбар */
.topbar{position:sticky;top:0;z-index:70;background:rgba(10,25,47,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
@media(min-width:1000px){.topbar{display:none}}
.topbar .logo b{font-family:'Space Grotesk',sans-serif;font-size:1.05rem;letter-spacing:.12em;color:var(--sand)}
.topbar .logo b em{color:var(--turq);font-style:normal}
.burger{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--sand);font-size:1.2rem}
.mmenu{display:none;position:fixed;inset:0;top:65px;z-index:65;background:var(--ocean);padding:20px}
.mmenu.open{display:block}
.mmenu a{display:block;padding:12px 0;font-family:'JetBrains Mono',monospace;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sand2);border-bottom:1px solid var(--line)}

.main{position:relative;z-index:2}
@media(min-width:1000px){.main{margin-left:236px}}

/* ===== HERO ===== */
.hero{padding:90px 0 70px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 30%,rgba(127,255,212,.07) 0%,transparent 60%);pointer-events:none}
.hgrid{display:grid;gap:44px;align-items:center;position:relative;z-index:2}
@media(min-width:900px){.hgrid{grid-template-columns:1.1fr .9fr;gap:56px}}
.hero h1{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.03;color:var(--sand);margin-top:18px}
.hero h1 em{color:var(--turq);font-style:normal}
.hero .lead{margin-top:22px;color:var(--sand2);font-size:clamp(1rem,1.5vw,1.12rem);max-width:540px}
.acts{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap}
.panel{border:1px solid var(--copper);background:var(--ocean2);padding:10px;position:relative}
.panel .inner{overflow:hidden;border:1px solid var(--line);position:relative}
.panel img{aspect-ratio:16/10;filter:sepia(.1) contrast(1.08) saturate(.9)}
.panel .tag{position:absolute;top:10px;left:10px;font-family:'JetBrains Mono',monospace;font-size:.625rem;letter-spacing:.16em;color:var(--turq);background:rgba(10,25,47,.9);border:1px solid var(--line);padding:4px 10px;z-index:2}
.panel .rd{position:absolute;bottom:10px;right:10px;font-family:'JetBrains Mono',monospace;font-size:.625rem;color:var(--copper2);background:rgba(10,25,47,.9);border:1px solid var(--line);padding:4px 10px;z-index:2}
.hstats{display:flex;gap:26px;flex-wrap:wrap;margin-top:34px}
.hstats div b{display:block;font-family:'Space Grotesk',sans-serif;font-size:1.6rem;color:var(--turq)}
.hstats div span{font-family:'JetBrains Mono',monospace;font-size:.625rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sand2)}

/* ===== СЕКЦИИ ===== */
.sec{padding:88px 0;border-top:1px solid var(--line)}
.shead{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:44px}
.shead .code{font-family:'JetBrains Mono',monospace;font-size:.6563rem;letter-spacing:.22em;color:var(--copper);border:1px solid var(--copper);padding:3px 10px}
.shead h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(1.7rem,4vw,2.5rem);color:var(--sand)}
.shead p{width:100%;color:var(--sand2);max-width:680px;margin-top:6px}

/* ===== STICKY-STACK (Briefings) ===== */
.stack{display:grid;gap:36px}
.scard{position:sticky;top:calc(76px + var(--i)*16px);background:var(--ocean2);border:1px solid var(--line);border-top:2px solid var(--copper);box-shadow:0 -12px 40px rgba(4,10,20,.55)}
.sc-top{display:grid}
@media(min-width:860px){.sc-top{grid-template-columns:340px 1fr}}
.sc-ph{position:relative;border-bottom:1px solid var(--line)}
@media(min-width:860px){.sc-ph{border-bottom:0;border-right:1px solid var(--line)}}
.sc-ph img{aspect-ratio:16/10;filter:sepia(.1) contrast(1.08) saturate(.9)}
.sc-ph .num{position:absolute;top:10px;left:10px;font-family:'JetBrains Mono',monospace;font-size:.625rem;letter-spacing:.2em;color:var(--copper2);background:rgba(10,25,47,.92);border:1px solid var(--line);padding:4px 10px}
.sc-ph .crd{position:absolute;bottom:10px;right:10px;font-family:'JetBrains Mono',monospace;font-size:.625rem;color:var(--turq);background:rgba(10,25,47,.92);border:1px solid var(--line);padding:4px 10px}
.sc-bd{padding:26px}
@media(min-width:640px){.sc-bd{padding:34px}}
.sc-bd h3{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.4rem,2.6vw,1.8rem);color:var(--sand)}
.sc-bd .meta{margin-top:6px;font-family:'JetBrains Mono',monospace;font-size:.6563rem;letter-spacing:.16em;text-transform:uppercase;color:var(--turq)}
.sc-bd .sum{margin-top:14px;color:var(--sand2);font-size:.95rem;line-height:1.7}
.sc-bd .ver{margin-top:14px;padding:12px 16px;border-left:2px solid var(--copper);background:var(--ocean3);font-style:italic;color:var(--sand);font-size:.95rem}
.pw{margin-top:18px;display:grid;gap:16px}
@media(min-width:700px){.pw{grid-template-columns:1fr 1fr}}
.pw h4{font-family:'JetBrains Mono',monospace;font-size:.625rem;letter-spacing:.2em;margin-bottom:10px}
.pw .ok h4{color:var(--turq)}.pw .no h4{color:var(--copper2)}
.pw li{position:relative;padding-left:16px;margin-bottom:7px;color:var(--sand2);font-size:.9rem;line-height:1.55}
.pw li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:currentColor;opacity:.6}
.sc-ft{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}

/* ===== HEAT-МАТРИЦА ===== */
.heat{border:1px solid var(--line);background:var(--ocean2);overflow-x:auto}
.hrow{display:grid;grid-template-columns:170px repeat(4,minmax(120px,1fr));min-width:760px;border-bottom:1px solid var(--line)}
.hrow:last-child{border-bottom:0}
.hrow.hd{background:var(--ocean3)}
.hrow.hd span{font-family:'JetBrains Mono',monospace;font-size:.625rem;letter-spacing:.18em;text-transform:uppercase;color:var(--turq);padding:14px 16px}
.hcell{padding:14px 16px;display:flex;flex-direction:column;gap:8px;justify-content:center}
.hcell .nm{font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--sand)}
.hcell .v{display:flex;align-items:center;gap:10px}
.bar{flex:1;height:6px;background:var(--ocean3);position:relative;overflow:hidden}
.bar i{position:absolute;inset:0;width:calc(var(--w)*20%);background:linear-gradient(90deg,var(--copper),var(--turq))}
.hcell .n{font-family:'JetBrains Mono',monospace;font-size:.75rem;color:var(--turq);min-width:14px}
.hleg{margin-top:14px;font-family:'JetBrains Mono',monospace;font-size:.625rem;letter-spacing:.16em;color:var(--sand2)}

/* ===== BENTO (perfiles) ===== */
.bento{display:grid;gap:16px;grid-template-columns:repeat(6,1fr)}
.bx{background:var(--ocean2);border:1px solid var(--line);padding:26px;transition:.3s;grid-column:span 6}
@media(min-width:760px){.bx:nth-child(1),.bx:nth-child(2){grid-column:span 3}.bx:nth-child(3),.bx:nth-child(4),.bx:nth-child(5){grid-column:span 2}}
.bx:hover{border-color:var(--copper);transform:translateY(-3px)}
.bx .id{font-family:'JetBrains Mono',monospace;font-size:.625rem;letter-spacing:.2em;color:var(--copper)}
.bx h3{font-family:'Space Grotesk',sans-serif;font-size:1.15rem;color:var(--sand);margin-top:8px}
.bx p{margin-top:10px;color:var(--sand2);font-size:.9rem;line-height:1.6}
.bx .mt{margin-top:14px;font-family:'JetBrains Mono',monospace;font-size:.625rem;letter-spacing:.16em;color:var(--turq);text-transform:uppercase}

/* ===== TIMELINE (metodo) ===== */
.tline{position:relative;padding-left:44px;max-width:820px}
.tline::before{content:"";position:absolute;left:13px;top:6px;bottom:6px;width:1px;background:linear-gradient(var(--copper),var(--turq))}
.tnode{position:relative;margin-bottom:30px}
.tnode::before{content:"";position:absolute;left:-37px;top:6px;width:13px;height:13px;border-radius:50%;background:var(--ocean);border:2px solid var(--turq);box-shadow:0 0 10px rgba(127,255,212,.5)}
.tnode .ts{font-family:'JetBrains Mono',monospace;font-size:.625rem;letter-spacing:.2em;color:var(--copper2)}
.tnode h3{font-family:'Space Grotesk',sans-serif;font-size:1.2rem;color:var(--sand);margin-top:6px}
.tnode p{margin-top:8px;color:var(--sand2);font-size:.95rem;line-height:1.65}

/* ===== ABOUT ===== */
.agrid{display:grid;gap:44px;align-items:center}
@media(min-width:900px){.agrid{grid-template-columns:1fr 1fr;gap:64px}}
.quote{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.3rem,2.6vw,1.7rem);line-height:1.45;color:var(--sand);border-left:3px solid var(--turq);padding-left:22px}
.quote b{color:var(--turq)}
.gauges{display:flex;gap:26px;flex-wrap:wrap;margin-top:34px}
.gauge{width:104px;text-align:center}
.gauge .d{width:104px;height:104px;border-radius:50%;background:conic-gradient(var(--turq) calc(var(--v)*1%),var(--ocean3) 0);display:flex;align-items:center;justify-content:center;position:relative}
.gauge .d::after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--ocean2);border:1px solid var(--line)}
.gauge .d b{position:relative;z-index:2;font-family:'Space Grotesk',sans-serif;font-size:1.3rem;color:var(--sand)}
.gauge span{display:block;margin-top:10px;font-family:'JetBrains Mono',monospace;font-size:.5625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sand2)}

/* ===== FAQ two-col ===== */
.fgrid{display:grid;gap:40px}
@media(min-width:900px){.fgrid{grid-template-columns:300px 1fr;gap:64px}}
.fleft{position:sticky;top:90px;align-self:start}
@media(max-width:899px){.fleft{position:static}}
details.faq{border:1px solid var(--line);background:var(--ocean2);margin-bottom:12px}
details.faq summary{display:flex;gap:14px;align-items:center;padding:18px 22px;cursor:pointer;list-style:none}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary .q{font-family:'JetBrains Mono',monospace;font-size:.6875rem;color:var(--copper);flex-shrink:0}
details.faq summary h3{font-family:'Space Grotesk',sans-serif;font-size:1rem;color:var(--sand);font-weight:600;flex:1}
details.faq summary .ic{font-family:'JetBrains Mono',monospace;color:var(--turq);transition:.3s}
details.faq[open] summary .ic{transform:rotate(45deg);color:var(--copper)}
details.faq .fa{padding:0 22px 22px 56px;color:var(--sand2);font-size:.95rem;line-height:1.7}

/* ===== CONTACT ===== */
.cgrid{display:grid;gap:40px;align-items:center}
@media(min-width:900px){.cgrid{grid-template-columns:1fr 1fr;gap:64px}}
.chan{margin-top:26px;border:1px solid var(--line);background:var(--ocean2)}
.chan .r{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:.9rem}
.chan .r:last-child{border-bottom:0}
.chan .r span{font-family:'JetBrains Mono',monospace;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sand2)}
.chan .r b{color:var(--turq);font-weight:500}

/* ===== LEGAL (document layout) ===== */
.doc{display:grid;gap:24px;padding:70px 0 90px}
@media(min-width:900px){.doc{grid-template-columns:70px 1fr;gap:40px}}
.docside{display:flex;align-items:flex-start;gap:14px}
@media(min-width:900px){.docside{flex-direction:column;align-items:center;border-right:1px solid var(--line);padding-right:0}}
.docside .dc{font-family:'JetBrains Mono',monospace;font-size:.75rem;letter-spacing:.24em;color:var(--copper);writing-mode:vertical-rl;transform:rotate(180deg);border:1px solid var(--copper);padding:14px 6px}
@media(max-width:899px){.docside .dc{writing-mode:horizontal-tb;transform:none;padding:6px 14px}}
.docside .du{font-family:'JetBrains Mono',monospace;font-size:.625rem;letter-spacing:.16em;color:var(--sand2);writing-mode:vertical-rl;transform:rotate(180deg)}
@media(max-width:899px){.docside .du{writing-mode:horizontal-tb;transform:none}}
.prosa h1{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(1.9rem,5vw,3rem);color:var(--sand)}
.prosa .sub{margin-top:12px;color:var(--sand2);max-width:640px}
.prosa h2{font-family:'Space Grotesk',sans-serif;font-size:1.25rem;color:var(--turq);margin:30px 0 10px}
.prosa h3{font-family:'Space Grotesk',sans-serif;font-size:1.05rem;color:var(--copper2);margin:22px 0 8px}
.prosa p{color:var(--sand2);line-height:1.75;margin-bottom:12px}
.prosa ul{margin:0 0 14px 20px;color:var(--sand2);list-style:disc;line-height:1.7}
.prosa a{color:var(--turq);border-bottom:1px solid var(--turq)}
.callout{border:1px solid rgba(127,255,212,.35);background:rgba(127,255,212,.06);padding:20px;margin:22px 0;display:flex;gap:14px}
.callout p{margin:0;font-size:.92rem}
.warn{margin-top:26px;font-family:'JetBrains Mono',monospace;font-size:.75rem;letter-spacing:.18em;color:var(--copper2);font-weight:700;text-transform:uppercase}

footer{border-top:1px solid var(--line);background:var(--ocean2);padding:44px 0 26px}
.frow{display:flex;flex-wrap:wrap;gap:18px 34px;justify-content:space-between;align-items:center}
.frow nav{display:flex;gap:20px;flex-wrap:wrap}
.frow nav a{font-family:'JetBrains Mono',monospace;font-size:.6563rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sand2)}
.frow nav a:hover{color:var(--turq)}
.fbot{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:.625rem;color:var(--sand2)}

.cookiebar{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--ocean2);color:var(--sand);display:flex;gap:16px;align-items:center;justify-content:center;padding:14px 20px;flex-wrap:wrap;font-size:.875rem;border-top:1px solid var(--copper)}
.cookiebar.hidden{display:none}
.cookiebar a{color:var(--turq);text-decoration:underline}
.cookiebar button{background:var(--copper);color:var(--ocean);padding:9px 24px;font-family:'JetBrains Mono',monospace;font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}