body{background:#fcfcf8}.hero{border-radius:22px;background:radial-gradient(ellipse at 0 100%,#285567,transparent 65%),#122b40;box-shadow:0 18px 38px #122b4018}.hero-copy{padding:52px 44px}.hero h1{font-size:clamp(2.6rem,4.7vw,4.2rem)}.hero-photo img{transition:transform .8s}.hero:hover .hero-photo img{transform:scale(1.035)}.hero .caption{border-radius:20px;max-width:calc(100% - 40px)}.btn,button{border-radius:10px;transition:transform .2s,box-shadow .2s}.btn:hover,button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #122b4014}.finder-strip{border-radius:16px;background:#edf2e9}.category,.product{border-radius:16px;background:white;transition:transform .2s,box-shadow .2s}.category:hover,.product:hover{transform:translateY(-4px);box-shadow:0 14px 28px #122b4010}.category:hover{text-decoration:none;border-color:#9bb55e}.category-grid .category:nth-child(4n+1){background:#eff4e3}.category-grid .category:nth-child(4n+2){background:#edf6f8}.category-grid .category:nth-child(4n+3){background:#faf0e9}.category-grid .category:nth-child(4n+4){background:#f1edf8}.category .num{font-size:40px;color:var(--navy);opacity:.5}.banner{border-radius:18px;background:radial-gradient(ellipse at 100% 0,#335c65,transparent 65%),var(--navy)}.product h3{font-size:1.25rem}.product .pill{border-radius:20px}.label-lab{margin:52px 0}.label-lab h2{font-size:clamp(1.8rem,3vw,2.45rem)}.lab-badge{white-space:nowrap;font-size:12px;font-weight:700;background:#e9efdc;border-radius:30px;padding:10px 14px}.lab-shell{display:grid;grid-template-columns:.85fr 1.3fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:white;box-shadow:0 14px 40px #122b4008}.lab-controls{padding:30px}.lab-step{font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:var(--grey);margin:0 0 14px}.lab-step:not(:first-child){margin-top:28px}.lab-options{display:flex;gap:8px;flex-wrap:wrap}.lab-options button{padding:10px 12px;font-size:13px;background:var(--light);color:var(--navy);border:1px solid var(--line)}.lab-options button[aria-pressed=true]{background:var(--navy);color:var(--lime);border-color:var(--navy)}.lab-field-row{display:grid;grid-template-columns:1fr 100px;gap:14px;margin-top:16px}#lab-text{margin-top:7px}#lab-colour{height:47px;padding:5px;cursor:pointer}#lab-quantity{accent-color:var(--navy);padding:0;border:0;height:28px;cursor:pointer}#lab-quantity-value{float:right;font-weight:800}.range-limits{display:flex;justify-content:space-between;color:var(--grey);font-size:11px}.lab-display{display:grid;grid-template-columns:1fr;background:#f3f6f5;border-left:1px solid var(--line)}.lab-preview-stage{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;gap:22px;background-color:#e8eee8;background-image:radial-gradient(#9daf9c60 1px,transparent 1px);background-size:15px 15px}.preview-meta,.preview-foot{color:#52695b;font-size:10px;letter-spacing:.08em}.preview-foot{letter-spacing:0;text-align:center}.sample-label{--label-accent:#c8f454;transform:rotate(-5deg);background:white;width:270px;min-height:168px;padding:20px 23px;border-radius:4px;border-top:12px solid var(--label-accent);box-shadow:0 16px 24px #273c3324;display:flex;flex-direction:column;justify-content:center;gap:13px;transition:border-radius .25s,transform .25s;position:relative}.sample-label:hover{transform:rotate(0)}.sample-label[data-shape=rounded]{border-radius:24px}.sample-label[data-shape=round]{border-radius:50%;width:230px;height:230px;text-align:center;padding:30px}.sample-label>span:first-child{font-size:9px;font-weight:700;letter-spacing:.12em}.sample-label strong{font-family:Manrope,Arial,sans-serif;font-size:22px;line-height:1.15;overflow-wrap:anywhere}.sample-barcode{height:32px;background:repeating-linear-gradient(90deg,#122b40 0 2px,white 2px 4px,#122b40 4px 5px,white 5px 8px,#122b40 8px 12px,white 12px 14px,#122b40 14px 15px,white 15px 19px);width:100%}.sample-serial{font-size:9px;letter-spacing:.14em}.lab-recommendation{padding:25px 30px;background:#fff}.lab-recommendation h3{font-size:1.5rem;margin:9px 0}.lab-recommendation p{font-size:13px;color:var(--grey)}.lab-pack-estimate{background:#f1f5ea;padding:14px;border-radius:10px;margin-bottom:18px}.lab-pack-estimate strong{display:block;font-size:19px}.lab-pack-estimate span{display:block;font-size:11px;color:var(--grey);margin-top:4px}.lab-disclaimer{font-size:12px;color:var(--grey);margin:12px 8px}.lab-recommendation .btn{font-size:13px}.section-head h2{line-height:1.2}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #73952b;outline-offset:4px}
@media(max-width:900px){.lab-shell{grid-template-columns:1fr 1fr}.lab-controls{padding:24px}.lab-badge{display:none}.lab-options button{flex-grow:1}.hero-copy{padding:30px}.lab-preview-stage{padding:24px 12px}.sample-label{width:225px}}
@media(max-width:600px){.lab-shell{grid-template-columns:1fr}.lab-display{border-left:0;border-top:1px solid var(--line)}.lab-controls,.lab-recommendation{padding:24px}.hero{border-radius:16px}.hero-copy{padding:28px}.hero h1{font-size:2.7rem}.lab-preview-stage{min-height:290px}.sample-label{width:270px}.label-lab{margin-top:34px}.finder-strip{margin-bottom:24px}.category .num{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}.hero:hover .hero-photo img{transform:none}.category:hover,.product:hover,.btn:hover,button:hover{transform:none}.sample-label{transform:none}}