
:root{--navy:#061a31;--navy2:#0a2d50;--blue:#0b72bd;--ink:#0b1b2b;--muted:#5f7285;--line:#dce6ee;--paper:#f7fafc;--ice:#edf5fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:white}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92vw);margin:auto}.top{background:var(--navy);color:#c7d7e5;font-size:10px;letter-spacing:.08em;padding:8px 0}.top .wrap{display:flex;justify-content:flex-end;gap:20px;flex-wrap:wrap}.top a{color:white}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo img{width:205px;height:auto;display:block}.navlinks{display:flex;gap:24px;font-size:13px;font-weight:700}.navright{display:flex;align-items:center;gap:12px}.lang{font-size:11px;font-weight:900;border:1px solid var(--line);padding:8px 10px;border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:13px 19px;background:var(--navy);color:#fff;font-size:12px;font-weight:850;cursor:pointer}.btn.blue{background:var(--blue)}.btn.outline{background:white;color:var(--navy);border:1px solid #bccbd8}.hero{background:linear-gradient(100deg,#f9fbfd 0,#eef5fb 55%,#dbe9f4 100%);border-top:1px solid #edf1f5;overflow:hidden}.heroGrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:600px}.ey{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);font-weight:900}.hero h1{font-size:clamp(48px,6vw,78px);line-height:.97;letter-spacing:-.055em;margin:15px 0 20px}.hero h1 span{font-weight:400}.lead{font-size:17px;line-height:1.65;color:var(--muted);max-width:650px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.heroVials{height:510px;position:relative;display:flex;align-items:flex-end;justify-content:center}.heroVials:before{content:"";position:absolute;inset:8% 0 0;background:radial-gradient(circle,#fff 0,#eaf3fa 48%,transparent 72%)}.heroVials img{position:absolute;bottom:12px;object-fit:contain;filter:drop-shadow(0 22px 22px #082a4525)}.heroVials .v1{height:72%;left:4%;transform:rotate(-3deg)}.heroVials .v2{height:92%;z-index:2}.heroVials .v3{height:75%;right:2%;transform:rotate(3deg)}.proof{border-bottom:1px solid var(--line);background:#fff}.proofGrid{display:grid;grid-template-columns:repeat(4,1fr)}.proofGrid div{padding:22px;border-right:1px solid var(--line)}.proofGrid div:last-child{border:0}.proofGrid b,.proofGrid small{display:block}.proofGrid b{font-size:13px}.proofGrid small{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.45}.section{padding:82px 0}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section h2,.sectionHead h2{font-size:clamp(34px,4.5vw,52px);letter-spacing:-.045em;margin:8px 0}.sectionHead p{max-width:520px;color:var(--muted);line-height:1.6}.categoryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.category{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:.2s}.category:hover{transform:translateY(-3px);box-shadow:0 18px 45px #082a4512}.catArt{height:120px;background:linear-gradient(145deg,#061a31,#0d5f9b);display:grid;place-items:center;color:white;font-size:38px}.category:nth-child(3n+2) .catArt{background:linear-gradient(145deg,#0a3154,#1378b9)}.category:nth-child(3n) .catArt{background:linear-gradient(145deg,#08192c,#164d75)}.category .copy{padding:17px}.category h3{font-size:15px;margin:0 0 7px}.category p{font-size:11px;color:var(--muted);line-height:1.5;margin:0 0 13px}.category span{font-size:10px;color:var(--blue);font-weight:850}.tech{background:var(--navy);color:white}.techGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center}.tech img{width:100%;border-radius:22px}.tech h2{font-size:48px;letter-spacing:-.045em;margin:12px 0}.tech p{color:#b9cad8;line-height:1.7}.catalogGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff;display:flex;flex-direction:column;min-height:390px}.product img{height:210px;width:100%;object-fit:contain}.product h3{font-size:17px;margin:10px 0 5px}.product .focus{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);font-weight:900}.product p{font-size:11px;color:var(--muted);line-height:1.5;flex:1}.price{font-size:13px;font-weight:900;margin:8px 0 12px}.product .btn{width:100%}.searchbar{display:flex;gap:10px;margin:0 0 24px}.searchbar input{flex:1;padding:14px 16px;border:1px solid var(--line);border-radius:10px;font:inherit}.filters{display:flex;gap:8px;overflow:auto;padding-bottom:10px;margin-bottom:22px}.filter{white-space:nowrap;border:1px solid var(--line);background:white;border-radius:999px;padding:9px 12px;font-size:10px;font-weight:800;cursor:pointer}.filter.active{background:var(--navy);color:white}.pageHero{background:linear-gradient(130deg,#061a31,#0c426e);color:white;padding:68px 0}.pageHero h1{font-size:clamp(42px,6vw,68px);letter-spacing:-.05em;margin:10px 0}.pageHero p{color:#bfd0dd;max-width:680px;line-height:1.7}.detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;padding:70px 0}.detailVisual{background:linear-gradient(145deg,#f8fbfd,#eaf2f8);border:1px solid var(--line);border-radius:26px;padding:24px;display:flex;align-items:center;justify-content:center;min-height:520px}.detailVisual img{max-height:480px;max-width:100%;object-fit:contain}.detail h1{font-size:52px;letter-spacing:-.045em;margin:8px 0}.desc{font-size:15px;color:var(--muted);line-height:1.7}.researchBox{margin:22px 0;padding:18px;border-radius:14px;background:var(--ice);border:1px solid #d6e8f5}.researchBox b{display:block;font-size:11px;color:var(--blue);text-transform:uppercase;letter-spacing:.1em}.researchBox p{font-size:13px;line-height:1.6;margin:8px 0 0}.variants{display:grid;gap:8px;margin:20px 0}.variant{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:13px 14px;border-radius:11px}.variant b{font-size:13px}.variant span{font-size:12px}.orderBox{background:var(--navy);color:white;border-radius:18px;padding:20px;margin-top:20px}.orderBox p{color:#b9cad8;font-size:11px;line-height:1.55}.orderBtns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.orderBtns a{font-size:10px}.wa{background:#168c55}.email{background:#0c68a9}.call{background:#fff;color:var(--navy)}.notice{font-size:10px;color:#718293;line-height:1.6;margin-top:16px}.qualityGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.qualityCard{border:1px solid var(--line);border-radius:18px;padding:22px}.qualityCard b{display:block;margin-bottom:8px}.qualityCard p{font-size:12px;color:var(--muted);line-height:1.6}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted);line-height:1.65}.contactGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.contactCard{border:1px solid var(--line);border-radius:18px;padding:24px}.contactCard b{display:block;font-size:17px}.contactCard p{font-size:12px;color:var(--muted);min-height:38px}.footer{background:#041426;color:#b7c6d3;padding:45px 0 25px;margin-top:70px}.footerGrid{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer img{width:190px}.footerLinks{display:flex;gap:20px;font-size:11px}.legal{font-size:9px;color:#7e93a5;border-top:1px solid #ffffff16;margin-top:28px;padding-top:18px;line-height:1.6}.mobileOrder{display:none}
@media(max-width:900px){.navlinks{display:none}.heroGrid,.techGrid,.detail{grid-template-columns:1fr}.heroGrid{padding:45px 0}.heroVials{height:420px}.categoryGrid,.catalogGrid{grid-template-columns:repeat(2,1fr)}.proofGrid{grid-template-columns:repeat(2,1fr)}.qualityGrid,.contactGrid{grid-template-columns:1fr}.detailVisual{min-height:400px}.orderBtns{grid-template-columns:1fr}.footerGrid{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.top .wrap{justify-content:center;gap:9px}.nav{height:70px}.logo img{width:150px}.navright .btn{display:none}.hero h1{font-size:48px}.heroVials{height:340px}.heroVials .v1{left:-5%}.heroVials .v3{right:-6%}.proofGrid,.categoryGrid,.catalogGrid{grid-template-columns:1fr}.section{padding:58px 0}.sectionHead{display:block}.tech h2{font-size:38px}.product{min-height:auto}.product img{height:230px}.detail{padding:45px 0}.detail h1{font-size:42px}.detailVisual{min-height:350px}.detailVisual img{max-height:330px}.footerLinks{flex-wrap:wrap}.mobileOrder{position:sticky;bottom:0;z-index:30;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#fff;border-top:1px solid var(--line);padding:10px}.mobileOrder a{padding:12px;font-size:10px}}
/* Origin messaging uses the same navy, white and silver brand palette. */
.originTop{display:inline-flex;align-items:center;gap:8px;margin-right:auto;color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.originBadge{display:inline-flex;align-items:center;gap:11px;margin:8px 0 4px;padding:11px 15px;border:1px solid #bbc9d6;border-radius:8px;background:#fff;color:var(--navy);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.originTop img,.originBadge img,.footer .originFooter img{width:28px;height:19px;object-fit:contain;flex-shrink:0}
.pageHero .originBadge{margin-top:10px;background:#ffffff10;border-color:#ffffff45;color:#fff}
.hero .originBadge{border-left:4px solid var(--navy)}
.productOrigin{color:var(--navy);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin:4px 0}
.footerBrand{display:grid;gap:16px}
.originFooter{display:flex;align-items:center;gap:9px;color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:560px){.top .originTop{justify-content:center;flex-basis:100%;margin-right:0;margin-bottom:3px}.originBadge{font-size:11px;letter-spacing:.06em}.footer .originFooter img{width:28px}}

/* Product presentations and supplied label previews. */
.productGallery{min-width:0;display:grid;gap:18px;align-content:start}
.productGallery .detailVisual{min-height:520px}
.labelPreview{display:block;padding:16px;background:#fff;border:1px solid var(--line);border-radius:16px}
.labelPreview span{display:flex;justify-content:space-between;gap:12px;color:var(--navy);font-size:12px;font-weight:800;margin-bottom:10px}
.labelPreview img{display:block;width:100%;height:auto;border-radius:8px}
.labelPreview:hover{border-color:var(--blue)}
button.variant{width:100%;background:#fff;font:inherit;color:inherit;cursor:pointer;text-align:left;gap:12px}
button.variant[aria-pressed="true"]{border-color:var(--blue);background:var(--ice);box-shadow:0 0 0 1px var(--blue)}
button.variant:focus-visible,.labelPreview:focus-visible{outline:3px solid #63b8ee;outline-offset:3px}
.selectedPresentation{font-size:12px;font-weight:750;color:var(--blue);margin:0 0 12px}
@media(max-width:560px){.productGallery .detailVisual{min-height:350px}.labelPreview{padding:12px}}
