@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--ink:#101e2b;--green:#cdfa45;--muted:#64717b;--line:#dde2e4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:15px/1.65 Inter,Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #8bc710;outline-offset:3px}.top{background:var(--ink);color:#b8c3cb;padding:9px 5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px}.top span{color:#fff}header{padding:21px 5%;display:flex;align-items:center;gap:28px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.logo{font:800 32px/.9 'Barlow Condensed',Arial,sans-serif;letter-spacing:1px}.logo span{display:block;font:600 9px/2.2 Inter,Arial;letter-spacing:2px}nav{margin-left:auto;display:flex;gap:25px;font-size:13px;font-weight:600}.languages{display:flex;gap:8px;font-size:11px}.languages a{padding:4px}.languages .active{border-bottom:2px solid var(--ink)}.button{background:var(--green);color:var(--ink);border:0;padding:16px 24px;display:inline-block;font-weight:700;font-size:13px}.small{padding:12px 17px;font-size:11px}.secondary{display:inline-block;margin:18px;font-size:13px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:4px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}h1,h2{font-family:'Barlow Condensed',Impact,Arial,sans-serif;line-height:1.04;letter-spacing:-.5px;margin:20px 0 24px}h1{font-size:clamp(48px,5.6vw,86px);max-width:750px}h2{font-size:clamp(38px,4vw,58px);max-width:650px}h3{font-size:17px;line-height:1.35}p{color:var(--muted)}.hero{min-height:600px;background:linear-gradient(90deg,#0a1724e8 0%,#0a17247a 45%,transparent 75%),url('/assets/hero.webp') center/cover,#112332;color:white;position:relative;padding:80px 6% 100px}.herocontent{position:relative;max-width:730px}.hero .eyebrow{color:var(--green)}.hero p{color:#c8d1d8;max-width:485px;font-size:16px;line-height:1.8}.heroactions{margin-top:30px}.herobottom{position:absolute;left:6%;right:6%;bottom:23px;display:flex;justify-content:space-between;letter-spacing:2px;font-size:9px;color:#bbc7cf}.benefits{display:grid;grid-template-columns:repeat(3,1fr);background:#edf1ed;padding:0 5%}.benefits div{padding:25px;border-right:1px solid #d3dbd4;display:flex;gap:20px;align-items:center;font-weight:600}.benefits span{font-size:11px;color:#69736b}.benefits b{margin-left:auto}.range,.order,.faq,.detail{padding:85px 6%}.sectiontop{display:flex;justify-content:space-between;align-items:end}.sectiontop>div{max-width:690px}.sectiontop>a{font-size:12px;border-bottom:1px solid;margin:0 0 20px 30px;white-space:nowrap}.sectiontop h2{margin-top:15px}.sectiontop p{max-width:650px}.filters{border-bottom:1px solid var(--line);margin:30px 0 10px;display:flex;gap:20px;justify-content:space-between;align-items:center;padding:12px 0}#categories{display:flex;gap:5px;flex-wrap:wrap}.filters button{border:0;background:transparent;padding:10px 12px;font-size:12px;color:var(--muted)}.filters button.active{background:var(--ink);color:#fff}.filters input{border:1px solid var(--line);padding:10px 14px;width:210px}.fine{font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:24px}.card{border:1px solid var(--line);transition:box-shadow .2s}.card:hover{box-shadow:0 8px 25px #142c3912}.photo{display:block;position:relative;background:#f4f5f4;height:235px;padding:18px}.photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.photo span{position:absolute;left:15px;top:13px;font-size:10px;font-weight:700;background:#fff;padding:3px 7px}.cardbody{padding:20px}.cardbody small{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#69777d}.cardbody h3{font-size:16px;min-height:44px;margin:9px 0}.cardbody p{font-size:10px;min-height:34px;word-break:normal}.cardactions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:10px}.cardactions button{border:0;background:var(--green);width:30px;height:30px;font-size:22px}.oem{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:80px 6%;background:#f0f3f0}.oemvisual{position:relative;background:#dfe5dd;display:flex;align-items:center}.oemvisual img{width:100%;mix-blend-mode:multiply}.oemvisual span{position:absolute;left:30px;bottom:30px;font:700 23px 'Barlow Condensed';letter-spacing:3px}.oemrow{display:flex;gap:22px;border-top:1px solid #d6ddd5;padding:15px 0}.oemrow>b{font-size:11px;padding-top:5px;color:#71806a}.oemrow h3{margin:0 0 6px;font-size:15px}.oemrow p{margin:0;font-size:12px}.oem .button{margin-top:20px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:45px}.steps article{border-top:1px solid #adbac1;padding-top:25px}.steps span{font:600 38px 'Barlow Condensed';color:#9da9b0}.steps p{font-size:12px}.faq{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:8%}.faq h2{margin-top:0}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:600;font-size:14px}details p{font-size:12px}.contact{background:var(--ink);color:#fff;padding:85px 6%;display:grid;grid-template-columns:1fr 1fr;gap:8%}.contact .eyebrow{color:var(--green)}.contact p{color:#bac6ce}.contactpeople{margin:30px 0;display:flex;flex-direction:column;gap:7px;font-size:13px}.contactpeople h3{font-size:12px;color:#aebcc5}.contactpeople b{margin-top:15px}.contactpeople a{color:#dce5eb}form{background:#1c2b38;padding:28px}form>h3{margin-top:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:11px;margin:14px 0;color:#d7e0e5}input,textarea{border:1px solid #52606a;border-radius:0;background:transparent;width:100%;color:inherit;padding:12px;margin-top:6px}textarea{resize:vertical}.sendactions{display:flex;gap:10px;flex-wrap:wrap}.emailbutton{background:transparent;border:1px solid #61717b;color:#fff;font-size:12px;padding:12px}form>small{display:block;color:#a8b7c2;font-size:10px;margin-top:18px}.cartrow{display:flex;gap:8px;align-items:center;font-size:10px;border-bottom:1px solid #41505c;padding:7px 0}.cartrow a{flex:1}.cartrow input{width:80px;padding:5px;margin:0}.cartrow button{background:transparent;color:white;border:0;font-size:20px}#cart>p{font-size:12px}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin:35px 0}.detail h1{font-size:58px}.detailphoto{background:#f3f5f3;display:flex;align-items:center;padding:40px}.detailphoto img{width:100%;max-height:650px;object-fit:contain;mix-blend-mode:multiply}.sizes{display:flex;flex-wrap:wrap;gap:7px}.sizes span{padding:6px 12px;background:#eef2ed}.note{font-size:12px;background:#f5f0df;padding:15px}footer{display:flex;gap:35px;align-items:center;padding:45px 6%;flex-wrap:wrap;font-size:11px}footer small{margin-left:auto}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--green);color:var(--ink);padding:14px 25px;z-index:50;transition:.2s;pointer-events:none;font-size:13px}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){nav{gap:12px;font-size:11px}header{gap:15px}.grid{grid-template-columns:repeat(3,1fr)}.photo{height:210px}.small{display:none}}@media(max-width:760px){.top{font-size:9px}.top>a{display:none}header{padding:15px 5%;flex-wrap:wrap}.logo{font-size:27px}nav{order:3;width:100%;justify-content:space-between;font-size:10px}.languages{margin-left:auto}.hero{padding:60px 6% 85px;min-height:540px;background-position:63% center}.hero h1{font-size:54px}.hero p{max-width:350px;font-size:14px}.benefits{padding:0}.benefits div{font-size:10px;padding:17px 10px;gap:8px}.benefits b{display:none}.range,.order,.detail{padding:55px 6%}.sectiontop{display:block}.sectiontop>a{margin:0}.filters{display:block}.filters input{width:100%;margin-top:15px}.filters button{padding:9px;font-size:11px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.photo{height:180px;padding:10px}.cardbody{padding:13px}.cardbody h3{font-size:14px}.cardactions{gap:5px;font-size:9px}.oem,.contact,.faq,.detailgrid{grid-template-columns:1fr;gap:35px}.oem,.contact{padding:55px 6%}.oemvisual{min-height:300px}.oemvisual img{max-height:340px;object-fit:contain}.steps{grid-template-columns:1fr 1fr;gap:25px}.faq{padding:10px 6% 55px}.contact h2{font-size:48px}.fields{grid-template-columns:1fr}form{padding:22px}.detail h1{font-size:44px}footer{gap:20px}.herobottom{font-size:7px}footer small{margin-left:0}}