:root{--blue:#4DB8FF;--navy:#071a2b;--ink:#10243a;--muted:#5c6b78;--line:#dce7ef;--bg:#f5f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Open Sans',Arial,sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand strong{display:block;font-size:20px}.brand small{display:block;font-size:11px}.c3{font-size:43px;line-height:1;font-weight:800;letter-spacing:-5px;color:var(--blue)}nav{display:flex;gap:26px;font-size:14px}nav a:hover{color:#168edc}.top-contact{display:flex;gap:16px;font-size:12px}.menu{display:none;border:0;background:none;font-size:24px}.hero{background:linear-gradient(115deg,#061522 0%,#0d2b42 58%,#143b56 100%);color:white;padding:88px 0}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}.eyebrow{color:var(--blue);font-weight:800;letter-spacing:3px;font-size:12px}.hero h1{font-size:49px;line-height:1.08;margin:8px 0 20px}.hero h1 span{color:var(--blue)}.lead{font-size:17px;line-height:1.7;max-width:650px;color:#e8f1f7}.btn{display:inline-block;background:var(--blue);color:#05213a;padding:14px 24px;border-radius:5px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;font-size:12px;border:0;cursor:pointer}.hero-art{display:grid;grid-template-columns:1fr 1fr;gap:12px}.screen{min-height:160px;padding:14px;border:5px solid #1a2730;border-radius:4px;background:linear-gradient(180deg,#e8f7ff,#a9d7ee);color:#18354b;font-size:10px;font-weight:800;box-shadow:0 10px 30px #0008}.screen:first-child{grid-column:1/-1}.bars{height:100px;margin-top:15px;background:linear-gradient(90deg,transparent 8%,#4b8fb6 8% 13%,transparent 13% 22%,#2e719a 22% 31%,transparent 31% 39%,#4b8fb6 39% 47%,transparent 47% 58%,#2e719a 58% 70%,transparent 70% 79%,#4b8fb6 79% 91%,transparent 91%)}.cad{background:#31536b}.gear{height:110px;margin-top:12px;display:grid;place-items:center;border:10px double #b8d4e4;border-radius:50%;font-size:30px;color:white}.drawing{background:repeating-linear-gradient(0deg,#f4f7f8 0 14px,#cbd8df 15px 16px)}.lines{margin:30px auto;width:70%;height:70px;border:2px solid #547184;transform:skew(-8deg)}.section{padding:75px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.section h2,.about h2,.contact h2{font-size:34px;margin:6px 0 25px}.section-head p{max-width:520px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}.card{border:1px solid var(--line);padding:26px 22px;min-height:275px;box-shadow:0 5px 18px #18364d0b}.card .icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e8f7ff;color:#168edc;font-weight:800;font-size:20px}.card h3{font-size:17px}.card p{color:var(--muted);font-size:14px;line-height:1.55}.card a{display:block;margin-top:20px;color:#168edc;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.about{background:var(--bg);padding:75px 0}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}.tech-panel{height:350px;background:linear-gradient(135deg,#102a3d,#275a78);display:grid;place-items:center;overflow:hidden}.blueprint{width:230px;height:230px;border:3px solid #8ed4ff;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:70px;font-weight:800;letter-spacing:-8px;box-shadow:0 0 0 30px #4db8ff18,0 0 0 60px #4db8ff0d}.about p{line-height:1.7;color:var(--muted)}.contact{padding:75px 0;background:#071a2b;color:white}.contact-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:70px}.contact p{color:#c7d6e2;line-height:1.6}.contact-lines a{color:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:12px;font-weight:700;margin-bottom:14px}input,textarea{width:100%;margin-top:6px;border:1px solid #91a6b6;border-radius:4px;padding:12px;font:inherit}textarea{resize:vertical}.hp{position:absolute;left:-9999px}.contact form .btn{float:right}footer{border-top:1px solid var(--line)}.footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.footer .c3{font-size:34px}.footer .brand strong{font-size:16px}.result{min-height:65vh;background:var(--bg);padding:90px 0}.result-box{max-width:700px;margin:auto;background:white;padding:50px;text-align:center;border:1px solid var(--line)}
@media(max-width:900px){.top-contact{display:none}.cards{grid-template-columns:repeat(2,1fr)}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-art{margin-top:20px}}@media(max-width:650px){.nav{min-height:66px}.brand strong{font-size:16px}.c3{font-size:35px}.menu{display:block}nav{display:none;position:absolute;top:66px;left:0;right:0;background:white;padding:20px 4%;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{padding:60px 0}.hero h1{font-size:37px}.cards{grid-template-columns:1fr}.section-head{display:block}.form-grid{grid-template-columns:1fr}.footer{gap:25px;flex-direction:column;justify-content:center}.hero-art{grid-template-columns:1fr}.screen:first-child{grid-column:auto}}