
:root{--ink:#071522;--muted:#516274;--blue:#0059a9;--blue2:#0872c9;--line:#d9e2e9;--mist:#f4f7f9;--white:#fff;--dark:#071b2d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}
.site-header{height:94px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4.5vw;border-bottom:1px solid #edf1f4;position:relative;z-index:20;background:rgba(255,255,255,.96)}
.brand{font-size:25px;letter-spacing:.04em;font-weight:800}.brand span{color:var(--blue)}.nav{display:flex;gap:38px;font-size:15px;font-weight:600}.nav a:hover{color:var(--blue)}.header-cta{justify-self:end;padding:16px 24px;border:1px solid var(--blue);color:var(--blue);font-weight:700}.header-cta:hover,.primary:hover{background:#004885}.menu-button{display:none}
.hero{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,#fff 0%,#fff 43%,rgba(255,255,255,.55) 59%,rgba(255,255,255,0) 75%),linear-gradient(135deg,#f9fbfc,#dce5ea)}.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,0) 37%,rgba(255,255,255,.05)),url('cnc-hero.png');background-size:cover;background-position:center}.hero-copy{position:relative;z-index:2;width:56%;padding:70px 0 70px 5.5vw}.eyebrow{font-size:13px;letter-spacing:.13em;font-weight:800;color:var(--blue);margin:0 0 25px}.hero h1{font-size:clamp(42px,4.25vw,68px);line-height:1.08;letter-spacing:-.045em;margin:0 0 25px}.lead{font-size:20px;line-height:1.65;color:#33495c;max-width:575px;margin:0 0 34px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:60px;background:var(--blue);color:#fff;padding:19px 26px;min-width:290px;font-weight:750;border:0;cursor:pointer}.micro{font-size:13px;color:#667786;margin:18px 0 0}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 5.5vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px}.trust-strip div{display:flex;flex-direction:column;border-right:1px solid var(--line);padding-right:24px}.trust-strip div:last-child{border:0}.trust-strip strong{font-size:15px}.trust-strip span{font-size:12px;color:#71808d;margin-top:7px}
.section{padding:110px 5.5vw}.section-head{display:grid;grid-template-columns:1.2fr 1fr;column-gap:8vw;align-items:end;margin-bottom:55px}.section-head .eyebrow{grid-column:1/-1}.section-head h2,.material-copy h2,.about h2,.quote h2{font-size:clamp(35px,3.3vw,53px);line-height:1.08;letter-spacing:-.04em;margin:0}.section-head>p:last-child,.material-copy>p,.quote-intro>p{font-size:17px;line-height:1.7;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.card{padding:38px 35px 38px 0;border-right:1px solid var(--line);margin-right:35px}.card:last-child{border:0}.card>span{font:600 12px monospace;color:var(--blue)}.card h3{font-size:25px;margin:44px 0 15px}.card p{color:var(--muted);line-height:1.7;min-height:112px}.card a{color:var(--blue);font-weight:700;font-size:14px}
.material-section{display:grid;grid-template-columns:1fr 1fr;background:var(--mist);min-height:650px}.material-visual{min-height:600px;position:relative;overflow:hidden;background:linear-gradient(145deg,#cbd4d9,#f7f8f8 45%,#aab7be)}.metal-disc{position:absolute;border-radius:50%;border:22px solid #e8edef;background:radial-gradient(circle,#0e1b22 0 20%,#c7d0d5 21% 27%,#f7f8f8 29% 52%,#7d8a91 55% 58%,#dde4e7 60%);box-shadow:25px 32px 45px #59656d70}.disc-a{width:360px;height:360px;left:12%;top:18%;transform:rotateX(65deg) rotateZ(25deg)}.disc-b{width:220px;height:220px;right:-2%;top:8%;transform:rotateX(62deg)}.disc-c{width:170px;height:170px;right:15%;bottom:3%;transform:rotateX(58deg)}.material-copy{padding:100px 7vw}.material-copy>p{margin:28px 0}.material-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cbd5db}.material-list span{padding:17px 4px;border-bottom:1px solid #cbd5db;font-weight:700}.material-list span:nth-child(odd){margin-right:20px}.finishes{font-size:13px!important;color:#607384!important}
.quality{background:#fff}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.quality-grid article{background:var(--mist);padding:38px}.quality-grid b{color:var(--blue);font:600 12px monospace}.quality-grid h3{font-size:22px;margin:55px 0 15px}.quality-grid p{color:var(--muted);line-height:1.65}
.about{background:var(--dark);color:white;padding:105px 5.5vw;display:grid;grid-template-columns:1.1fr 1fr;gap:11vw}.light{color:#74b8ef}.about p{color:#b9c7d2;font-size:17px;line-height:1.7;margin:0 0 24px}.about a{color:#75bfff;font-weight:700}
.quote{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:#f7f9fa}.quote-intro>p{margin:25px 0}.accepted{border-left:3px solid var(--blue);padding:5px 0 5px 18px;display:flex;flex-direction:column;gap:7px}.accepted span{font-size:12px;color:var(--muted)}.rfq{background:white;padding:40px;box-shadow:0 15px 50px #1d3a4d13}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rfq label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:750;color:#334859;margin-bottom:20px}.rfq input,.rfq textarea{border:1px solid #ccd7de;padding:14px;background:#fbfcfd;outline:none}.rfq input:focus,.rfq textarea:focus{border-color:var(--blue)}.upload{border:1px dashed #aebdc7;padding:18px!important;position:relative}.upload input{position:absolute;opacity:0;inset:0;cursor:pointer}.upload span{color:var(--blue);font-size:14px}.upload small{font-weight:400;color:#7b8993}.form-submit{width:100%;margin-top:4px}.review-note{font-size:12px;line-height:1.5;color:#385a71;background:#e8f4fc;padding:12px}
footer{background:#03111d;color:#b9c6cf;padding:55px 5.5vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:start;gap:20px}.inverse{color:white}.footer p{margin:0}footer div{display:flex;gap:25px}footer small{grid-column:1/-1;border-top:1px solid #25333e;padding-top:25px;margin-top:25px}
@media(max-width:850px){.site-header{height:74px;grid-template-columns:1fr auto;padding:0 20px}.brand{font-size:20px}.menu-button{display:block;background:none;border:0;color:var(--blue);font-weight:700}.header-cta{display:none}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:white;padding:25px;box-shadow:0 10px 25px #0002;flex-direction:column;gap:20px}.nav.open{display:flex}.hero{min-height:720px;align-items:flex-end;background:linear-gradient(0deg,#fff 5%,rgba(255,255,255,.96) 47%,rgba(255,255,255,.15) 80%)}.hero-image{background-position:64% top;background-size:auto 55%;background-repeat:no-repeat}.hero-copy{width:100%;padding:355px 22px 55px}.hero h1{font-size:41px}.lead{font-size:17px}.primary{min-width:0;width:100%}.trust-strip{grid-template-columns:1fr 1fr;padding:25px 22px}.trust-strip div:nth-child(2){border:0}.section{padding:75px 22px}.section-head,.material-section,.about,.quote{grid-template-columns:1fr}.section-head{gap:24px}.cards,.quality-grid{grid-template-columns:1fr}.card{border-right:0;border-bottom:1px solid var(--line);margin:0}.card p{min-height:0}.material-visual{min-height:380px}.material-copy{padding:70px 22px}.about{padding:75px 22px;gap:40px}.quote{gap:45px}.rfq{padding:25px}.field-row{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer small{grid-column:1}.section-head h2,.material-copy h2,.about h2,.quote h2{font-size:38px}}
