/* Product pages reuse Patches typography, cloth badges and denim buttons. */
.product-page,.directory-page{--tb-gloss-rgb:255,255,255;--tb-shadow-rgb:0,0,0;--tb-ink-rgb:21,21,27;--tb-on-accent:#15151b;--tb-accent:#ffce00}
.product-page .glyph,.directory-page .glyph{width:1em;height:1em;object-fit:contain;transform:rotate(var(--tb-cloth-tilt))}
.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted);padding-top:26px}.breadcrumbs a:hover{text-decoration:underline}
.product-intro{display:grid;grid-template-columns:1fr 1fr;gap:28px 72px;padding:45px 0 65px;align-items:center}
.product-name{display:flex;align-items:center;gap:20px;margin-bottom:30px}.product-name p{font-weight:650;color:var(--denim)}.product-name .tb-cloth-patch{flex-shrink:0}
.product-copy h1{font:750 clamp(42px,4.8vw,68px)/1.06 Bricolage,Arial,sans-serif;letter-spacing:-2.6px;margin:0 0 26px;max-width:620px}
.product-lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:500px}.product-stage{padding:32px 20px;background:#eaf0e3;border-radius:35% 28% 32% 24%}
.sample-app{background:#fffefa;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 16px 32px #2023210a;transform:rotate(1.5deg)}
.sample-name{display:flex;align-items:center;gap:10px;font:700 19px/1.3 Bricolage,Arial,sans-serif}.sample-name img{flex-shrink:0}
.sample-stat{margin:25px 0 12px;padding:18px;background:#faf1cf;border-radius:13px;display:flex;flex-direction:column;gap:8px}.sample-stat small{font-size:12px;color:#626352}.sample-stat strong{font:700 clamp(25px,3vw,38px)/1.16 Bricolage,Arial,sans-serif;letter-spacing:-1px;overflow-wrap:anywhere}
.sample-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.sample-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.sample-row>span{color:var(--denim);font-weight:600;text-align:right;font-size:12px;max-width:36%}.sample-note{font-size:10px;text-align:center;color:var(--muted);margin:20px 0 0}
.product-action{grid-column:1/-1;text-align:center;margin-top:12px}.product-action p{font-size:12px;color:var(--muted);margin:14px 0 0}.product-action .button{max-width:100%}
.product-details{border-top:1px solid var(--line);padding:56px 0}.product-page h2,.directory-page h2{font:700 clamp(28px,3vw,38px)/1.2 Bricolage,Arial,sans-serif;letter-spacing:-1.1px;margin:0 0 28px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-grid h3{font:700 23px/1.2 Bricolage,Arial,sans-serif;letter-spacing:-.5px;margin:0 0 12px}.feature-grid p{font-size:15px;color:var(--muted);margin:0;line-height:1.8}
.product-faq{background:#eef2e8;border:1px solid #dce2d4;border-radius:26px;padding:34px;max-width:880px;margin:12px auto 65px}.product-faq details{border-top:1px solid #d5dbce;padding:18px 0}.product-faq details:last-child{padding-bottom:0}.product-faq summary{cursor:pointer;font-weight:600;padding-right:10px}.product-faq p{font-size:15px;color:var(--muted);margin:12px 0 0}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.catalog-card{display:flex;gap:20px;align-items:flex-start;background:#f6f4ea;border:1px solid #e0ded1;border-radius:23px;padding:25px;transition:transform .18s,box-shadow .18s}.catalog-card:nth-child(3n+2){background:#edf2e8}.catalog-card:nth-child(3n){background:#f1edf7}.catalog-card .tb-cloth-patch{--tb-cloth-size:52px;flex-shrink:0;margin-top:4px}.catalog-card:nth-child(even) .tb-cloth-patch{--tb-cloth-tilt:4deg}.catalog-card h3{font:700 22px/1.2 Bricolage,Arial,sans-serif;letter-spacing:-.5px;margin:0 0 10px}.catalog-card p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 16px}.card-link{font-size:13px;font-weight:600;color:var(--denim)}.catalog-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #2023210a}
.related{padding-bottom:80px}.catalog-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.catalog-heading>a{font-size:14px;color:var(--denim)}
.directory-intro{padding:65px 0 45px}.directory-intro h1{font:750 clamp(42px,5vw,70px)/1.08 Bricolage,Arial,sans-serif;letter-spacing:-2.5px;max-width:780px;margin:0 0 18px}.directory-intro>p{font-size:19px;color:var(--muted)}.category-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.category-links a{padding:8px 17px;border:1px solid #d5d9cf;border-radius:25px;font-size:14px;background:#f7f8f2}.category-links a:hover{background:#f8e899}.catalog-section{padding:22px 0 48px;scroll-margin-top:25px}.directory-page main{padding-bottom:45px}
.slide-more{display:inline-block;color:var(--denim);font-size:13px;font-weight:600;margin:0 0 8px;text-decoration:underline;text-underline-offset:4px}.directory-link{text-align:center;margin:0 auto 45px}.directory-link a{font-size:15px;color:var(--denim);text-decoration:underline;text-underline-offset:5px}
@media(max-width:1000px){.product-intro{gap:30px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-copy h1{font-size:48px}.product-stage{padding:20px 10px}.sample-app{padding:20px}.related .catalog-card:last-child{grid-column:1/-1}}
@media(max-width:760px){.product-intro{grid-template-columns:1fr;padding:32px 0 42px;gap:24px}.product-name{margin-bottom:25px;gap:16px}.product-name .tb-cloth-patch{--tb-cloth-size:56px}.product-copy h1{font-size:43px;letter-spacing:-1.8px}.product-lead{font-size:17px;margin-bottom:0}.product-stage{margin:0 3px;padding:22px 12px}.product-action{margin-top:0}.sample-app{padding:21px}.sample-name{font-size:19px}.feature-grid{grid-template-columns:1fr;gap:27px}.product-details{padding:38px 0}.product-faq{padding:25px 22px;margin-bottom:40px}.product-faq h2{font-size:27px}.catalog-grid{grid-template-columns:1fr}.catalog-card{padding:23px;gap:22px}.related .catalog-card:last-child{grid-column:auto}.catalog-heading{display:block}.catalog-heading>a{display:inline-block;margin:-10px 0 24px}.directory-intro{padding:40px 0 25px}.directory-intro h1{font-size:44px;letter-spacing:-1.8px}.category-links{gap:8px}.category-links a{font-size:12px;padding:8px 12px}.catalog-section{padding-bottom:30px}.product-page .nav nav,.directory-page .nav nav{gap:15px;font-size:12px}.product-page .brand,.directory-page .brand{font-size:24px}.breadcrumbs{font-size:12px}.sample-row{gap:10px}}
@media(prefers-reduced-motion:reduce){.catalog-card{transition:none}.catalog-card:hover{transform:none}}
.product-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:0;padding:28px;background:#f1f3eb;border:1px solid #dce1d4;border-radius:24px}.product-flow>li{position:relative;min-width:0;padding-top:25px}.flow-marker{position:absolute;top:0;left:0;width:12px;height:12px;border-radius:50%;background:var(--denim);box-shadow:0 0 0 4px #f1f3eb;z-index:1}.product-flow>li:not(:last-child)::before{content:"";position:absolute;left:12px;right:-32px;top:5px;border-top:1px dashed #9caec5}.product-flow h3{font:700 23px/1.2 Bricolage,Arial,sans-serif;margin:0 0 12px}.product-flow p{font-size:16px;line-height:1.75;color:var(--muted);margin:0}@media(max-width:760px){.product-flow{display:block;padding:25px 22px}.product-flow>li{padding:0 0 27px 28px}.product-flow>li:last-child{padding-bottom:0}.flow-marker{top:7px}.product-flow>li:not(:last-child)::before{left:5px;right:auto;top:19px;bottom:0;border-top:0;border-left:1px dashed #9caec5}.product-flow h3{font-size:23px}.product-flow p{font-size:15px}}

.connection-note{margin:24px 0;font-size:14px;line-height:1.65;color:var(--muted);max-width:760px}.connection-note summary{cursor:pointer;font-weight:600;color:var(--ink);padding:10px 0}.connection-note a{text-decoration:underline;text-underline-offset:3px}.connection-note p{margin:10px 0}.hero .actions .button{font-size:16px}