@import url('assets/fonts/fonts.css');
:root{--blue:#117bcd;--dark:#111820;--ink:#0d0d0e;--light:#f5f7fa;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#242424;font-family:Roboto,Arial,sans-serif;font-size:18px;line-height:1.55}.page-width{width:min(calc(100% - 48px),var(--max));margin:auto}.site-header{height:62px;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.25);position:sticky;top:0;z-index:20}.nav-wrap{width:min(calc(100% - 46px),1205px);margin:auto;height:100%;display:flex;align-items:center;gap:22px}.logo{display:block;line-height:0;margin-right:auto}.logo img{width:46px;height:46px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:15px;font-size:13px;font-weight:900;white-space:nowrap}.main-nav>a,.has-sub>a{color:#000;text-decoration:none}.main-nav .active{color:var(--blue)}.has-sub{position:relative;display:flex;align-items:center;gap:4px}.has-sub b{font-size:17px;font-weight:400;line-height:1}.drop{display:none;position:absolute;top:24px;left:-15px;width:250px;background:#fff;box-shadow:0 7px 20px rgba(0,0,0,.16);padding:9px 0}.drop a{display:block;color:#222;text-decoration:none;padding:9px 15px;font-size:13px}.has-sub:hover .drop{display:block}.quote{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--blue);color:#fff;text-decoration:none;font-size:16px;font-weight:700;padding:12px 26px;cursor:pointer}.nav-quote{padding:9px 16px;font-size:13px}.nav-toggle{display:none}.hero{min-height:685px;overflow:hidden;position:relative;background:#fff;padding:37px 0 0}.hero-kicker{text-align:center;color:#0d0d0e;font-size:21px;font-weight:900;margin:0 0 11px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:1}.hero-grid h2{color:#137dce;font-family:'Bebas Neue',sans-serif;font-size:88px;line-height:1;margin:15px 0 12px;text-align:center;font-weight:400}.hero-left,.hero-right{display:flex;flex-direction:column;align-items:center}.hero-left>img{width:min(100%,600px);height:420px;object-fit:contain}.hero-right>img{width:min(100%,600px);height:270px;object-fit:contain;margin-top:37px}.hero-lower{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-top:-71px;padding-left:51.5%}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-stats div{padding:8px 8px 7px;background:#f1f1f1;border-radius:10px;text-align:center;white-space:nowrap}.hero-stats strong{font-size:20px;display:block;line-height:1.25}.hero-stats span{font-size:15px;font-weight:700;color:#666;display:block}.cert-icons{display:flex;align-items:center;justify-content:space-around;margin-top:35px}.cert-icons span{font-size:57px;color:#090909;font-weight:500;letter-spacing:2px}.cert-icons b{display:grid;place-items:center;border:3px solid #1e7ec8;color:#1e7ec8;border-radius:50%;width:57px;height:57px;font-size:21px;line-height:15px}.cert-icons b small{font-size:9px;line-height:8px;text-align:center}.cert-icons .sgs{color:#f37735;border-color:#777}.cert-icons .rohs{color:#16a600;border-color:#16a600;font-size:34px}.wave{position:absolute;border-radius:50% 50% 0 0;background:#eaf5ff;z-index:0}.wave-one{width:63%;height:135px;bottom:-53px;left:-10%;transform:rotate(-4deg)}.wave-two{width:55%;height:105px;bottom:-70px;left:31%;background:#dbeeff;transform:rotate(4deg)}.wave-three{width:49%;height:110px;bottom:-65px;right:-6%;background:#cce7fe;transform:rotate(-3deg)}.section{padding:98px 0}.eyebrow{text-align:center;font-size:20px;font-weight:900;text-transform:uppercase;line-height:1.2;margin:0 0 12px}.section h2{margin:0;color:var(--blue);font-size:58px;line-height:1.13;text-align:center;font-weight:900}.intro{padding-top:58px}.intro-grid{display:grid;grid-template-columns:48% 52%;align-items:center;margin-top:36px}.intro-copy{padding:0 40px 0 53px}.intro-copy p{margin:0 0 15px}.intro-grid>img{width:100%;height:435px;object-fit:contain;object-position:center}.outline{display:inline-flex;border:3px solid var(--blue);color:var(--blue);text-decoration:none;font-weight:700;padding:9px 20px;margin-top:13px}.blue-bg{background:#eff8ff}.services h2{font-size:40px}.services h2 span{color:#9ba4ac}.service-split{display:grid;grid-template-columns:52% 48%;gap:36px;align-items:center;margin-top:44px}.service-split img{width:100%;height:375px;object-fit:cover}.service-split h3{font-size:38px;line-height:1.13;margin:0 0 20px;color:#1c1c1d}.service-split p{margin-bottom:26px}.molds h2{font-size:62px}.mold-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:39px}.mold-grid article{overflow:hidden;background:#f7f7f7}.mold-grid img{width:100%;aspect-ratio:1;object-fit:cover;display:block;transition:transform .3s}.mold-grid article:hover img{transform:scale(1.04)}.mold-grid h3{font-size:18px;line-height:1.25;text-align:center;margin:14px 8px 20px}.dark-panel{background:#121c26;color:#fff}.dark-panel .light{color:#fff}.injection h2{font-size:28px;line-height:1.35;color:#fff;max-width:1000px;margin:auto}.injection h3{font-size:49px;color:#1c9aea;text-align:center;margin:65px 0 32px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.process-grid article{position:relative;background:#f5f5f5;overflow:hidden}.process-grid img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.process-grid span{display:block;color:#111;font-size:18px;font-weight:700;padding:15px 17px;min-height:63px}.secondary{padding-bottom:105px}.secondary-grid{margin-top:39px}.why{background:#eaf6ff}.why-grid{display:grid;grid-template-columns:50% 50%;align-items:center}.why-grid>img{width:100%;height:552px;object-fit:cover}.why-grid>div{padding:35px 55px}.why .eyebrow{text-align:left}.why h2{text-align:left;font-size:38px;color:#111}.why ul{list-style:none;padding:0;margin:25px 0}.why li{padding:13px 0;border-bottom:1px solid #c8d6df;display:flex;flex-direction:column}.why li b{font-size:21px;color:#117bcd}.why li span{font-size:16px}.certificates h2{font-size:55px}.cert-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-top:38px}.cert-grid img{width:100%;height:202px;object-fit:cover;border:1px solid #e2e2e2}.quote-area{background:#101820;color:#fff;padding:72px 0}.quote-area>.page-width{display:grid;grid-template-columns:44% 56%;gap:50px;align-items:start}.quote-area .eyebrow{text-align:left}.quote-area h2{font-size:38px;line-height:1.2;margin:0}.quote-area form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.quote-area input,.quote-area textarea{border:1px solid #5b6570;background:#fff;color:#222;padding:13px;font:inherit;font-size:15px}.quote-area textarea{grid-column:1/-1;min-height:100px}.quote-area .quote{justify-self:start}.form-message{grid-column:1/-1;margin:0;color:#72d6ff;font-size:15px}.contact-rail{position:fixed;right:22px;top:45%;z-index:15;display:flex;flex-direction:column;gap:9px}.contact-rail a{height:46px;width:46px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:25px;background:#1bd57f;box-shadow:0 2px 5px rgba(0,0,0,.12)}.contact-rail a:nth-child(2){background:#36d16e}.contact-rail a:nth-child(3){background:#fb4663}footer{background:#000;color:#ddd;padding-top:60px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr;gap:55px}.footer-logo{width:80px;height:80px;object-fit:contain;background:#fff}.footer-grid p{font-size:15px;line-height:1.55}.footer-grid h3{color:#fff;font-size:19px;margin:7px 0 17px}.footer-grid a{display:block;color:#c6c6c6;text-decoration:none;font-size:15px;margin:8px 0}.copyright{border-top:1px solid #292929;margin-top:50px;padding:18px;text-align:center;font-size:13px;color:#aaa}.copyright a{color:#59bff5;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.main-nav{gap:10px;font-size:11px}.nav-wrap{gap:13px}.hero-grid h2{font-size:73px}.hero-lower{padding-left:50%}.section h2{font-size:48px}}@media(max-width:880px){body{font-size:16px}.site-header{height:64px}.nav-wrap{width:calc(100% - 32px)}.logo img{width:43px;height:43px}.nav-toggle{display:block;margin-left:auto;width:40px;background:transparent;border:0}.nav-toggle i{height:2px;background:#111;display:block;margin:5px}.main-nav{display:none}.nav-quote{display:none}.site-header.open .main-nav{display:flex;position:absolute;top:64px;left:0;right:0;background:#fff;padding:15px 20px;flex-direction:column;align-items:flex-start;font-size:14px;box-shadow:0 5px 10px rgba(0,0,0,.12)}.site-header.open .drop{display:none!important}.hero{min-height:0;padding:31px 0 35px}.hero-kicker{font-size:16px;padding:0 15px}.hero-grid{grid-template-columns:1fr}.hero-grid h2{font-size:68px;margin:17px 0}.hero-left>img{height:320px}.hero-right>img{height:225px;margin-top:0}.hero-lower{padding:0;margin-top:0;grid-template-columns:1fr}.hero-stats{margin-top:10px}.cert-icons{margin-top:23px}.wave{display:none}.section{padding:62px 0}.section h2,.molds h2,.certificates h2{font-size:39px}.intro{padding-top:62px}.intro-grid,.service-split,.why-grid,.quote-area>.page-width{grid-template-columns:1fr}.intro-copy{padding:0}.intro-grid>img{height:340px;order:-1}.services h2{font-size:28px}.service-split img{height:300px}.service-split h3{font-size:31px}.mold-grid{grid-template-columns:repeat(2,1fr)}.injection h3{font-size:36px;margin-top:42px}.process-grid{grid-template-columns:repeat(2,1fr);gap:14px}.process-grid span{font-size:15px;min-height:57px}.why-grid>img{height:350px}.why-grid>div{padding:43px 0}.why h2{font-size:31px}.cert-grid{grid-template-columns:repeat(3,1fr)}.cert-grid img{height:175px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.contact-rail{right:12px;top:auto;bottom:18px}.contact-rail a{width:39px;height:39px;font-size:21px}}@media(max-width:480px){.page-width{width:calc(100% - 28px)}.hero-grid h2{font-size:50px}.hero-left>img{height:265px}.hero-right>img{height:195px}.hero-stats{gap:5px}.hero-stats strong{font-size:14px}.hero-stats span{font-size:11px}.cert-icons span{font-size:43px}.cert-icons b{width:43px;height:43px;font-size:15px}.section h2,.molds h2,.certificates h2{font-size:31px}.eyebrow{font-size:15px}.mold-grid{gap:10px}.mold-grid h3{font-size:14px}.process-grid{grid-template-columns:1fr 1fr;gap:10px}.cert-grid{gap:7px}.cert-grid img{height:137px}.footer-grid{grid-template-columns:1fr}.quote-area form{grid-template-columns:1fr}.quote-area h2{font-size:29px}}