*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05070a;color:#f5f7fa;font:15px Arial,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}header{height:76px;display:flex;align-items:center;padding:0 6vw;gap:30px;position:sticky;top:0;z-index:10;background:#05070aee;border-bottom:1px solid #ffffff12}.logo{margin-right:auto}.logo strong,.logo span{display:block;letter-spacing:5px}.logo strong{font-size:20px}.logo span{font-size:9px;color:#39a8ff}nav{display:flex;gap:22px;color:#aeb8c4;font-size:13px}.button{display:inline-block;background:linear-gradient(135deg,#0877d8,#23a6ff);border:1px solid #299fff;color:white;padding:12px 18px;font-weight:800;font-size:12px;cursor:pointer}.secondary{background:transparent}.hero,section{padding:95px 7vw}.hero{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center;background:radial-gradient(circle at 80% 30%,#0c3454,transparent 32%)}h1,h2{font-size:clamp(38px,5vw,72px);line-height:1.04;letter-spacing:-2px;margin:12px 0 25px}h2{font-size:clamp(34px,4vw,56px)}em{font-style:normal;color:#48adff}.overline{color:#45aaff;letter-spacing:4px;font-size:10px;font-weight:bold}.lead{max-width:750px;color:#9aa7b6;font-size:17px}.hero small{color:#7f8d9b}.hero-art{height:440px;position:relative}.slab{height:100%;border-radius:180px 10px;background:linear-gradient(120deg,#eee,#697680 4%,#eee 7%,#aaa 25%,#f4f4f4 40%,#65717a 42%,#eee 46%,#8b959d 70%,#eee);filter:brightness(.65)}.cnc{position:absolute;right:-10px;bottom:35px;padding:15px;background:#07111a;border:1px solid #168fe8}.cnc b{color:#4ab3ff;font-size:22px;margin-right:10px}.cnc span{font-size:9px}.center{text-align:center}.center .lead{margin:auto}.dark{background:#090c10}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}.cards article,.checks p{background:#0c1218;border:1px solid #ffffff12;padding:25px;min-height:150px}.cards b{color:#299fff}.cards p{color:#8f9ba8}.accent{border-color:#188ee8!important;background:linear-gradient(140deg,#0c1218,#0b263a)!important}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checks p{min-height:auto;border-left:2px solid #299fff}.materials{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.materials article{background:#0b1015;border:1px solid #ffffff12;padding:10px}.materials i{display:block;height:170px;background:linear-gradient(125deg,#eee,#777 2%,#eee 5%,#aaa 40%,#eee 43%,#666 45%,#eee)}.materials h3{padding:0 10px}.estimator{display:grid;grid-template-columns:1.4fr .7fr;gap:18px}.inputs,aside,form{background:#0c1117;border:1px solid #ffffff12;padding:28px}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:grid;gap:7px;color:#b6c0cb;font-size:12px;font-weight:bold}select,input,textarea{background:#060a0e;border:1px solid #27313b;color:white;padding:12px;width:100%}.inline{width:auto}aside{display:flex;flex-direction:column;justify-content:center}aside strong{font-size:40px}aside p{color:#94a0ad}.why{grid-template-columns:repeat(3,1fr)}.why article{min-height:100px}form{display:grid;gap:14px}footer{padding:40px 7vw;border-top:1px solid #ffffff12;color:#7d8996;display:flex;align-items:center;gap:30px}footer p:last-child{margin-left:auto}@media(max-width:850px){nav{display:none}.hero,.split,.estimator{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.materials{grid-template-columns:1fr 1fr}.hero-art{height:300px}}@media(max-width:520px){header>.button{display:none}.hero,section{padding:70px 22px}.cards,.why,.materials,.checks,.inputs{grid-template-columns:1fr}footer{display:block}}
@media(max-width:700px){nav{display:none}.hero,section{padding:65px 6vw}.hero{display:block}.hero-art{margin-top:45px;height:360px}.cards{grid-template-columns:1fr 1fr}.estimator{grid-template-columns:1fr}.split{grid-template-columns:1fr}}
.slab{background:url("images/cnc-machine.jpg") center/cover no-repeat}
.materials article:nth-child(1) i{background:url("images/stone/quartz.jpg") center/cover no-repeat}
.materials article:nth-child(2) i{background:url("images/stone/granite.jpg") center/cover no-repeat}
.materials article:nth-child(3) i{background:url("images/stone/marble.jpg") center/cover no-repeat}
.materials article:nth-child(4) i{background:url("images/stone/quartzite.jpg") center/cover no-repeat}
.materials article:nth-child(5) i{background:url("images/stone/porceilain.jpg") center/cover no-repeat}
.why article{padding:0;overflow:hidden;min-height:0}.why img{display:block;width:100%;height:150px;object-fit:cover;filter:saturate(.8) brightness(.8)}.why h3{margin:18px 25px 25px;font-size:16px}@media(max-width:520px){.why img{height:190px}}
.contact-details{display:grid;gap:10px;margin-top:30px;max-width:480px}.contact-details article{display:grid;gap:2px;padding:16px 18px;background:#0c1218;border:1px solid #ffffff12;border-left:2px solid #299fff}.contact-details small{color:#45aaff;letter-spacing:3px;font-size:9px;font-weight:bold}.contact-details a{color:#f5f7fa}.contact-details span{color:#8f9ba8;font-size:13px}.contact-details strong{font-weight:normal}
.quote-form button:disabled{opacity:.65;cursor:wait}.quote-popup{position:fixed;right:24px;bottom:24px;z-index:20;max-width:calc(100vw - 48px);padding:16px 20px;background:#0c1218;border:1px solid #299fff;color:#f5f7fa;box-shadow:0 12px 35px #0008;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s}.quote-popup.visible{opacity:1;transform:translateY(0)}
.quote-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:start}.quote-intro h2{max-width:560px}.quote-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:42px}.quote-contact a,.quote-contact span{display:grid;gap:4px;padding:18px;background:#0c1218;border:1px solid #ffffff12;border-top:2px solid #299fff}.quote-contact small,.form-heading small{color:#45aaff;letter-spacing:3px;font-size:9px;font-weight:bold}.quote-contact strong{font-size:13px;font-weight:normal;overflow-wrap:anywhere}.quote-form{display:grid;gap:18px;background:#0c1117;border:1px solid #ffffff12;padding:30px}.form-heading{display:grid;gap:4px;margin-bottom:2px}.form-heading strong{font-size:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-form textarea{resize:vertical;min-height:130px}.quote-form .button{justify-self:start}@media(max-width:850px){.quote-section{grid-template-columns:1fr;gap:45px}.quote-contact{max-width:700px}}@media(max-width:520px){.quote-contact,.form-row{grid-template-columns:1fr}.quote-form{padding:22px}.quote-form .button{width:100%}}
.services>.lead{margin:0 0 35px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-grid article{background:#0c1218;border:1px solid #ffffff12;overflow:hidden;transition:border-color .2s,transform .2s}.service-grid article:hover{border-color:#168fe8;transform:translateY(-3px)}.service-grid img{display:block;width:100%;height:145px;object-fit:cover}.service-grid h3{margin:18px 20px 6px;font-size:16px}.service-grid p{margin:0 20px 20px;color:#8f9ba8;font-size:13px;line-height:1.5}@media(max-width:850px){.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.service-grid{grid-template-columns:1fr}.service-grid img{height:190px}}.service-grid article:nth-child(9){display:none}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:2px solid #168fe8;outline-offset:1px}.quote-form .form-heading span,.form-note{color:#7f8d9b;font-size:12px;font-weight:normal}.quote-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.quote-form button:disabled{opacity:.65;cursor:wait}
