:root{--bg:#041019;--panel:#071720;--line:#22323d;--text:#f4f6f7;--muted:#bac4ca;--orange:#ff6613;--max:1536px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.35;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}.wrap{width:min(1330px,calc(100% - 60px));margin:auto}
header{height:64px;background:#06131b;border-bottom:1px solid #26333c;position:sticky;top:0;z-index:30}.nav{height:64px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;margin-right:auto}.brand img{width:315px;height:56px;object-fit:contain}.brand span{font-size:.58rem;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:#c0c8cd;border-left:1px solid #51606a;padding-left:14px}.nav nav{display:flex;gap:38px;height:100%;align-items:center}.nav nav a{height:100%;display:flex;align-items:center;text-decoration:none;text-transform:uppercase;font-size:.76rem;font-weight:700;position:relative}.nav nav a.active:after,.nav nav a:hover:after{content:'';height:3px;background:var(--orange);left:0;right:0;bottom:0;position:absolute}.top-cta{background:var(--orange);padding:17px 20px;text-decoration:none;text-transform:uppercase;font-size:.75rem;font-weight:700}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:1.4rem}
.hero{height:296px;background:linear-gradient(90deg,#06131b 0%,#06131b 38%,rgba(6,19,27,.9) 45%,rgba(6,19,27,.05) 67%),url('assets/hero.jpg') right center/62% 100% no-repeat;border-bottom:1px solid var(--line)}.hero-inner{height:100%;display:flex;align-items:center}.hero-copy{width:620px}.hero h1{margin:0 0 14px;font-size:3.4rem;line-height:.95;letter-spacing:-.04em}.hero h1 span{color:var(--orange)}.hero p{margin:0 0 18px;font-size:1.03rem;color:#e0e5e8}.actions{display:flex;gap:18px}.btn{display:inline-flex;min-height:48px;align-items:center;padding:0 24px;border:1px solid var(--orange);text-decoration:none;text-transform:uppercase;font-size:.79rem;font-weight:700}.btn.primary{background:var(--orange)}.btn.secondary{background:#07121a}
.cards{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.card{min-width:0;background:linear-gradient(#091923,#07151d);border-right:1px solid var(--line)}.card:last-child{border-right:0}.card>img{width:100%;height:140px;object-fit:cover}.card-body{min-height:100px;padding:15px 22px 18px;display:flex;gap:20px}.icon{color:var(--orange);font-size:2.1rem;line-height:1;min-width:46px;text-align:center;font-weight:400}.icon.code{font-size:1.65rem;font-weight:700}.card h3,.why h3{margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em;font-size:.94rem}.card p,.why p{margin:0;color:#d3dbe0;font-size:.84rem}.full{padding-top:14px}.section-title{height:26px;display:flex;align-items:center;gap:20px;text-transform:uppercase;letter-spacing:.24em;font-size:.78rem;padding-left:30px}.section-title span{width:53px;height:3px;background:var(--orange);display:block}
.why{padding-top:14px}.why-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.35fr;border-bottom:1px solid var(--line);min-height:120px}.why article{display:flex;gap:16px;padding:18px 30px;border-right:1px solid var(--line)}.quality{background:linear-gradient(90deg,rgba(4,16,25,.2),rgba(4,16,25,.1)),url('assets/quality.jpg') center/cover no-repeat;position:relative}.quality>div{position:absolute;right:25px;top:22px;letter-spacing:.24em;line-height:1.7;font-size:.78rem}.quality i{display:block;width:42px;height:3px;background:var(--orange);margin-top:8px}
.contact{padding:36px 0;border-bottom:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr;align-items:center}.contact .section-title{padding-left:0;margin-bottom:18px}.contact h2{margin:0 0 10px;font-size:1.6rem}.contact p{color:var(--muted);max-width:520px}.contact-box{border-left:1px solid var(--line);padding:12px 28px;min-height:110px}.contact-box a{text-decoration:none}.contact-box a:hover{color:var(--orange)}
footer{padding:18px 0 24px}.footer{display:flex;justify-content:space-between;align-items:center;color:#9facb4;font-size:.75rem}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:160px;height:48px;object-fit:contain}.footer-brand span{text-transform:uppercase;letter-spacing:.15em}.footer>div:last-child{display:flex;gap:24px}.footer a{text-decoration:none}
@media(max-width:1100px){.brand span,.top-cta{display:none}.nav nav{gap:24px}.hero{background-size:75% 100%}.cards{grid-template-columns:1fr 1fr}.card:nth-child(2){border-right:0}.why-grid{grid-template-columns:1fr 1fr}.quality{min-height:180px}.contact-grid{grid-template-columns:1fr 1fr}.contact-grid>div:first-child{grid-column:1/-1;margin-bottom:22px}}
@media(max-width:720px){.wrap{width:calc(100% - 28px)}header,.nav{height:66px}.brand img{width:205px;height:52px}.nav nav{display:none}.menu-btn{display:block;margin-left:auto}.nav nav.open{display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;gap:0;background:#07151d;height:auto}.nav nav.open a{width:100%;padding:16px 20px}.hero{height:auto;min-height:470px;background:linear-gradient(rgba(4,16,25,.7),rgba(4,16,25,.92)),url('assets/hero.jpg') center/cover}.hero-inner{padding:55px 0}.hero-copy{width:100%}.hero h1{font-size:2.8rem}.hero p br{display:none}.actions{flex-direction:column}.btn{width:100%;justify-content:center}.cards,.why-grid,.contact-grid{grid-template-columns:1fr}.card{border-right:0;border-bottom:1px solid var(--line)}.card>img{height:220px}.why article{border-right:0;border-bottom:1px solid var(--line)}.quality{min-height:220px}.contact-grid>div:first-child{grid-column:auto}.contact-box{border-left:0;border-top:1px solid var(--line);padding:20px 0}.footer{flex-direction:column;align-items:flex-start;gap:12px}.footer-brand{flex-direction:column;align-items:flex-start}}