/* Match the reference's wide, image-first category layout. */
html{scroll-behavior:smooth;scroll-padding-top:90px}
.bar{max-width:1152px;padding:12px 16px;gap:20px}
.wordmark{font-size:30px}.bar nav{gap:24px}.promo{padding:11px 16px;font-size:10px}
main{max-width:1152px;padding:30px 16px 40px}
.hero{max-width:100%;margin-bottom:24px}
.hero .eyebrow{font-size:10px;letter-spacing:1.4px}
.hero h1{font-size:36px;line-height:1.15;letter-spacing:-1px;margin:12px 0 15px}
.hero h1 br{display:none}.hero h1 br:after{content:' '}
.hero h2{font-size:16px;margin-bottom:8px}
.hero p{max-width:800px;font-size:14px;line-height:1.6}
.hero-actions{margin:18px 0 10px;gap:12px}.hero-actions .button{padding:11px 18px;font-size:12px}
.hero small{font-size:10px;letter-spacing:1px}
.divider{margin:24px 0}.section-label{margin-bottom:14px}
.grid-panel{max-width:none;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.card{display:block;min-height:0;padding:0;border-radius:16px;overflow:hidden;background:#fff;border-color:#e4e4eb;transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease}
.picture-stage{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/3;overflow:hidden;background:#f7f7f9}
.picture{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;padding:14px;background-image:none;transform:scale(1);transition:transform .35s cubic-bezier(.2,.65,.3,1);will-change:transform;mix-blend-mode:normal}
.card-label{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 6px;margin:0;font-size:14px;font-weight:600;line-height:1.35}
@media(hover:hover) and (pointer:fine){.card:hover{transform:translateY(-3px);border-color:#b9bbcd;box-shadow:0 10px 24px #28294522}.card:hover .picture{transform:scale(1.18)}}
.card:focus-visible .picture{transform:scale(1.18)}
.guide{max-width:900px;margin-top:56px}.steps{display:block}.guide h3{margin-top:22px}
@media(min-width:700px) and (max-width:1023px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bar{flex-wrap:wrap}.bar nav{margin-left:auto;margin-right:0}.promo{margin-left:auto}}
@media(max-width:699px){.bar{flex-wrap:wrap;gap:10px 16px;padding:10px 16px}.wordmark{font-size:26px}.bar nav{margin:0 0 0 auto;gap:16px;font-size:12px}.bar nav a:first-child,.bar nav a:nth-child(2){display:block}.promo{width:100%;text-align:center;white-space:normal;font-size:10px;padding:9px 12px}main{padding:24px 16px}.hero h1{font-size:28px;line-height:1.2}.hero h1 br{display:block}.hero h2{font-size:15px}.hero-actions{flex-wrap:wrap}.hero-actions .button{font-size:11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.picture{transform:scale(1.4)}.card-label{font-size:13px;min-height:48px}.guide{margin-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.picture{transition:none}}
@media(max-width:699px){.picture{transform:scale(1)}}