:root{
  --bg:#070b0e;
  --panel:#0a1014;
  --panel-2:#0c1216;
  --line:#596770;
  --line-soft:rgba(116,137,149,.26);
  --grid-small:rgba(90,114,126,.055);
  --grid-large:rgba(90,114,126,.09);
  --text:#eef2f4;
  --muted:#a9b2b8;
  --accent:#59c6ff;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-width:320px;color:var(--text);font-family:"Space Mono","Consolas",monospace;background-color:var(--bg);background-image:linear-gradient(var(--grid-large) 1px,transparent 1px),linear-gradient(90deg,var(--grid-large) 1px,transparent 1px),linear-gradient(var(--grid-small) 1px,transparent 1px),linear-gradient(90deg,var(--grid-small) 1px,transparent 1px);background-size:64px 64px,64px 64px,16px 16px,16px 16px;background-position:-1px -1px}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
.page-frame{position:fixed;inset:26px;pointer-events:none;z-index:99;background:linear-gradient(var(--muted),var(--muted)) left top/18px 1px no-repeat,linear-gradient(var(--muted),var(--muted)) left top/1px 18px no-repeat,linear-gradient(var(--muted),var(--muted)) right top/18px 1px no-repeat,linear-gradient(var(--muted),var(--muted)) right top/1px 18px no-repeat,linear-gradient(var(--muted),var(--muted)) left bottom/18px 1px no-repeat,linear-gradient(var(--muted),var(--muted)) left bottom/1px 18px no-repeat,linear-gradient(var(--muted),var(--muted)) right bottom/18px 1px no-repeat,linear-gradient(var(--muted),var(--muted)) right bottom/1px 18px no-repeat;opacity:.9}
.site-shell{width:min(1426px,calc(100% - 72px));margin:0 auto;padding:28px 0 26px}
.hero{height:205px;display:grid;grid-template-columns:1fr 2.3fr 1fr;align-items:center;position:relative}
.hero-meta{align-self:start;padding-top:8px;font-size:14px;color:#aab3b9;letter-spacing:.04em}.hero-meta span{color:#7f8b92}
.hero-logo-wrap{position:relative;width:min(570px,100%);height:150px;justify-self:center;display:flex;align-items:center;justify-content:center}
.logo-box{position:relative;width:520px;height:112px;border-top:1px solid rgba(174,185,191,.45);border-bottom:1px solid rgba(174,185,191,.28);display:flex;align-items:center;justify-content:center}
.logo-box h1{font-family:"Michroma","Eurostile Extended","Microgramma",sans-serif;font-size:48px;font-weight:400;letter-spacing:.22em;margin:0 0 0 .22em;line-height:1;color:#f2f4f5;text-shadow:0 0 16px rgba(255,255,255,.05)}
.corner{position:absolute;width:15px;height:15px}.corner:before,.corner:after{content:"";position:absolute;background:#9ca9b0}.corner:before{width:15px;height:1px}.corner:after{width:1px;height:15px}.tl{left:-10px;top:-8px}.tr{right:-10px;top:-8px;transform:rotate(90deg)}.bl{left:-10px;bottom:-8px;transform:rotate(270deg)}.br{right:-10px;bottom:-8px;transform:rotate(180deg)}
.dimension{position:absolute;color:#77848b;font-size:14px}.dimension-top{left:0;right:0;top:0;text-align:center;border-top:1px solid rgba(125,140,148,.22)}.dimension-top span{position:relative;top:-25px;background:var(--bg);padding:0 12px}.dimension-right{right:-48px;top:38px;height:75px;border-right:1px solid rgba(125,140,148,.24);display:flex;align-items:center}.dimension-right span{position:relative;right:-38px}
.target-mark{position:absolute;left:-86px;top:62px;width:22px;height:22px;border:1px solid rgba(147,160,167,.55);border-radius:50%}.target-mark:before,.target-mark:after{content:"";position:absolute;background:rgba(147,160,167,.45)}.target-mark:before{width:50px;height:1px;left:-15px;top:10px}.target-mark:after{width:1px;height:50px;left:10px;top:-15px}
.hero-claim{justify-self:end;width:225px;padding-left:38px;border-left:1px solid rgba(143,157,164,.55)}.hero-claim p{font-family:"Rajdhani","Bahnschrift","Arial Narrow",sans-serif;font-size:27px;line-height:1.56;font-weight:300;margin:0;letter-spacing:.02em;position:relative}.hero-claim p:before{content:"";position:absolute;width:18px;height:1px;background:var(--accent);left:-39px;top:50%}
.main-divider{height:28px;border-top:1px solid rgba(126,141,149,.55);position:relative}.main-divider span{position:absolute;left:50%;top:-14px;transform:translateX(-50%);font-size:25px;font-weight:300;color:var(--accent);background:var(--bg);padding:0 9px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.service-card{position:relative;min-width:0;background:linear-gradient(180deg,rgba(10,16,20,.88),rgba(8,13,17,.94));border:1px solid rgba(130,148,158,.72);border-radius:5px;overflow:hidden;transition:border-color .18s ease,transform .18s ease}.service-card:hover{border-color:rgba(89,198,255,.85);transform:translateY(-2px)}
.card-image{height:312px;border-bottom:1px solid rgba(109,126,135,.35);overflow:hidden}.card-image img{filter:saturate(.82) brightness(.76) contrast(1.05);transition:transform .35s ease,filter .35s ease}.service-card:hover .card-image img{transform:scale(1.015);filter:saturate(.9) brightness(.82) contrast(1.06)}
.card-content{height:263px;padding:13px 25px 22px;display:flex;flex-direction:column}.card-number{font-size:14px;color:var(--accent);margin-bottom:6px}.card-content h2{font-family:"Michroma","Eurostile Extended","Microgramma",sans-serif;font-size:24px;font-weight:400;letter-spacing:.06em;margin:0;line-height:1.15}.short-line{width:29px;height:1px;background:var(--accent);margin:10px 0 12px}.card-content ul{list-style:none;padding:0;margin:0;color:#b8c0c5;font-size:14px;line-height:1.86}.card-content li:before{content:"›";margin-right:12px;color:#9eabb2}.card-content a{margin-top:auto;color:var(--accent);font-size:14px;letter-spacing:.02em}
.card-corner{position:absolute;width:15px;height:15px;pointer-events:none}.card-corner:before,.card-corner:after{content:"";position:absolute;background:var(--accent)}.card-corner:before{height:1px;width:15px}.card-corner:after{width:1px;height:15px}.top-left{left:16px;top:16px}.top-right{right:16px;top:16px;transform:rotate(90deg)}.bottom-left{left:16px;bottom:16px;transform:rotate(270deg)}.bottom-right{right:16px;bottom:16px;transform:rotate(180deg)}
.projects{margin-top:22px;min-height:96px;border:1px solid rgba(119,137,147,.62);border-radius:4px;display:grid;grid-template-columns:1.35fr 1fr 1fr 1.25fr .85fr 1.55fr;align-items:center;background:rgba(8,13,17,.72)}.projects>*{min-height:58px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(102,120,130,.32)}.projects>*:last-child{border-right:0}.projects-title{align-items:flex-start!important;flex-direction:column;padding-left:32px}.projects-title strong{font-weight:400;font-size:14px}.projects-title span{width:38px;height:1px;background:var(--accent);margin-top:10px}.project-item{flex-direction:column;gap:6px;font-size:12px;color:#c2c9cd;text-align:center}.project-item b{font-size:25px;color:#77cfff;font-weight:400;line-height:1}.project-item.more b{letter-spacing:.2em;font-size:18px}.projects-button{margin:0 18px;min-height:52px!important;border:1px solid rgba(89,198,255,.65)!important;color:#8fd8ff;font-size:12px;letter-spacing:.02em}
footer{height:43px;display:flex;align-items:end;justify-content:space-between;color:#9ba6ac;font-size:12px;padding:0 2px}footer nav{display:flex;gap:74px;padding-right:8px}footer a:hover{color:var(--accent)}
@media (max-width:1050px){.hero{grid-template-columns:1fr 1.6fr 1fr}.logo-box h1{font-size:39px}.logo-box{width:420px}.card-image{height:250px}.projects{grid-template-columns:1.2fr repeat(4,.8fr);}.projects-button{grid-column:1/-1;border-top:1px solid rgba(102,120,130,.32)!important;margin:0;min-height:55px!important}.projects>*:nth-child(5){border-right:0}}
@media (max-width:780px){.site-shell{width:min(100% - 28px,640px);padding-top:18px}.page-frame{inset:10px}.hero{height:auto;grid-template-columns:1fr;gap:20px;padding:18px 0 26px}.hero-meta{justify-self:start}.hero-logo-wrap{order:2;width:100%;height:116px}.logo-box{width:min(92vw,500px);height:90px}.logo-box h1{font-size:36px}.dimension,.target-mark{display:none}.hero-claim{order:3;justify-self:start;width:auto;margin-left:auto;padding-left:26px}.hero-claim p{font-size:23px}.hero-claim p:before{left:-27px;width:12px}.cards{grid-template-columns:1fr}.card-image{height:min(58vw,350px)}.card-content{height:245px}.projects{grid-template-columns:1fr 1fr}.projects-title{grid-column:1/-1;min-height:72px}.projects>*{border-bottom:1px solid rgba(102,120,130,.32)}.projects-button{grid-column:1/-1}.projects>*:nth-child(even){border-right:0}footer{height:70px;align-items:center}footer nav{gap:26px;padding-right:0}}