:root{--black:#0b0d0f;--charcoal:#14181b;--gold:#f2b51d;--gold2:#d89a00;--white:#fff;--muted:#c9c9c9;--cream:#f4f2ed}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:#111}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#090b0d,#111518);color:#fff;display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:20px;padding:12px 3vw;border-bottom:1px solid #252a2e}.brand-wrap{display:flex;align-items:center;gap:24px}.logo-mark{width:245px;border:3px solid var(--gold);clip-path:polygon(12% 0,88% 0,100% 18%,100% 78%,50% 100%,0 78%,0 18%);padding:8px 14px 18px;text-align:center;background:#0b0d0f;line-height:1}.logo-mark .mountains{color:var(--gold);font-size:20px;letter-spacing:-3px;margin-bottom:2px}.logo-mark strong{display:block;font-size:44px;letter-spacing:3px}.logo-mark span{display:block;color:var(--gold);font-weight:800;letter-spacing:5px;font-size:18px;margin:3px 0}.logo-mark small{font-weight:700;letter-spacing:1px;font-size:10px}.email-top{font-size:14px;font-weight:700;white-space:nowrap}.nav{display:flex;justify-content:center;gap:26px;font-weight:700}.nav a:hover{color:var(--gold)}.header-actions{display:flex;gap:10px}.btn{border:none;border-radius:4px;padding:13px 20px;font-weight:800;text-transform:uppercase;letter-spacing:.2px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.btn-gold{background:linear-gradient(180deg,#ffc62f,var(--gold2));color:#111}.btn-outline{background:#101417;color:#fff;border:2px solid var(--gold)}.hero{position:relative;min-height:520px;background:url('assets/hero-reference.png') center 23%/cover no-repeat;display:flex;align-items:center;color:#fff;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.28) 45%,rgba(0,0,0,.08) 100%)}.hero-content{position:relative;z-index:2;padding:55px 4vw;max-width:770px}.hero h1{font-size:clamp(48px,6vw,88px);line-height:.92;text-transform:uppercase;margin:0 0 24px;font-weight:900;letter-spacing:-2px}.hero h1 span{color:var(--gold)}.hero h1 em{font-style:normal;font-size:.48em;letter-spacing:1px}.hero p{font-size:22px;line-height:1.4;text-shadow:0 2px 5px #000}.hero-actions{display:flex;gap:14px;margin-top:26px}.benefits{background:var(--black);color:#fff;display:grid;grid-template-columns:repeat(5,1fr);padding:18px 4vw;gap:0}.benefits article{padding:8px 22px;border-right:1px solid #333}.benefits article:last-child{border-right:0}.benefits b,.benefits span{display:block}.benefits b{color:#fff;text-transform:uppercase;margin-bottom:4px}.benefits span{color:#ddd;font-size:14px;line-height:1.35}.section{padding:54px 4vw}.section-heading p,.eyebrow{color:var(--gold2);font-weight:900;text-transform:uppercase;letter-spacing:1px;margin:0}.section-heading h2,.section h2{font-size:40px;margin:4px 0 26px;text-transform:uppercase}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.material-card{background:#fff;border:1px solid #d6d6d6;border-radius:8px;overflow:hidden;box-shadow:0 5px 18px rgba(0,0,0,.07)}.material-card img,.material-photo{width:100%;height:180px;object-fit:cover;display:block}.material-card h3{font-size:20px;text-transform:uppercase;margin:16px 18px 8px}.material-card p{margin:0 18px 20px;color:#444;line-height:1.4}.material-photo.gravel{background:radial-gradient(circle at 20% 30%,#a8adb0 0 8px,transparent 9px),radial-gradient(circle at 55% 55%,#6f7579 0 10px,transparent 11px),radial-gradient(circle at 80% 20%,#8f969a 0 7px,transparent 8px),#555;background-size:48px 48px}.material-photo.tanrock{background:radial-gradient(circle,#ba8a4c 0 9px,#8b6537 10px 13px,transparent 14px),#d0a56a;background-size:45px 45px}.material-photo.sand{background:linear-gradient(130deg,#c9a46b,#e3c590 48%,#b68d53)}.material-photo.fill{background:linear-gradient(150deg,#8d4e20,#b76325 45%,#663611)}.material-photo.topsoil{background:linear-gradient(150deg,#3b2a19,#20150d 60%,#5b3b20)}.dark-grid{background:linear-gradient(180deg,#0b0e10,#15191d);color:#fff;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:22px}.dark-grid>div{border:1px solid #30353a;padding:26px;border-radius:8px}.dark-grid h2{font-size:28px;color:#fff}.areas{display:grid;grid-template-columns:1fr 1fr;gap:10px}.areas span:before{content:'✓';color:var(--gold);font-weight:900;margin-right:8px}.muted{color:#d2d2d2;font-style:italic}.use-cases{display:grid;grid-template-columns:1fr 1fr;gap:14px}.use-cases span{background:#20262a;padding:14px;border-left:4px solid var(--gold)}.about{display:grid;grid-template-columns:1.4fr .8fr;gap:38px;align-items:center}.about p{font-size:18px;line-height:1.6}.about-card{background:#11161a;color:#fff;border-left:6px solid var(--gold);padding:28px;border-radius:8px}.about-card b{font-size:24px;color:var(--gold)}.quote-section{display:grid;grid-template-columns:.8fr 1.4fr;gap:40px;background:#fff}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote-form label,.chat-dialog label{font-weight:800;display:flex;flex-direction:column;gap:7px}.quote-form input,.quote-form select,.quote-form textarea,.chat-dialog input,.chat-dialog textarea{width:100%;padding:12px;border:1px solid #bbb;border-radius:5px;font:inherit}.full{grid-column:1/-1}.payment{text-align:center;background:#ece9e0}.payment p{max-width:720px;margin:0 auto 22px;color:#444}.footer{background:#080a0c;color:#fff;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:30px;padding:30px 4vw;border-top:2px solid var(--gold)}.footer a{color:var(--gold)}.floating-chat{position:fixed;right:24px;bottom:24px;z-index:60;border:3px solid var(--gold);background:#0c1013;color:#fff;border-radius:999px;width:72px;height:72px;font-weight:900;box-shadow:0 8px 28px rgba(0,0,0,.3);cursor:pointer}.chat-dialog{border:2px solid var(--gold);border-radius:12px;background:#11161a;color:#fff;width:min(480px,92vw);padding:28px}.chat-dialog::backdrop{background:rgba(0,0,0,.65)}.chat-dialog h2{color:var(--gold);margin-top:0}.chat-dialog form{display:grid;gap:14px}.chat-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}
@media(max-width:1100px){.site-header{grid-template-columns:1fr auto}.brand-wrap{grid-column:1/-1}.nav{justify-content:flex-start;overflow:auto}.header-actions{justify-content:flex-end}.email-top{display:none}.material-grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.benefits article{border-bottom:1px solid #333}.dark-grid,.about,.quote-section{grid-template-columns:1fr}.logo-mark{width:210px}}
@media(max-width:700px){.site-header{display:flex;flex-direction:column;align-items:stretch}.brand-wrap{justify-content:center}.nav{gap:16px;font-size:14px}.header-actions{justify-content:center}.hero{min-height:560px;background-position:58% center}.hero-overlay{background:rgba(0,0,0,.48)}.hero-content{padding-top:80px}.hero h1{font-size:52px}.benefits{grid-template-columns:1fr}.material-grid{grid-template-columns:1fr}.dark-grid{padding:36px 20px}.section{padding:42px 20px}.quote-form{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.floating-chat{width:62px;height:62px}.logo-mark{width:230px}}