:root{--bg:#171a18;--panel:#1e2220;--ink:#f2f3ed;--muted:#b2b9b0;--green:#a8e65c;--line:#343b34}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:6px}.wrap{width:min(1180px,calc(100% - 96px));margin:auto}.green{color:var(--green)}.muted{color:var(--muted)}.nav{position:sticky;top:0;z-index:10;background:rgba(23,26,24,.96);border-bottom:1px solid var(--line)}.nav-inner{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;font-size:21px;letter-spacing:2px;font-weight:700}.nav nav{display:flex;align-items:center;gap:36px;font-size:14px}.nav nav a:hover,.email:hover,footer a:hover{color:var(--green)}.nav-contact{border:1px solid #566344;padding:10px 18px;border-radius:4px}.menu{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 45%,#27312355,transparent 55%),var(--bg)}.hero:before{content:"";position:absolute;inset:0 0 0 30%;background:url('../img/network.svg') right center / cover no-repeat;opacity:.8;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 35%)}.hero-content{position:relative;padding:66px 0 42px}.eyebrow{font-size:11px;letter-spacing:2.6px;font-weight:700;color:var(--green);margin:0 0 22px}.dot{display:inline-block;background:var(--green);width:6px;height:6px;border-radius:50%;margin-right:9px}.hero-mark{display:block;margin:0 0 24px}h1{font-size:clamp(48px,6.8vw,88px);line-height:1.04;letter-spacing:-3px;font-weight:500;margin:0 0 26px}h2{font-size:clamp(30px,3.7vw,46px);line-height:1.2;letter-spacing:-1.2px;font-weight:500;margin:0}.roles{font-size:19px;letter-spacing:1px;line-height:1.65;margin:0}.short-rule{height:3px;background:var(--green);width:48px;margin:27px 0}.hero-intro{color:var(--muted);font-size:16px;margin:0 0 27px}.actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;background:var(--green);color:#17200f;padding:14px 22px;border-radius:4px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#bdf881;transform:translateY(-2px)}.email{font-size:14px;border-bottom:1px solid #596050;padding-bottom:3px}.localhost{color:#919b8e;font-family:monospace;font-size:12px;margin:31px 0 0}.hero-bottom{position:relative;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;font-size:10px;letter-spacing:2px;color:var(--muted)}.hero-bottom a{font-size:12px;letter-spacing:1px}.hero-bottom a span{color:var(--green);margin-left:12px}.section{padding:90px 0}.about{background:#1c201d;border-block:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-copy p{color:var(--muted);font-size:15px;margin:0 0 20px}.about-copy .lead{color:var(--ink);font-size:21px;line-height:1.5}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px}.section-heading>p{color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{padding:32px 34px;background:var(--panel);border:1px solid var(--line);border-radius:6px;transition:border-color .2s}.card:hover{border-color:#718b55}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.card-top svg{width:42px;height:42px;fill:none;stroke:var(--green);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.card-top span{font-family:monospace;color:#a0aa99;font-size:12px}h3{font-weight:500;font-size:23px;line-height:1.3;margin:0 0 12px}.card p{font-size:14px;color:var(--muted);margin:0;min-height:24px}.card-line{height:2px;width:28px;background:var(--green);margin-top:30px}.contact{border-block:1px solid var(--line);background:linear-gradient(90deg,#20261e,#171a18)}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact h2{font-size:38px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:36px 0;font-size:12px;color:var(--muted)}footer .brand{color:var(--ink);font-size:16px;gap:0}.skip{position:fixed;top:-100px;left:20px;background:var(--green);color:#171a18;z-index:20;padding:10px}.skip:focus{top:10px}@media(min-width:1500px){.hero:before{background-size:950px;background-position:right center}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav-inner{height:72px}.brand{font-size:17px;gap:9px}.brand img{width:26px;height:30px}.menu{display:flex;gap:12px;align-items:center;background:none;color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:6px 10px;font-size:12px}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:#1c201d;border-bottom:1px solid var(--line);padding:22px;align-items:stretch;gap:18px}.nav nav.open{display:flex;flex-direction:column}.hero-content{padding:42px 0 36px}.hero:before{inset:0 0 0 20%;opacity:.38;mask-image:linear-gradient(90deg,transparent,#000)}.hero-mark{width:64px;height:72px}h1{letter-spacing:-1.8px}.roles{font-size:16px;letter-spacing:.5px}.hero-intro{font-size:14px}.actions{align-items:flex-start;flex-direction:column;gap:19px}.section{padding:58px 0}.about-grid{grid-template-columns:1fr;gap:30px}.about-copy .lead{font-size:19px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px}.cards{grid-template-columns:1fr}.card{padding:28px}.contact-inner{align-items:flex-start;flex-direction:column}.contact h2{font-size:30px}.footer-inner{align-items:flex-start;flex-direction:column;gap:14px;padding:28px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}