:root{--navy:#10263b;--red:#9d1826;--mist:#eef4f7;--ink:#152536;--muted:#607283;--line:#d9e4e9;--white:#fff}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,"Helvetica Neue",sans-serif;color:var(--ink);line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.top{background:var(--navy);color:#dbe8ef;font-size:.88rem}
.top .wrap{min-height:38px;display:flex;justify-content:flex-end;gap:24px;align-items:center}
.nav{border-bottom:1px solid var(--line);background:#fff}
.nav .wrap{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{width:205px}
.navlinks{display:flex;gap:24px;align-items:center;font-weight:700}
.button{display:inline-flex;background:var(--red);color:#fff;padding:12px 18px;border-radius:4px;font-weight:700}
.hero{background:linear-gradient(120deg,#f8fbfc,#e8f0f4);padding:74px 0}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
.crumb{font-size:.85rem;color:var(--muted);margin-bottom:22px}
.crumb a{color:var(--red)}
h1,h2,h3{line-height:1.15;color:var(--navy);margin:0}
h1{font-size:clamp(2.4rem,5vw,4.5rem);letter-spacing:-.045em}
h2{font-size:clamp(1.8rem,3.4vw,2.8rem)}
.lead{font-size:1.12rem;color:var(--muted);margin:24px 0 30px}
.visual{background:#fff;border:1px solid var(--line);padding:10px;overflow:hidden}
.visual img{width:100%;height:360px;object-fit:contain;object-position:center;mix-blend-mode:multiply;filter:contrast(1.06) saturate(.92)}
.content{padding:80px 0}
.intro{max-width:820px;font-size:1.06rem;color:var(--muted);margin:18px 0 42px}
.groups{display:grid;grid-template-columns:1fr;gap:22px}
.group{border:1px solid var(--line);padding:10px;background:#fff;overflow:hidden}
.group-image{width:100%;height:auto;aspect-ratio:25/9;object-fit:contain;object-position:center;background:#fff;border:0;margin:0 0 18px;mix-blend-mode:multiply;filter:contrast(1.06) saturate(.92);transform:scale(1.045)}
.group-image.product-cutout{aspect-ratio:5/3;mix-blend-mode:normal;filter:none;transform:none}
.group-image.reload-manual{aspect-ratio:25/6;object-fit:contain}
.group-image.reload-powered{aspect-ratio:10/3;object-fit:contain}
.group-image.scissors{aspect-ratio:25/3;object-fit:contain}
.group-image.circular-product{height:clamp(360px,52vw,620px);aspect-ratio:auto;transform:scale(1.08)}
.group-image.kit-product{aspect-ratio:25/8;transform:scale(1.07)}
.group h3{font-size:1.15rem;margin-bottom:12px}
.group p{color:var(--muted);margin:0}
.group.wide{grid-column:1/-1}
.group h4{margin:22px 0 10px;color:var(--navy);font-size:1rem}
.feature-list{margin:16px 0 0;padding-left:20px;color:var(--muted)}
.feature-list li{margin:7px 0}
.table-wrap{overflow-x:auto;margin-top:18px;border:1px solid var(--line)}
.product-table{width:100%;border-collapse:collapse;font-size:.9rem}
.product-table th,.product-table td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.product-table th{background:var(--mist);color:var(--navy);white-space:nowrap}
.product-table tr:last-child td{border-bottom:0}
.color-swatch{display:inline-block;width:.72rem;height:.72rem;margin-right:7px;border:1px solid rgba(0,0,0,.18);vertical-align:-.04rem}
.tan{background:#e0bd1e}.purple{background:#9f0099}.black{background:#111}
.notice{margin-top:34px;padding:20px 24px;background:var(--mist);color:var(--muted);font-size:.92rem}
.cta{background:var(--navy);color:#fff;padding:58px 0}
.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}
.cta h2{color:#fff}
.footer{background:#091a29;color:#aabdc8;padding:40px 0}
.footer-grid{display:flex;justify-content:space-between;gap:30px}
.footer img{width:180px;filter:brightness(0) invert(1)}
.footer a{color:#fff}
@media(max-width:760px){.top{display:none}
.nav .wrap{min-height:72px}
.navlinks a:not(.button){display:none}
.hero-grid{grid-template-columns:1fr}
.visual img{height:300px}
.group.wide{grid-column:auto}
.group{padding:6px}
.group-image{height:auto;aspect-ratio:25/9}
.group-image.reload-manual,.group-image.reload-powered{aspect-ratio:3/1}
.group-image.scissors{aspect-ratio:4/1}
.group-image.circular-product{height:320px;aspect-ratio:auto}
.group-image.kit-product{aspect-ratio:3/1}
.cta .wrap,.footer-grid{display:block}
.cta .button{margin-top:24px}
.footer img{margin-bottom:20px}
}