.dhero{background:var(--paper);border-bottom:1px solid var(--line);overflow:hidden}.dhero .wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:48px;padding-top:64px;padding-bottom:64px;display:grid}.dhero h1{font:750 clamp(46px,5.6vw,92px)/.96 var(--sans);letter-spacing:-.03em;margin-top:18px;font-stretch:110%}.dhero .eyebrow{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.dhero .ctas{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.dhero ul.k{border-top:1px solid var(--frame);margin-top:30px}.dhero ul.k li{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr;padding:10px 0;font-size:15px;display:grid}.dhero ul.k li b{font:600 11.5px var(--mono);color:var(--navy);padding-top:2px}.sheetbox{border:1px solid var(--frame);background:#fff;position:relative}.sheetbox svg{width:100%;height:auto;display:block}.sheetbox .stamp{position:absolute;top:22px;right:26px}.tblock{border-top:1px solid var(--frame);grid-template-columns:1.6fr 1fr 1fr .7fr .6fr;font-size:12.5px;display:grid}.tblock div{border-left:1px solid var(--line);padding:8px 12px}.tblock div:first-child{border-left:0}.tblock i{font:500 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-style:normal;display:block}.tblock b{font:600 13px var(--mono)}.draw .dl{stroke-dasharray:1;stroke-dashoffset:1px}.draw.in .dl{animation:1.6s cubic-bezier(.4,.1,.2,1) forwards dl}.draw.in .dl.s2{animation-delay:.5s}.draw.in .dl.s3{animation-delay:1s}.draw.in .dl.s4{animation-delay:1.5s}.draw.in .dl.s5{animation-delay:2s}.draw .fi{opacity:0;transition:opacity .6s}.draw.in .fi{opacity:1;transition-delay:2.2s}.draw.in .fi.f2{transition-delay:2.6s}.draw.in .fi.f3{transition-delay:3s}@keyframes dl{to{stroke-dashoffset:0}}.pack{border:1px solid var(--frame);background:#fff;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0;display:grid}.pack .dwg{border-right:1px solid var(--frame);padding:22px}.pack .dwg svg{width:100%;height:auto;display:block}.pack .lst{padding:0}.pack .lst .hd{border-bottom:1px solid var(--frame);font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;padding:12px 16px;display:flex}.layer{border-bottom:1px solid var(--line);cursor:default;grid-template-columns:34px 46px 1fr;align-items:center;gap:12px;padding:12px 16px;transition:background .2s;display:grid}.layer:hover,.layer.on{background:#f3f6fa}.layer .no{border:1px solid var(--navy);width:24px;height:24px;font:600 11px var(--mono);color:var(--navy);border-radius:50%;justify-content:center;align-items:center;display:flex}.layer.on .no{background:var(--navy);color:#fff}.layer .sw{border:1px solid var(--frame);width:46px;height:30px}.layer b{font-size:14.5px;display:block}.layer span{font:500 11.5px var(--mono);color:var(--muted)}.lyr{transition:opacity .25s}.pack.hover .lyr{opacity:.25}.pack.hover .lyr.on{opacity:1}.match td:nth-child(2),.match td:nth-child(3){font-size:14px}.samples{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.smp{border:1px solid var(--frame);background:#fff}.smp .im{height:170px;position:relative;overflow:hidden}.smp img{object-fit:cover;width:100%;height:100%}.smp .b{padding:12px 14px}.smp .b .code{font-size:12px}.smp .h4{font:600 15px/1.2 var(--sans);margin:4px 0 8px}.smp .rev{gap:4px;margin-top:10px;display:flex}.smp .rev span{font:600 10px var(--mono);border:1px solid var(--frame);color:var(--muted);padding:2px 6px}.smp .rev span.cur{border-color:var(--navy);background:var(--navy);color:#fff}.qc{border:1px solid var(--frame);background:#fff;grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid}.qc .rep{border-right:1px solid var(--frame)}.qc .rh{border-bottom:1px solid var(--frame);grid-template-columns:repeat(4,1fr);display:grid}.qc .rh div{border-left:1px solid var(--line);padding:12px 14px}.qc .rh div:first-child{border-left:0}.qc .rh i{font:500 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-style:normal;display:block}.qc .rh b{font:600 14px var(--mono)}.qrow{border-bottom:1px solid var(--line);font:500 12.5px var(--mono);grid-template-columns:1.4fr .8fr .8fr .6fr 1.4fr 60px;align-items:center;gap:10px;padding:10px 14px;display:grid}.qrow.h{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom-color:var(--frame);font-size:9.5px}.qrow span:first-child{font-family:var(--sans);font-size:14px;font-weight:500}.gauge{border-left:1px solid var(--frame);border-right:1px solid var(--frame);height:12px;position:relative}.gauge:before{content:"";background:var(--line);height:2px;position:absolute;top:5px;left:0;right:0}.gauge:after{content:"";background:var(--steel);width:1px;position:absolute;top:0;bottom:0;left:50%}.gauge i{background:var(--navy);width:8px;height:8px;margin-left:-4px;transition:left 1.2s cubic-bezier(.2,.7,.2,1);position:absolute;top:2px;left:50%}.qc .ph{min-height:100%;position:relative}.qc .ph img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.qc .res{border:1px solid var(--ink);font:600 13px var(--mono);background:#fff;padding:10px 14px;position:absolute;bottom:16px;left:16px}.qc .res b{font:700 26px var(--sans);letter-spacing:-.01em;display:block}.mats{border-top:1px solid var(--frame);border-left:1px solid var(--frame);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.mat{border-right:1px solid var(--frame);border-bottom:1px solid var(--frame);background:#fff}.mat .im{grid-template-columns:1fr 1fr;height:150px;display:grid}.mat .im img{object-fit:cover;width:100%;height:150px}.mat .im svg{border-left:1px solid var(--line);width:100%;height:150px}.mat .b{padding:12px 14px}.mat .code{font-size:11.5px}.mat .h4{font:600 14.5px/1.25 var(--sans);margin:4px 0}.mat p{font:500 11px/1.5 var(--mono);color:var(--muted)}.cap{border-collapse:collapse;border:1px solid var(--frame);background:#fff;width:100%;font-size:14px}.cap th{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--frame);text-align:center;padding:12px 10px}.cap th:first-child{text-align:left}.cap td{border-bottom:1px solid var(--line);text-align:center;padding:12px 10px}.cap td:first-child{text-align:left;font-weight:600}.dot{background:var(--navy);border-radius:50%;width:10px;height:10px;display:inline-block}.dot.h{background:linear-gradient(90deg,var(--navy) 50%,transparent 50%);border:1px solid var(--navy)}.dot.n{border:1px solid var(--frame);background:0 0}.tp{border-top:2px solid var(--ink);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.tp li{padding:16px 14px 0 0;position:relative}.tp li:before{content:"";border:2px solid var(--ink);background:#fff;width:12px;height:12px;position:absolute;top:-7px;left:0}.tp li.you:before{background:var(--red);border-color:var(--red)}.tp .n{font:500 11px var(--mono);color:var(--steel)}.tp .h4{font:650 16px/1.2 var(--sans);margin:6px 0}.tp p{color:var(--ink-2);font-size:13.5px}.tp .you .who{font:600 10px var(--mono);letter-spacing:.08em;color:var(--red);margin-top:8px;display:inline-block}.qrow.h span:first-child{font:500 9.5px var(--mono);letter-spacing:.08em}.qnote{color:var(--muted);padding:8px 14px;font-size:11px}.cap-legend{color:var(--muted);margin-top:16px}.cap td,.cap-wrap{position:relative}.layer:focus-visible{outline-offset:-2px}@media (prefers-reduced-motion:reduce){.draw .dl{stroke-dashoffset:0}.draw.in .dl{animation:none}.draw .fi,.stamp{opacity:1;transition:none}.gauge i,.lyr{transition:none}}@media (width<=1080px){.dhero .wrap,.pack,.qc{grid-template-columns:minmax(0,1fr)}.pack .dwg,.qc .rep{border-right:0;border-bottom:1px solid var(--frame)}.qc .ph{height:320px}.samples,.mats{grid-template-columns:1fr 1fr}.tp{border-top:0;border-left:2px solid var(--ink);grid-template-columns:1fr}.tp li{padding:0 0 18px 18px}.tp li:before{top:2px;left:-7px}.qrow{grid-template-columns:1.2fr .7fr .7fr 1fr}.qrow>:nth-child(4),.qrow>:nth-child(6){display:none}.cap-wrap{overflow-x:auto}.cap{min-width:760px}}