:root{--ink:#10241c;--g:#0b6848;--lime:#daf06c;--paper:#fbfaf6;--line:#dfe5df;--muted:#67766f;--deep:#071711}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.top{background:var(--deep);color:#fff;text-align:center;letter-spacing:.1em;padding:10px;font-size:10px}header{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:80px;padding:0 5vw;display:flex;position:sticky;top:0}.logo{align-items:center;gap:9px;font-size:20px;font-weight:900;display:flex}.logo>b{background:var(--g);width:38px;height:38px;color:var(--lime);border-radius:10px;place-items:center;display:grid}.logo span{color:var(--g)}nav{gap:27px;font-size:13px;font-weight:700;display:flex}.cta{background:var(--g);color:#fff;border-radius:8px;padding:13px 18px;font-size:12px;font-weight:800}.hero{grid-template-columns:1.1fr .9fr;min-height:650px;display:grid}.hero>div:first-child{padding:85px 5vw}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--g);margin:0 0 18px;font-size:11px;font-weight:900}.hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(50px,6vw,88px);line-height:.95}.hero h1 em{color:var(--g);font-family:Georgia,serif;font-weight:400}.lead{max-width:680px;color:var(--muted);margin:28px 0;font-size:18px;line-height:1.65}.search{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:700px;padding:7px;display:flex;box-shadow:0 14px 40px #12382814}.search input,.controls input,.controls select{background:0 0;border:0;outline:0}.search input{flex:1;padding:15px}.search a{background:var(--ink);color:#fff;border-radius:7px;padding:15px 18px;font-size:12px;font-weight:800}.stats{gap:32px;margin-top:30px;display:flex}.stats span{text-transform:uppercase;color:#75837c;font-size:10px}.stats b{color:var(--ink);margin-bottom:4px;font-size:20px;display:block}.heroart{background:#e0eadf;justify-content:center;align-items:center;gap:22px;display:flex;position:relative;overflow:hidden}.heroart:before{content:"";background:var(--lime);border-radius:50%;width:520px;height:520px;position:absolute;top:45px;right:-150px}.wheel{z-index:2;color:#ffffff70;filter:drop-shadow(9px 12px 8px #20382d38);background:#187650;border-radius:8px 8px 20px 20px;place-items:center;width:140px;height:220px;font-size:24px;font-weight:900;display:grid;position:relative}.wheel:before{content:"";background:#0f5e40;border-radius:7px;width:158px;height:22px;position:absolute;top:-14px;left:-9px}.wheel:after{content:"";background:#1b2923;border-radius:50%;width:30px;height:30px;position:absolute;bottom:-15px;left:10px;box-shadow:88px 0 #1b2923}.wheel.blue{background:#2878aa}.wheel.red{background:#c44a42}.wheel.sm{width:100px;height:160px}.wheel.sm:before{width:116px}.wheel.sm:after{box-shadow:58px 0 #1b2923}.wheel.xs{width:76px;height:125px}.wheel.xs:before{width:90px}.wheel.xs:after{width:22px;height:22px;box-shadow:40px 0 #1b2923}.heroart aside{z-index:3;background:#fff;border-radius:9px;max-width:270px;padding:17px 20px;position:absolute;bottom:28px;left:28px}.heroart aside b,.heroart aside small{display:block}.heroart aside small{color:var(--muted);margin-top:5px;line-height:1.5}.section,.uses{padding:90px 5vw}.head{justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px;display:flex}.head h2,.sizes h2,.knowledge h2,.contact h2{letter-spacing:-.05em;margin:0;font-size:clamp(38px,4vw,58px);line-height:1.02}.head>p{max-width:600px;color:var(--muted);margin:0;line-height:1.7}.cats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.cats button{border:1px solid var(--line);text-align:left;color:inherit;cursor:pointer;background:#fff;border-radius:12px;padding:23px}.cats i{color:var(--g);background:#e8f1eb;border-radius:20px;padding:6px 8px;font-size:10px;font-style:normal;font-weight:900}.cats h3{margin:22px 0 7px}.cats p{color:var(--muted);min-height:32px;font-size:12px}.cats b{color:var(--g);font-size:11px}.uses{background:var(--g);color:#fff}.light .eyebrow{color:var(--lime)}.light>p{color:#d2e2db}.usegrid{border-top:1px solid #ffffff26;border-left:1px solid #ffffff26;grid-template-columns:repeat(3,1fr);display:grid}.usegrid article{border-bottom:1px solid #ffffff26;border-right:1px solid #ffffff26;padding:30px}.usegrid span{color:var(--lime);font-size:10px;font-weight:900}.usegrid h3{margin:15px 0 8px}.usegrid p{color:#d5e5de;font-size:12px;line-height:1.6}.products{background:#f1eee6}.controls{grid-template-columns:2fr 1fr auto;gap:10px;margin-bottom:25px;display:grid}.controls>*{border:1px solid var(--line);background:#fff;border-radius:8px;padding:13px}.controls button{background:var(--ink);color:#fff;cursor:pointer;font-weight:800}.grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.card{background:#fff;border-radius:12px;overflow:hidden}.art{background:#e8ece7;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:220px;display:flex}.art small{text-transform:uppercase;letter-spacing:.09em;color:#7d8983;font-size:8px}.art .bin{color:#ffffff65;background:#2d6d51;border-radius:7px 7px 17px 17px;place-items:center;width:82px;height:125px;font-size:28px;display:grid;position:relative}.art .bin:before{content:"";background:#23563f;border-radius:6px;width:94px;height:15px;position:absolute;top:-10px}.art .skip{color:#ffffff60;background:#34433d;place-items:center;width:130px;height:75px;display:grid}.art.red .bin{background:#be4d44}.art.blue .bin{background:#2c76a4}.art.green .bin{background:#277858}.art.yellow .bin{background:#d7ad22}.art.black .bin{background:#333d39}.art.silver .bin,.art.chrome .bin{background:#9aa5a1}.body{padding:18px}.meta{color:#7c8982;text-transform:uppercase;justify-content:space-between;font-size:9px;display:flex}.meta span:last-child{color:var(--g);font-weight:900}.body h3{margin:9px 0;font-size:16px}.body>p{color:var(--muted);min-height:34px;font-size:11px;line-height:1.5}.pills{flex-wrap:wrap;gap:5px;display:flex}.pills span{background:#f0f3f0;border-radius:15px;padding:5px 7px;font-size:8px}.price{align-items:center;gap:10px;margin:16px 0;display:flex}.price>b{font-size:20px}.price small{color:#7b8781;font-size:8px}.body details{border-top:1px solid var(--line);padding-top:11px}.body summary{color:var(--g);cursor:pointer;font-size:10px;font-weight:800}.body dl{font-size:9px}.body dl div{border-bottom:1px dotted var(--line);justify-content:space-between;gap:10px;padding:4px 0;display:flex}.body dd{text-align:right;margin:0}.body>a{border-top:1px solid var(--line);color:var(--g);justify-content:space-between;margin-top:13px;padding-top:13px;font-size:10px;font-weight:900;display:flex}.sizes{background:#fff;grid-template-columns:.8fr 1.2fr;gap:60px;padding:80px 5vw;display:grid}.sizes>div:first-child p:last-child{color:var(--muted);line-height:1.7}.sizes>div:last-child{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.sizes button,.colours button{border:1px solid var(--line);background:var(--paper);color:inherit;cursor:pointer;border-radius:8px;padding:20px;font-weight:800}.colours{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.colours button{text-align:left;background:#fff}.colours i{background:#888;border-radius:50%;width:18px;height:18px;margin-bottom:14px;display:block}.colours b,.colours span{display:block}.colours span{color:var(--muted);margin-top:4px;font-size:9px}.colours .green{background:#257a56}.colours .blue{background:#2e78a7}.colours .yellow{background:#dfb726}.colours .red{background:#c54d44}.colours .black{background:#303834}.colours .orange{background:#d86e2a}.colours .purple{background:#77538e}.colours .grey{background:#8b9390}.knowledge{background:var(--deep);color:#fff;grid-template-columns:.7fr 1.3fr;gap:60px;padding:90px 5vw;display:grid}.knowledge .eyebrow{color:var(--lime)}.knowledge>div:first-child>p:last-child{color:#b6c8bf;line-height:1.7}.knowledgegrid{border-top:1px solid #ffffff24;border-left:1px solid #ffffff24;grid-template-columns:1fr 1fr;display:grid}.knowledgegrid article{border-bottom:1px solid #ffffff24;border-right:1px solid #ffffff24;padding:28px}.knowledgegrid p{color:#bacac2;font-size:11px;line-height:1.6}.trust{background:#fff;grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.trust article{border:1px solid var(--line);border-radius:9px;padding:22px}.trust p{color:var(--muted);font-size:10px;line-height:1.6}.contact{background:var(--g);color:#fff;border-radius:15px;justify-content:space-between;align-items:center;gap:30px;margin:65px 5vw;padding:50px 5vw;display:flex}.contact .eyebrow{color:var(--lime)}.contact p:last-child{color:#d4e4dd}.contact>a{color:var(--g);white-space:nowrap;background:#fff;border-radius:8px;padding:15px 20px;font-weight:900}footer{background:var(--deep);color:#fff;padding:65px 5vw 25px}.foot{margin-bottom:18px}footer>p{color:#9daea6;max-width:500px;line-height:1.6}footer>div{color:#cad4d0;gap:20px;margin:25px 0;font-size:12px;display:flex}footer>small{color:#81938a;border-top:1px solid #ffffff20;padding-top:18px;display:block}@media (max-width:1000px){nav{display:none}.hero{grid-template-columns:1fr}.heroart{min-height:430px}.cats,.grid,.usegrid{grid-template-columns:repeat(2,1fr)}.sizes,.knowledge{grid-template-columns:1fr}.trust{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.cta{display:none}.hero>div:first-child{padding:55px 6vw}.hero h1{font-size:49px}.lead{font-size:15px}.heroart{min-height:340px}.wheel{width:100px;height:160px}.wheel:before{width:116px}.wheel:after{box-shadow:58px 0 #1b2923}.wheel.xs{display:none}.section,.uses{padding:65px 5vw}.head{display:block}.head>p{margin-top:15px}.cats,.grid,.usegrid,.trust,.controls{grid-template-columns:1fr}.sizes>div:last-child,.colours{grid-template-columns:repeat(2,1fr)}.knowledgegrid{grid-template-columns:1fr}.contact{flex-direction:column;align-items:flex-start}footer>div{flex-wrap:wrap}}