*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#101010;background:#f4f3ef}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid #ddd}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#111;font-weight:900;letter-spacing:2px}.brand img{width:48px;height:48px;object-fit:contain}.brand.small img{width:38px;height:38px}nav{display:flex;gap:28px}nav a{color:#111;text-decoration:none;font-weight:700;font-size:13px}.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;padding:70px 6vw;background:#ecebe6}.eyebrow,.section-head span,.proof span,.cta span{font-size:12px;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(54px,7vw,105px);line-height:.87;letter-spacing:-5px;margin:18px 0 28px;max-width:900px}.lead{font-size:21px;line-height:1.5;max-width:700px;color:#383838}.actions{display:flex;gap:12px;margin:34px 0}.btn{display:inline-block;background:#111;color:#fff;padding:17px 24px;text-decoration:none;font-weight:900;border:2px solid #111}.btn.ghost{background:transparent;color:#111}.btn.light{background:#fff;color:#111;border-color:#fff}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{background:#fff;padding:10px 13px;font-size:12px;font-weight:800}.hero-image img{width:100%;height:560px;object-fit:cover}.hero-image figcaption{font-size:12px;margin-top:8px;color:#555}.statement{background:#111;color:#fff;padding:32px 6vw;text-align:center;font-size:25px}.statement p{margin:0}.section{padding:100px 6vw}.section-head{max-width:850px;margin-bottom:45px}.section-head h2,.proof h2,.cta h2{font-size:clamp(38px,5vw,72px);line-height:.95;letter-spacing:-2px;margin:12px 0 18px}.section-head p{font-size:19px;line-height:1.55;color:#444}.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare article{background:#fff}.compare img{width:100%;height:470px;object-fit:cover}.compare article div{padding:28px}.compare b{font-size:12px;letter-spacing:1.5px}.compare h3,.steps h3,.benefits h3{font-size:25px;margin:10px 0}.compare p,.steps p,.benefits p,.proof p{line-height:1.55;color:#4b4b4b}.dark{background:#111;color:#fff}.dark .section-head span,.dark .steps p{color:#bbb}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.steps article{background:#1b1b1b;padding:12px;position:relative}.steps img,.steps video{width:100%;height:260px;object-fit:cover;background:#000}.steps em{position:absolute;top:22px;left:22px;background:#fff;color:#111;padding:8px;font-style:normal;font-weight:900}.steps h3{margin:18px 6px 8px}.steps p{margin:0 6px 18px;font-size:14px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.benefits article{background:#fff;padding:30px;min-height:230px;border-top:5px solid #111}.benefits strong{font-size:12px;letter-spacing:1.5px}.proof{margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;background:#deddd8}.proof img{width:100%;height:600px;object-fit:cover}.proof>div{padding:45px 45px 45px 0}.note{font-size:13px;border-left:3px solid #111;padding-left:15px}.cta{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:center;background:#111;color:#fff;padding:80px 8vw}.cta img{width:100%;background:#fff}.cta p{font-size:19px;max-width:650px;color:#ccc;line-height:1.5}footer{padding:35px 6vw;background:#fff;display:flex;align-items:center;gap:30px;justify-content:space-between;font-size:12px;color:#555}@media(max-width:1000px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero h1{letter-spacing:-3px}.hero-image img{height:450px}.steps{grid-template-columns:1fr 1fr}.benefits{grid-template-columns:1fr 1fr}.proof{grid-template-columns:1fr}.proof>div{padding:0 35px 40px}.cta{grid-template-columns:160px 1fr}}@media(max-width:650px){header{height:68px}.brand img{width:40px;height:40px}.hero{padding:45px 20px}.hero h1{font-size:52px;letter-spacing:-2px}.lead{font-size:17px}.hero-image img{height:390px}.section{padding:70px 20px}.compare,.steps,.benefits{grid-template-columns:1fr}.compare img{height:360px}.steps img,.steps video{height:360px}.proof img{height:450px}.cta{grid-template-columns:1fr;padding:60px 25px}.cta img{width:120px}footer{flex-direction:column;align-items:flex-start}.statement{font-size:19px}.actions{flex-direction:column}.btn{text-align:center}}

