:root{--blue:#0874e8;--ink:#05070a;--white:#f5f6f7;--muted:#aeb7c2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0a0c0f;color:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1200px,calc(100% - 34px));margin:auto}
.top{position:sticky;top:0;z-index:99;background:rgba(0,0,0,.94);border-bottom:1px solid #1b222c}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:10px}.cnc{font-weight:1000;font-style:italic;font-size:34px;letter-spacing:-3px}.logo span:last-child{display:flex;flex-direction:column}.logo b{font-size:18px;color:#1683f3}.logo small{font-size:8px;letter-spacing:.12em}.nav nav{display:flex;gap:24px;font-size:12px;font-weight:900}.nav nav a:hover{color:#1683f3}.request{padding:15px 18px;background:var(--blue);font-weight:900;font-size:12px}
.hero{position:relative;min-height:720px;overflow:hidden;background:#080b0e}.hero-photo{position:absolute;inset:0;background-image:url('assets/cnc-hero.png');background-position:center 42%;background-size:cover;filter:saturate(.86) contrast(1.07)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.68) 38%,rgba(0,0,0,.2) 70%),linear-gradient(0deg,rgba(0,0,0,.66),transparent 47%)}
.clouds{position:absolute;z-index:2;pointer-events:none;left:-25%;width:150%;height:54%;top:-4%;opacity:.26;filter:blur(12px);background:
radial-gradient(ellipse at 8% 52%,#fff 0 5%,#77808a 12%,transparent 28%),
radial-gradient(ellipse at 33% 32%,#dbe0e4 0 8%,#59616a 18%,transparent 34%),
radial-gradient(ellipse at 59% 55%,#fff 0 5%,#66717c 16%,transparent 32%),
radial-gradient(ellipse at 84% 36%,#dfe3e7 0 7%,#5d6570 18%,transparent 33%)}
.cloud1{animation:drift 35s linear infinite}.cloud2{top:5%;opacity:.18;transform:scale(1.3);animation:drift2 48s linear infinite reverse}.cloud3{top:-12%;opacity:.13;transform:scale(.8);animation:drift 62s linear infinite}
@keyframes drift{from{translate:-4% 0}to{translate:18% 1%}}@keyframes drift2{from{translate:-10% 1%}to{translate:15% -2%}}
.hero-content{position:relative;z-index:5;padding-top:135px}.eyebrow,.kicker{font-weight:1000;font-size:12px;letter-spacing:.13em;color:#5ba6f5}.hero h1{font-size:clamp(58px,9vw,112px);line-height:.82;letter-spacing:-.065em;margin:15px 0 25px}.hero h1 em{font-style:italic;color:#0c75e8;text-shadow:0 2px 0 #001a35}.lead{max-width:640px;color:#dce2e8;font-size:17px;font-weight:700;text-transform:uppercase;line-height:1.7}.actions{display:flex;gap:14px;margin-top:28px}.btn{padding:17px 25px;border:1px solid #fff;font-size:13px;font-weight:1000;letter-spacing:.05em}.blue{background:var(--blue);border-color:var(--blue)}.outline{background:rgba(0,0,0,.4)}.white{background:#fff;color:#05070a}.big{text-align:center;padding:19px 28px}.benefits{position:absolute;z-index:7;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);padding:24px max(calc((100% - 1200px)/2),17px);background:rgba(0,0,0,.84);border-top:1px solid #30363d}.benefits div{padding:0 25px;border-right:1px solid #30363d;display:flex;flex-direction:column}.benefits div:last-child{border:0}.benefits b{font-size:13px}.benefits span{font-size:12px;color:#bdc6d0;margin-top:7px}
.services{background:#eceeef;color:#0a0c0e;padding:66px 0 72px;text-align:center}.services h2,.area h2,.contact h2{font-size:clamp(38px,5vw,65px);letter-spacing:-.045em;margin:7px 0 30px}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.grid article{background:#fff;padding-bottom:25px}.img{height:190px;background-image:url('assets/cnc-hero.png');background-size:570%;background-repeat:no-repeat}.crop1{background-position:1% 93%}.crop2{background-position:28% 84%}.crop3{background-position:51% 83%}.crop4{background-position:72% 82%}.crop5{background-position:97% 81%}.grid h3{font-size:18px;line-height:1;margin:19px 12px 10px}.grid p{font-size:13px;line-height:1.5;color:#3d444c;margin:0 15px}
.area{padding:55px 0;background:#0b0d10}.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.area p{color:#c8d0da}.phone{display:flex;flex-direction:column;border-left:1px solid #343c46;padding-left:55px}.phone span{color:#2d92ff;font-weight:900}.phone strong{font-size:36px}.phone b{font-size:48px;color:#1683f3}.phone small{color:#8793a1}.contact{padding:76px 0;background:#05070a}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:65px;align-items:center}.contact p{color:#adb6c0}.vertical{display:grid}.vertical .btn{display:block}
footer{padding:25px 0;border-top:1px solid #1d242d;color:#76818e;font-size:11px;background:#020304}
@media(max-width:850px){.nav nav{display:none}.hero{min-height:760px}.hero-photo{background-position:61% center}.hero-content{padding-top:115px}.hero h1{font-size:64px;max-width:90%}.lead{max-width:92%;font-size:14px}.benefits{grid-template-columns:1fr 1fr;gap:18px}.benefits div{border-right:0}.grid{grid-template-columns:1fr 1fr}.area-grid,.contact-grid{grid-template-columns:1fr}.phone{border-left:0;border-top:1px solid #343c46;padding:30px 0 0}.phone b{font-size:38px}.nav .request{display:none}}
@media(max-width:520px){.grid{grid-template-columns:1fr}.img{height:230px}.actions{flex-direction:column;max-width:300px}.hero h1{font-size:58px}.benefits{font-size:11px}.logo small{display:none}}
@media(prefers-reduced-motion:reduce){.clouds{animation:none}.hero{scroll-behavior:auto}}