:root { --ink:#08110f; --acid:#c9ff25; --mint:#83ffc1; --paper:#f1f3e9; --line:rgba(8,17,15,.16); --font-geist-sans:Arial,Helvetica,sans-serif; --font-geist-mono:"Courier New",monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
.shell { width:min(1240px, calc(100% - 64px)); margin-inline:auto; }
.signal-bar { height:34px; padding:0 max(32px, calc((100% - 1240px)/2)); display:flex; justify-content:space-between; align-items:center; background:var(--acid); font:700 10px/1 var(--font-geist-mono), monospace; letter-spacing:.12em; }
.signal-live { display:flex; align-items:center; gap:8px; }.signal-live i,.product-stock i { width:6px;height:6px;border-radius:50%;background:#0b6;box-shadow:0 0 0 4px rgba(0,187,102,.15); }
.header { height:86px; display:flex; align-items:center; gap:42px; }
.logo { display:flex; align-items:center; gap:12px; font:800 18px/1 var(--font-geist-mono),monospace; letter-spacing:-.06em; }
.logo>span:last-child>span { color:#77ab00; display:block; font-size:7px; letter-spacing:.15em; margin-top:4px; }.logo-mark { width:31px;height:31px;border:2px solid var(--ink);position:relative;display:block;transform:rotate(45deg); }.logo-mark i { position:absolute;width:5px;height:5px;background:var(--ink); }.logo-mark i:nth-child(1){top:5px;left:5px}.logo-mark i:nth-child(2){bottom:5px;right:5px}.logo-mark i:nth-child(3){top:5px;right:5px}
nav { display:flex; gap:28px; margin-left:auto; font-size:13px; font-weight:700; } nav a:hover { color:#679500; }
.header-phone { font:600 13px var(--font-geist-mono),monospace; }
.button { min-height:54px; padding:0 22px; display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--acid);background:var(--acid);color:var(--ink);font:800 12px var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:.2s; }
.button:hover { background:var(--mint); border-color:var(--mint); transform:translateY(-2px); }.button-small{min-height:42px;padding-inline:16px;gap:16px;font-size:10px}
.hero { color:white; background:#08110f; position:relative;overflow:hidden; }
.hero:before { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(201,255,37,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(201,255,37,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,#000,transparent 84%); }
.hero-grid { min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;z-index:1; }
.eyebrow { display:flex;align-items:center;gap:14px;font:700 10px var(--font-geist-mono),monospace;letter-spacing:.13em;color:#aeb9b4; }.eyebrow span { color:var(--acid); }.eyebrow:after { content:"";width:54px;height:1px;background:currentColor;opacity:.4; }
h1,h2 { margin:23px 0 24px;font:700 clamp(54px,6.5vw,96px)/.86 var(--font-geist-sans),Arial,sans-serif;letter-spacing:-.075em; } h1 em,h2 em { color:var(--acid);font-style:normal; }
.hero-copy>p { width:min(570px,95%);color:#9caaa4;font-size:17px;line-height:1.65; }
.hero-actions { display:flex;align-items:center;gap:30px;margin:34px 0 48px; }.text-link { padding:12px 0;border-bottom:1px solid #53615c;font:700 11px var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.05em; }.text-link span{color:var(--acid);margin-left:15px}
.hero-stats { display:flex;gap:44px;border-top:1px solid #25332e;padding-top:24px; }.hero-stats div{display:flex;gap:12px}.hero-stats strong{font:700 18px var(--font-geist-mono),monospace;color:var(--acid)}.hero-stats span{font:500 9px/1.45 var(--font-geist-mono),monospace;color:#6f7d77;text-transform:uppercase}
.chip-stage { height:540px;position:relative;display:grid;place-items:center; }.chip { width:255px;height:255px;border:2px solid #98bd27;background:linear-gradient(145deg,#1a2b23,#09130f 70%);transform:rotate(45deg);box-shadow:0 0 80px rgba(201,255,37,.12),inset 0 0 40px #000;position:relative;z-index:2; }.chip:before,.chip:after{content:"";position:absolute;inset:-22px;border:9px dashed #62751e;opacity:.5}.chip:after{inset:22px;border:1px solid #678520;opacity:.7}.chip-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-45deg);font-family:var(--font-geist-mono),monospace}.chip-label small{font-size:9px;color:#6d8077}.chip-label b{font-size:43px;letter-spacing:-.08em;color:var(--acid)}.chip-label span{font-size:8px;color:#81928a;letter-spacing:.15em}
.orbit{position:absolute;border:1px solid #273b31;border-radius:50%;}.orbit-one{width:450px;height:450px}.orbit-two{width:340px;height:340px;border-style:dashed}.node{position:absolute;width:12px;height:12px;background:var(--acid);box-shadow:0 0 20px var(--acid);z-index:3}.n1{top:62px;left:46%}.n2{bottom:55px;right:20%}.n3{top:45%;left:10%}.n4{top:22%;right:6%}
.stage-note{position:absolute;font:700 8px var(--font-geist-mono),monospace;letter-spacing:.1em;display:flex;flex-direction:column;gap:5px}.stage-note span{color:#5c6c65}.stage-note b{color:var(--acid)}.top-note{top:90px;right:8%}.bottom-note{bottom:80px;left:10%}
.ticker { height:54px;border-top:1px solid #22312b;display:flex;align-items:center;justify-content:space-around;white-space:nowrap;font:700 10px var(--font-geist-mono),monospace;letter-spacing:.14em;color:#77857f; }.ticker i{color:var(--acid);font-style:normal;font-size:7px}
.section { padding-block:110px; }.section-head { display:flex;justify-content:space-between;align-items:end;margin-bottom:50px; }.section-head h2 { font-size:clamp(48px,6vw,78px);margin-bottom:0; }.section-head>p { width:410px;font-size:15px;line-height:1.7;color:#5a635f;margin:0 0 8px; }.eyebrow.dark{color:#65706a}.eyebrow.dark span{color:#608c00}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);}.category{min-height:330px;padding:30px;border:1px solid var(--line);border-left:0;display:flex;flex-direction:column;position:relative;transition:.25s}.category:hover{background:var(--acid);transform:translateY(-6px);box-shadow:0 18px 45px rgba(12,26,20,.12)}.category-code{position:absolute;right:22px;top:22px;font:700 10px var(--font-geist-mono),monospace;color:#758078}.category h3{margin:auto 0 8px;font-size:21px;letter-spacing:-.04em}.category p{margin:0;color:#737d78;font-size:12px}.category>div{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:16px;margin-top:24px;font:700 9px var(--font-geist-mono),monospace;text-transform:uppercase}.category>div b{font-size:16px}.circuit-icon{width:90px;height:90px;display:block;position:relative;border:1px solid #91a097;margin-top:6px}.circuit-icon:before,.circuit-icon:after,.circuit-icon span:before,.circuit-icon span:after{content:"";position:absolute;background:#6e7f76}.circuit-icon:before{width:48px;height:1px;left:20px;top:44px}.circuit-icon:after{height:48px;width:1px;left:44px;top:20px}.circuit-icon span{position:absolute;width:22px;height:22px;border:3px solid #28372f;left:33px;top:33px}.circuit-icon span:before,.circuit-icon span:after{width:6px;height:6px;border-radius:50%;background:#6b9900}.circuit-icon span:before{left:-25px;top:5px}.circuit-icon span:after{right:-25px;bottom:5px}.ci-2{border-radius:50%}.ci-3{transform:rotate(45deg);width:74px;height:74px;margin:14px 8px}.ci-3 span{transform:rotate(-45deg);left:25px;top:25px}.ci-4:before{transform:rotate(45deg)}
.catalog-link{text-align:right;margin-top:28px}.catalog-link a{font:700 11px var(--font-geist-mono),monospace;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:8px}.catalog-link span{margin-left:20px}
.services{background:#101c18;color:white;position:relative;overflow:hidden}.services:after{content:"";position:absolute;width:600px;height:600px;border:1px solid #2a3a33;border-radius:50%;right:-240px;top:-240px;box-shadow:0 0 0 80px rgba(131,255,193,.018),0 0 0 160px rgba(131,255,193,.012)}.section-head.light>p{color:#87948e}.process{display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:1}.process-step{padding:30px 24px 0;border-top:1px solid #3b4b44;position:relative}.process-step>span{font:700 11px var(--font-geist-mono),monospace;color:var(--acid)}.process-step>i{position:absolute;width:12px;height:12px;background:var(--acid);border:3px solid #101c18;outline:1px solid var(--acid);top:-6px;right:0}.process-step h3{font:600 22px var(--font-geist-mono),monospace;margin:42px 0 15px}.process-step p{font-size:13px;line-height:1.65;color:#819089;max-width:220px}
.section-head.compact{align-items:end}.advantage-list{border-top:1px solid var(--ink)}.advantage-row{display:grid;grid-template-columns:55px 70px 1.3fr 2fr 110px 12px;gap:22px;align-items:center;min-height:132px;border-bottom:1px solid var(--line);position:relative;transition:.2s}.advantage-row:hover{padding-inline:14px;background:#e5e9d9}.advantage-num,.advantage-code{font:700 10px var(--font-geist-mono),monospace;color:#84908a}.advantage-code{color:#638d00}.advantage-row strong{font:700 20px/1.2 var(--font-geist-mono),monospace;letter-spacing:-.04em}.advantage-row p{font-size:12px;line-height:1.65;color:#64706a;max-width:430px}.advantage-row>b{font:700 15px var(--font-geist-mono),monospace;text-align:right}.advantage-row>i{width:9px;height:9px;background:var(--acid);border:1px solid #708d16;transform:rotate(45deg)}
.request{background:var(--acid);padding:100px 0}.request-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.request .eyebrow{color:#4f650e}.request .eyebrow span{color:var(--ink)}.request h2{font-size:clamp(55px,6vw,82px);margin-bottom:25px}.request-grid>div>p{max-width:450px;line-height:1.65;font-size:14px}.request-form{display:grid;grid-template-columns:1fr 1fr;gap:26px 18px}.request-form label{display:flex;flex-direction:column;gap:10px}.request-form label span{font:700 9px var(--font-geist-mono),monospace;letter-spacing:.08em}.request-form input,.request-form textarea{border:0;border-bottom:1px solid #718b20;background:transparent;padding:12px 0;outline:none;resize:none}.request-form input:focus,.request-form textarea:focus{border-color:var(--ink)}.request-form .button{background:var(--ink);color:white;border-color:var(--ink);margin-top:5px}.wide{grid-column:1/-1}.request-form small{font-size:9px;color:#5e711d}
.request-form .lead-consent{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-size:10px;line-height:1.45;color:#4e6016;cursor:pointer}.request-form .lead-consent input{flex:none;width:16px;height:16px;margin:1px 0 0;padding:0;border:1px solid #718b20;accent-color:var(--ink)}.request-form .lead-consent span{font:600 10px/1.45 var(--font-geist-mono),monospace;letter-spacing:0}.lead-website{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.request-form [data-form-status]{min-height:18px;margin:0;font:600 10px/1.4 var(--font-geist-mono),monospace;color:#6b1d12}.request-form button:disabled{opacity:.65;cursor:wait;transform:none}
.footer{min-height:150px;display:grid;grid-template-columns:1.4fr 1.5fr 1fr 1fr auto;align-items:center;gap:25px;font:600 10px var(--font-geist-mono),monospace;color:#63706a}.footer-logo{color:var(--ink)}.footer p{font-size:9px;line-height:1.4;max-width:190px;text-transform:uppercase}
@media(max-width:1000px){.header nav,.header-phone{display:none}.header .button{margin-left:auto}.hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:90px}.chip-stage{height:480px}.category-grid{grid-template-columns:1fr 1fr}.request-grid{grid-template-columns:1fr;gap:45px}.footer{grid-template-columns:1fr 1fr;padding-block:45px}.process-step p{padding-right:12px}}
@media(max-width:650px){.shell{width:min(100% - 36px,1240px)}.signal-bar a{display:none}.signal-bar{justify-content:space-between}.header{height:72px}.header .button{font-size:0;min-height:40px;padding:0 14px}.header .button:before{content:"ЗАПРОС";font-size:9px}.hero-grid{padding-top:70px}.hero-copy>p{font-size:15px}.hero-actions{align-items:stretch;flex-direction:column;gap:8px}.hero-actions .button{width:100%}.hero-stats{gap:20px;flex-wrap:wrap}.chip-stage{height:390px}.chip{width:190px;height:190px}.orbit-one{width:320px;height:320px}.orbit-two{width:255px;height:255px}.chip-label b{font-size:34px}.ticker{gap:30px;justify-content:flex-start;overflow:hidden;padding-left:20px}.section{padding-block:75px}.section-head{display:block}.section-head>p{width:100%;margin-top:28px}.category-grid{grid-template-columns:1fr}.category{min-height:260px}.process{grid-template-columns:1fr}.process-step{min-height:190px}.process-step i{left:0}.advantage-row{grid-template-columns:34px 1fr auto;gap:10px;padding:24px 0}.advantage-code{display:none}.advantage-row strong{font-size:17px}.advantage-row p{grid-column:2/-1;margin:4px 0}.advantage-row>b{grid-column:3;grid-row:1;text-align:right}.advantage-row>i{display:none}.request-form{grid-template-columns:1fr}.request-form label{grid-column:1}.footer{grid-template-columns:1fr;padding-block:40px}.footer-logo{margin-bottom:12px}h1{font-size:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.category,.advantage-row{transition:none}}