/* v6 additions */
.patent{margin-left:10px;font-size:10px;letter-spacing:1.5px;font-weight:700}.applications{background:#ecebe6}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-card,.multi-grid article{background:#fff}.feature-card img{width:100%;height:480px;object-fit:contain;background:#d8d8d6}.feature-card div,.multi-grid article div{padding:28px}.feature-card b,.multi-grid b,.multi-intro span,.perforation span{font-size:12px;letter-spacing:1.5px;font-weight:900}.feature-card h3,.multi-grid h3{font-size:27px;margin:10px 0}.feature-card p,.multi-grid p,.multi-intro p,.perforation p{line-height:1.55;color:#4b4b4b}.multi-intro{max-width:980px;margin:85px 0 35px}.multi-intro h2,.perforation h2{font-size:clamp(34px,4.5vw,64px);line-height:.98;letter-spacing:-2px;margin:12px 0 18px}.multi-intro p{font-size:18px;max-width:860px}.multi-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.multi-grid article.wide{grid-column:1/-1;display:grid;grid-template-columns:1.4fr .6fr;align-items:center}.multi-grid img{width:100%;height:470px;object-fit:contain;background:#d8d8d6}.multi-grid .wide img{height:520px}.perforation{margin-top:70px;background:#111;color:#fff;padding:55px;display:grid;grid-template-columns:.65fr 1.35fr;gap:45px;align-items:center}.perforation p{color:#bbb;font-size:17px}.perforation-images{display:grid;grid-template-columns:1fr 1fr;gap:18px}.perforation figure{margin:0}.perforation img{width:100%;height:430px;object-fit:contain;background:#d4d4d2}.perforation figcaption{font-size:12px;color:#bbb;line-height:1.45;margin-top:9px}.hero-image img{object-position:center}.benefits{grid-template-columns:repeat(5,1fr)}
@media(max-width:1100px){.benefits{grid-template-columns:repeat(2,1fr)}.multi-grid article.wide{grid-template-columns:1fr}.perforation{grid-template-columns:1fr}}
@media(max-width:650px){.patent{display:none}.application-grid,.multi-grid,.perforation-images{grid-template-columns:1fr}.feature-card img,.multi-grid img,.multi-grid .wide img{height:360px}.multi-grid article.wide{grid-column:auto}.perforation{padding:30px 20px}.perforation img{height:330px}.multi-intro{margin-top:65px}.benefits{grid-template-columns:1fr}}

/* v11 excess-mud feature */
.mud-waste{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center;background:#deddd8;margin:0 0 32px}
.mud-waste img{width:100%;height:520px;object-fit:cover}
.mud-waste>div{padding:42px 50px 42px 0}
.mud-waste span{font-size:12px;font-weight:900;letter-spacing:2px}
.mud-waste h2{font-size:clamp(34px,4vw,60px);line-height:.98;letter-spacing:-2px;margin:12px 0 18px}
.mud-waste p{font-size:18px;line-height:1.55;color:#444;max-width:700px}
@media(max-width:900px){.mud-waste{grid-template-columns:1fr}.mud-waste img{height:430px}.mud-waste>div{padding:0 30px 35px}}
@media(max-width:650px){.mud-waste img{height:360px}.mud-waste>div{padding:0 22px 28px}.mud-waste p{font-size:16px}}

/* v13 metal compatibility */
.metal-feature{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin:34px 0;background:#deddd8}
.metal-feature img{width:100%;height:560px;object-fit:contain;display:block;background:#deddd8;padding:18px;box-sizing:border-box}
.metal-feature>div{padding:42px 48px 42px 0}
.metal-feature span{font-size:12px;font-weight:900;letter-spacing:2px}
.metal-feature h2{font-size:clamp(34px,4vw,56px);line-height:1;letter-spacing:-1.5px;margin:12px 0 18px}
.metal-feature p{font-size:18px;line-height:1.55;color:#444;max-width:700px}
@media(max-width:900px){
  .metal-feature{grid-template-columns:1fr}
  .metal-feature img{height:460px}
  .metal-feature>div{padding:0 30px 35px}
}
@media(max-width:650px){
  .metal-feature img{height:380px}
  .metal-feature>div{padding:0 22px 28px}
  .metal-feature p{font-size:16px}
}