.dfPage{--dfPurple:#8b72ad;--dfRed:#e41f24;--dfCyan:#2a9dce}.dfWrap{width:min(100% - 48px,1340px);margin-inline:auto}.dfSection{padding:96px 0}.dfTint{background:#f3f6f7}.dfEyebrow{color:var(--blue);letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px;font-size:.75rem;font-weight:800}.dfPage h1{max-width:720px;font-size:clamp(3.5rem,5vw,4.6rem);line-height:1.03}.dfPage h2{font-size:clamp(2.5rem,4vw,3.25rem)}.dfLead{max-width:690px;color:var(--muted);font-size:1.12rem}.dfButton{background:var(--blue);color:#fff;justify-content:space-between;align-items:center;gap:30px;min-height:48px;padding:11px 18px;font-weight:700;display:inline-flex}.dfButton.secondary{color:var(--ink);background:0 0;border:1px solid #adbec6}.dfActions{gap:12px;margin-top:30px;display:flex}.dfHero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:680px;padding-block:78px;display:grid}.dfHeroProducts{height:500px;position:relative}.dfHeroPack{width:300px;height:470px;margin:auto;position:absolute;inset:0}.dfHeroPack img{object-fit:contain;width:100%;height:100%}.dfSectionHead{max-width:780px;margin-bottom:48px}.dfSectionHead>p:last-child{color:var(--muted);font-size:1.05rem}.dfProductRange{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.dfProduct{background:#fff;border-top:4px solid;flex-direction:column;padding:0 30px 32px;display:flex}.dfProduct.p0{border-color:var(--dfPurple)}.dfProduct.p1{border-color:var(--dfRed)}.dfProduct.p2{border-color:var(--dfCyan)}.dfProductImage{height:280px;margin-bottom:22px}.dfProductImage img{object-fit:contain;width:100%;height:100%}.dfProduct small{color:var(--muted);letter-spacing:.12em}.dfProduct h2{margin:6px 0 0;font-size:2rem}.dfProduct h3{margin-bottom:10px;font-size:1.05rem}.dfProduct p{min-height:55px;color:var(--muted)}.dfProduct>b{margin-bottom:22px}.dfProduct .dfButton{margin-top:auto}.dfCompare{border-top:1px solid var(--line)}.dfCompareLabels,.dfCompareRow{grid-template-columns:1.15fr 2fr .7fr .7fr;align-items:center;gap:24px;display:grid}.dfCompareLabels{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:12px 20px;font-size:.72rem;font-weight:700}.dfCompareRow{border-top:1px solid var(--line);border-left:4px solid;padding:24px 20px}.dfCompareRow.p0{border-left-color:var(--dfPurple)}.dfCompareRow.p1{border-left-color:var(--dfRed)}.dfCompareRow.p2{border-left-color:var(--dfCyan)}.dfCompareRow b small{color:var(--muted);font-weight:400;display:block}.dfCompareRow p{margin:0}.dfCompareRow>span{color:var(--blue);font-weight:700}.dfVolumes{background:#edf4f6}.dfVolumeGrid{grid-template-columns:1fr 1fr;display:grid}.dfVolumeGrid article{border:1px solid #cedce2;padding:36px}.dfVolumeGrid span{color:var(--muted)}.dfVolumeGrid strong{margin:20px 0 4px;font-size:4.8rem;line-height:1;display:block}.dfVolumeGrid p{color:var(--muted)}.dfTech{grid-template-columns:.9fr 1.1fr;align-items:center;gap:9vw;display:grid}.dfGel{background:#f0f5f6;place-items:center;min-height:460px;display:grid}.dfGelCore{border:1px solid #b9d1dc;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:280px;height:280px;display:flex}.dfGelCore span,.dfGelCore small{color:var(--muted);letter-spacing:.1em}.dfGelCore b{color:var(--blue);font-size:5rem}.dfTech>div:last-child>p:not(.dfEyebrow){color:var(--muted);font-size:1.05rem}.dfTech ul{border-top:1px solid var(--line);padding:0;list-style:none}.dfTech li{border-bottom:1px solid var(--line);padding:13px 0;font-weight:700}.dfSelection{grid-template-columns:1fr 1fr;align-items:center;gap:8vw;display:grid}.dfSelection>div>p:not(.dfEyebrow){color:var(--muted)}.dfSelectLinks{border-top:1px solid var(--line)}.dfSelectLinks a{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr auto;padding:17px 0;display:grid}.dfSelectLinks span{color:var(--muted)}.dfSelectLinks i{color:var(--blue);font-style:normal}.dfSelectionVisual{height:480px;position:relative}.dfSelectionVisual img{object-fit:contain;width:58%;height:100%;position:absolute}.dfSelectionVisual img:first-child{left:0}.dfSelectionVisual img:nth-child(2){z-index:2;left:21%}.dfSelectionVisual img:nth-child(3){right:0}.dfAudiences{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.dfAudiences article{border-right:1px solid var(--line);padding:27px}.dfAudiences article:last-child{border:0}.dfAudiences p{color:var(--muted)}.dfManufacturing{color:#fff;background:#102638}.dfManufacturingGrid{grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw;display:grid}.dfFactoryImage{height:430px}.dfFactoryImage img{object-fit:cover;width:100%;height:100%}.dfManufacturing .dfEyebrow{color:#8fd0eb}.dfManufacturing p:not(.dfEyebrow){color:#bac8cf}.dfTextLinks{border-top:1px solid #ffffff30;margin-top:26px;display:grid}.dfTextLinks a{border-bottom:1px solid #ffffff30;padding:14px 0;font-weight:700}.dfOem{background:#edf4f6}.dfOemHead{justify-content:space-between;align-items:end;gap:40px;display:flex}.dfOemHead>div{max-width:780px}.dfOemStats{border-block:1px solid #bdcdd4;grid-template-columns:repeat(3,1fr);margin:34px 0 24px;display:grid}.dfOemStats div{padding:25px 0}.dfOemStats small,.dfOemStats b{display:block}.dfOemStats small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.dfOemStats b{font-size:2.7rem}.dfTags{flex-wrap:wrap;gap:8px;display:flex}.dfTags span{border:1px solid var(--line);background:#fff;padding:8px 13px}.dfInquiryGrid{grid-template-columns:.75fr 1.25fr;align-items:start;gap:8vw;display:grid}.dfInquiryGrid>div>p:not(.dfEyebrow){color:var(--muted);font-size:1.05rem}.dfInquiryGrid>div>a{color:var(--blue);font-weight:700}.dfInquiry form{background:#f3f6f7;gap:20px;padding:34px;display:grid}.dfInquiry fieldset{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.dfInquiry legend,.dfInquiry label{font-size:.84rem;font-weight:700}.dfInquiry fieldset label input{opacity:0;position:absolute}.dfInquiry fieldset label span{background:#fff;border:1px solid #bdcbd1;align-items:center;min-height:44px;padding:10px 14px;display:flex}.dfInquiry fieldset input:checked+span{background:var(--blue);color:#fff;border-color:var(--blue)}.dfInquiry form>label,.dfFormRow label{gap:6px;display:grid}.dfInquiry input,.dfInquiry select,.dfInquiry textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #b8c8cf;padding:12px}.dfInquiry input,.dfInquiry select{min-height:48px}.dfFormRow{grid-template-columns:1fr 1fr;gap:14px;display:grid}.dfInquiry button{background:var(--blue);color:#fff;min-height:52px;font:inherit;cursor:pointer;border:0;justify-content:space-between;align-items:center;padding:12px 18px;font-weight:700;display:flex}@media (max-width:1050px){.dfHero{grid-template-columns:1fr;padding-top:64px}.dfHero>div:first-child{max-width:820px}.dfHeroProducts{height:430px}.dfProductRange{grid-template-columns:1fr}.dfProductImage{height:320px}.dfProduct p{min-height:0}.dfTech,.dfSelection,.dfManufacturingGrid,.dfInquiryGrid{grid-template-columns:1fr}.dfSelectionVisual{height:420px}.dfAudiences{grid-template-columns:1fr 1fr}.dfAudiences article:nth-child(2){border-right:0}.dfAudiences article:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (max-width:700px){.dfWrap{width:min(100% - 32px,1340px)}.dfSection{padding:68px 0}.dfPage h1{font-size:2.65rem}.dfPage h2{font-size:2.25rem}.dfActions{flex-direction:column}.dfButton{width:100%;min-height:48px}.dfHero{min-height:0;padding-block:56px}.dfHeroProducts{height:300px}.dfHeroPack{width:165px;height:280px}.dfHeroPack.p0{transform:translate(-43%)scale(.87)}.dfHeroPack.p2{transform:translate(43%)scale(.87)}.dfSectionHead{margin-bottom:32px}.dfProduct{padding-inline:22px}.dfProductImage{height:240px}.dfCompareLabels{display:none}.dfCompareRow{grid-template-columns:1fr 1fr;gap:12px}.dfCompareRow p{grid-column:1/-1}.dfCompareRow>span{font-size:.88rem}.dfVolumeGrid{grid-template-columns:1fr}.dfVolumeGrid article{padding:27px}.dfVolumeGrid strong{font-size:3.7rem}.dfGel{min-height:330px}.dfGelCore{width:230px;height:230px}.dfSelectionVisual{height:300px}.dfAudiences{grid-template-columns:1fr}.dfAudiences article{border-right:0;border-bottom:1px solid var(--line)}.dfFactoryImage{aspect-ratio:4/3;height:auto}.dfFactoryImage img{object-fit:contain}.dfOemHead{flex-direction:column;align-items:start}.dfOemStats{grid-template-columns:1fr}.dfOemStats div{border-bottom:1px solid #bdcdd4;padding:17px 0}.dfOemStats b{font-size:2.1rem}.dfInquiry form{padding:24px}.dfFormRow{grid-template-columns:1fr}}.dfFinishedVisual,.dfFinishedSlot,.dfVolumeVisual,.dfGelVisual,.dfOemVisual{text-align:center;color:var(--muted);background:#f8fafb;border:1px dashed #afc2ca;flex-direction:column;justify-content:center;align-items:center;display:flex}.dfFinishedVisual span,.dfFinishedSlot span{letter-spacing:.12em;color:var(--ink);font-size:1.15rem;font-weight:800}.dfFinishedVisual b,.dfFinishedSlot b,.dfVolumeVisual b,.dfGelVisual b,.dfOemVisual b{color:var(--ink);margin-top:7px}.dfFinishedVisual small,.dfFinishedSlot small,.dfVolumeVisual small,.dfGelVisual small,.dfOemVisual small{letter-spacing:.06em;color:var(--muted);margin-top:4px}.dfFinishedVisual.p0,.dfSelectionVisual.p0{border-top:4px solid var(--dfPurple)}.dfFinishedVisual.p1,.dfSelectionVisual.p1{border-top:4px solid var(--dfRed)}.dfFinishedVisual.p2,.dfSelectionVisual.p2{border-top:4px solid var(--dfCyan)}.dfHeroPack{transform-origin:50%;background:#fff;margin:0;inset:50% auto auto 50%;box-shadow:0 18px 35px #17394a12}.dfHeroPack.p0{transform:translate(-105%,-46%)scale(.9)}.dfHeroPack.p1{z-index:2;transform:translate(-50%,-52%)}.dfHeroPack.p2{transform:translate(5%,-46%)scale(.9)}.dfProductImage{width:100%;padding:20px}.dfVolumeVisual{height:240px;margin:20px 0 22px}.dfGelVisual{background:radial-gradient(circle at 35% 28%,#fff,#dcecf2 62%,#c3dce6);border-radius:48% 52% 55% 45%/42% 44% 56% 58%;width:min(80%,360px);height:310px}.dfGelVisual span{letter-spacing:.12em;font-size:.72rem;font-weight:800}.dfGelVisual b{font-size:1.15rem}.dfSelectLinks button{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:90px 1fr auto;padding:17px 0;display:grid}.dfSelectLinks button span{color:var(--muted)}.dfSelectLinks button i{color:var(--blue);font-style:normal}.dfSelectLinks button.active{color:var(--blue)}.dfSelectLinks button.active b{color:inherit}.dfSelectionVisual{background:#fff;border:1px solid #c8d6dc;place-items:center;height:480px;display:grid;position:relative}.dfFinishedSlot{background:#f8fafb;width:72%;height:76%}.dfOemContent{grid-template-columns:.8fr 1.2fr;align-items:start;gap:36px;display:grid}.dfOemVisual{min-height:260px}.dfTags{align-content:start}@media (max-width:1050px){.dfSelectionVisual{height:420px}.dfOemContent{grid-template-columns:1fr}}@media (max-width:700px){.dfHeroPack{width:165px;height:260px}.dfHeroPack.p0{transform:translate(-99%,-46%)scale(.82)}.dfHeroPack.p1{transform:translate(-50%,-50%)}.dfHeroPack.p2{transform:translate(-1%,-46%)scale(.82)}.dfVolumeVisual{height:190px}.dfGelVisual{height:250px}.dfSelectLinks button{grid-template-columns:82px 1fr auto;min-height:54px}.dfSelectionVisual{height:300px}.dfFinishedSlot{width:84%;height:78%}.dfOemVisual{min-height:220px}}.dfFinishedVisual img,.dfFinishedSlot img,.dfVolumeVisual img{object-fit:contain;width:100%;height:100%;display:block}.dfFinishedVisual,.dfFinishedSlot,.dfVolumeVisual{overflow:hidden}.dfTech.dfTextOnly,.dfOemContent.dfTextOnly{grid-template-columns:minmax(0,820px)}.dfTechSection{padding-block:68px}.dfTechSection .dfWrap{max-width:880px}.dfHeroPack{cursor:pointer;z-index:1;transition:transform .2s,box-shadow .2s}.dfHeroPack.p1{z-index:3}:is(.dfHeroPack.p0:hover,.dfHeroPack.p0:focus-visible){z-index:5;transform:translate(-105%,-50%)scale(1)}:is(.dfHeroPack.p1:hover,.dfHeroPack.p1:focus-visible){z-index:5;transform:translate(-50%,-52%)scale(1.04)}:is(.dfHeroPack.p2:hover,.dfHeroPack.p2:focus-visible){z-index:5;transform:translate(5%,-50%)scale(1)}.dfHeroPack:focus-visible{outline:2px solid var(--blue);outline-offset:4px}@media (max-width:650px){:is(.dfHeroPack:hover,.dfHeroPack:focus-visible){z-index:inherit}:is(.dfHeroPack.p0:hover,.dfHeroPack.p0:focus-visible){transform:translate(-99%,-46%)scale(.82)}:is(.dfHeroPack.p1:hover,.dfHeroPack.p1:focus-visible){z-index:3;transform:translate(-50%,-50%)}:is(.dfHeroPack.p2:hover,.dfHeroPack.p2:focus-visible){transform:translate(-1%,-46%)scale(.82)}.dfCompare{border-top:1px solid var(--line)}.dfCompareRow{border-top:0;border-bottom:1px solid var(--line);padding:26px 18px;display:block}.dfCompareRow b{margin-bottom:16px;font-size:1.35rem;display:block}.dfCompareRow b small{margin-top:5px;font-size:0;line-height:1.5}.dfCompareRow b small:before{content:"Profile: " attr(data-mobile-profile);color:var(--muted);font-size:.95rem;font-weight:400}.dfCompareRow p,.dfCompareRow>span{grid-template-columns:100px minmax(0,1fr);gap:12px;margin:0;padding:8px 0;font-size:1rem;line-height:1.5;display:grid}.dfCompareRow p:before,.dfCompareRow>span:before{content:attr(data-label) ":";color:var(--ink);font-weight:700}.dfVolumeVisual{justify-content:center;align-items:center;height:300px;min-height:300px;padding:15px;display:flex;overflow:hidden}.dfVolumeVisual img{visibility:visible;opacity:1;object-fit:contain;object-position:center;width:auto;max-width:100%;height:auto;max-height:270px;margin:auto;display:block}}
