@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Orbitron:wght@600;700&display=swap');
:root{--bg:#05070b;--panel:#0b1018;--line:#1c2c42;--text:#f5f7fa;--muted:#9aa7b8;--blue:#0878ff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;background-image:linear-gradient(rgba(25,55,90,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(25,55,90,.12) 1px,transparent 1px);background-size:56px 56px}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding-left:22px;padding-right:22px}header{position:sticky;top:0;z-index:10;background:rgba(5,7,11,.88);backdrop-filter:blur(14px);border-bottom:1px solid #172538}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Orbitron;font-weight:700;letter-spacing:.08em}.brand span{color:var(--blue);font-size:.72em;margin-left:6px}nav{display:flex;gap:28px;font-size:14px;color:#c6d0dd}nav a:hover{color:white}#menu{display:none;background:none;color:white;border:1px solid var(--line);padding:10px 14px}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:52px;padding-top:70px;padding-bottom:70px}.eyebrow{color:#72adff;letter-spacing:.22em;font-size:12px;font-weight:700}h1{font-size:clamp(46px,6vw,78px);line-height:1.03;letter-spacing:-.05em;margin:18px 0 24px}h1 span{color:#78b0ff}.lead{color:var(--muted);font-size:18px;line-height:1.75}.actions{display:flex;gap:14px;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 20px;border:1px solid #2d4058;background:#0b111a;font-weight:700;cursor:pointer}.primary{background:linear-gradient(135deg,#0784ff,#034cb9);border-color:#2493ff;box-shadow:0 12px 34px rgba(0,102,255,.22)}.logo-panel{position:relative;aspect-ratio:1/1;overflow:hidden;border:1px solid #23466f;background:#070a0f;clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%)}.logo-panel img{width:100%;height:100%;object-fit:cover}.scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#0a86ff,transparent);box-shadow:0 0 20px #0a86ff;animation:scan 5s ease-in-out infinite}@keyframes scan{0%,100%{top:10%}50%{top:88%}}.section{padding-top:100px;padding-bottom:100px}.section h2{font-size:clamp(36px,4vw,54px);margin:10px 0 42px;letter-spacing:-.04em}.alt{background:rgba(7,12,19,.88);border-top:1px solid #142237;border-bottom:1px solid #142237}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cards article{padding:32px;background:linear-gradient(145deg,#0d141f,#070b11);border:1px solid #1a2e48;min-height:230px}.cards b,.steps b{color:#4c9cff;font-family:Orbitron}.cards h3,.steps h3{font-size:25px;margin:45px 0 12px}.cards p,.steps p{color:var(--muted);line-height:1.7}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #28496f}.steps>div{padding:28px 22px;border-right:1px solid #1b304c}.steps>div:last-child{border-right:0}.materials{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.materials div{padding:28px 20px;background:#0a1018;border:1px solid #1b304c}.materials strong{display:block;font-family:Orbitron;font-size:28px;color:#70adff;margin-bottom:30px}.materials span{color:var(--muted);font-size:14px}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.contact a{color:#75adff}form{display:grid;gap:14px;padding:30px;background:#080d14;border:1px solid #1c3554}input,textarea{width:100%;padding:14px;background:#05080d;border:1px solid #263a54;color:white;font:inherit}input:focus,textarea:focus{outline:none;border-color:#1682ff}.hp{position:absolute;left:-9999px}footer{padding-top:32px;padding-bottom:42px;display:flex;justify-content:space-between;color:#8693a4;font-size:13px;border-top:1px solid #18263a}
@media(max-width:850px){#menu{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px;background:#070b11;flex-direction:column}nav.open{display:flex}.hero,.contact{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps>div{border-right:0;border-bottom:1px solid #1b304c}.materials{grid-template-columns:1fr 1fr}.logo-panel{max-width:600px;width:100%;margin:auto}}
@media(max-width:520px){.hero{padding-top:45px}.actions{flex-direction:column}.materials{grid-template-columns:1fr}.section{padding-top:72px;padding-bottom:72px}footer{flex-direction:column;gap:12px}}