:root{--ink:#14352b;--muted:#466057;--paper:#faf9f4;--mint:#edf2e8;--lime:#e8ff84;--edge:#d4ded4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.6 system-ui,sans-serif}a{color:inherit;text-underline-offset:.25em}a:focus-visible{outline:3px solid #d06416;outline-offset:4px}img{display:block;max-width:100%}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-5rem;left:1rem;background:white;padding:.5rem 1rem;z-index:10}.skip:focus{top:.5rem}.top{border-bottom:1px solid var(--edge)}.bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:76px}.brand{display:flex;align-items:center;gap:.6rem;font-weight:850;letter-spacing:.08em;text-decoration:none}.bar nav{display:flex;gap:clamp(.75rem,2.6vw,2rem);flex-wrap:wrap}.bar nav a{font-weight:650;text-decoration:none;font-size:.92rem;padding-block:.5rem}.bar nav a:hover{text-decoration:underline}.hero{background:var(--ink);color:var(--paper);padding:clamp(2.75rem,7vw,6rem) 0}.hero-grid,.split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.5rem,6vw,5rem);align-items:start}.hero-grid{align-items:center}.hero-art img{aspect-ratio:1.25;object-fit:cover;object-position:center 57%;width:100%;border-radius:12px}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 1.3rem}.eyebrow span{margin-right:.5em}.hero .eyebrow,.contact .eyebrow{color:var(--lime)}h1,h2,h3{line-height:1.06;letter-spacing:-.045em;margin:0}h1{font-size:clamp(2.65rem,5.7vw,5.2rem);max-width:13ch}h2{font-size:clamp(2rem,4.2vw,3.6rem);max-width:19ch}h3{font-size:1.33rem}.lead{font-size:clamp(1rem,1.8vw,1.22rem);color:#e3ede2;max-width:39ch}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:1.7rem}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--lime);color:#14352b;border-radius:7px;text-decoration:none;font-weight:800;padding:.8rem 1.1rem}.btn:hover{background:#f4ffbe}.text-link{font-weight:750}.metrics{background:var(--mint);border-bottom:1px solid var(--edge)}.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;padding-block:1.6rem}.numbers div{display:flex;flex-direction:column-reverse;gap:.2rem}.numbers dd{margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1;font-weight:820;letter-spacing:-.05em}.numbers dt{color:var(--muted);font-size:.9rem}.section{padding-block:clamp(3rem,7vw,6rem)}.split p{margin-top:0}.split h2+p,.contact h2+p{margin-top:1rem}.tint{background:var(--mint)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2rem}.product{background:#fff;border:1px solid var(--edge);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.product img{width:100%;aspect-ratio:1.26;object-fit:cover}.product .detail{padding:1rem;display:flex;flex-direction:column;flex:1}.product p{color:var(--muted);flex:1;margin:.6rem 0 1rem}.process-img{width:100%;aspect-ratio:1.75;object-fit:cover;border-radius:10px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;list-style:none;margin:2rem 0 0;padding:0}.cards li{border-top:2px solid #8da79a;padding-top:1rem}.cards li span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.65rem}.cards p{margin:.65rem 0 0}.contact{background:var(--ink);color:var(--paper)}.contact-box{padding:1.2rem;border:1px solid #65877a;border-radius:10px;display:grid;gap:.65rem;justify-items:start;overflow-wrap:anywhere}.contact-box p{margin:0;color:#e3ede2}footer{font-size:.86rem}footer .bar{min-height:70px}@media(max-width:940px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:730px){.top .bar{align-items:flex-start;flex-direction:column;padding-block:.8rem;gap:.4rem}.hero-grid,.split{grid-template-columns:1fr}.hero-art img{aspect-ratio:1.6}.cards{grid-template-columns:1fr}}@media(max-width:460px){.wrap{width:calc(100% - 32px)}.product-grid{grid-template-columns:1fr}.numbers{gap:.65rem}.numbers dt{font-size:.75rem}footer .bar{align-items:flex-start;flex-direction:column;padding-block:1rem;gap:.25rem}}
