.products-chapter{background:radial-gradient(ellipse at 80% 20%,#92703c10,transparent 55%);padding-top:48px;padding-bottom:48px}
.products-chapter .chapter-heading{margin-bottom:25px}
.products-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:22px}
.products-intro h2{font-size:clamp(28px,3.2vw,46px);font-weight:550;letter-spacing:-1px;margin:0;line-height:1.35}
.products-intro h2 span{color:var(--gold)}
.products-intro p{max-width:345px;font-size:13px;line-height:1.9;margin:0;color:#939e97}
.catalog-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:0 0 22px}
.catalog-toolbar .filters{margin:0;display:flex;gap:8px;flex-wrap:wrap}
.catalog-toolbar .filters button{border-radius:4px;padding:8px 15px;min-height:36px;font-size:12px}
.catalog-count{flex-shrink:0;color:#818b83;font-size:11px;letter-spacing:1px}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.product-card{display:flex;min-width:0;flex-direction:column;border:1px solid #ffffff12;background:#141a1d;border-radius:7px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.product-card:hover{transform:translateY(-5px);border-color:#b697595c;box-shadow:0 15px 32px #0004}
.product-cover{aspect-ratio:16/9;overflow:hidden;position:relative;border-bottom:1px solid #ffffff0c;background:#12181b}
.product-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s}
.product-card:hover .product-cover img{transform:scale(1.035)}
.cover-type{position:absolute;top:12px;right:12px;font-size:8px;padding:4px 6px;background:#111619b3;border:1px solid #a59f6b26;border-radius:3px;color:#949d90;letter-spacing:1px}
.product-card-copy{padding:18px 20px 16px;display:flex;flex:1;flex-direction:column}
.product-card-meta{display:flex;justify-content:space-between;color:#b79c6e;font-size:10px;letter-spacing:.5px}
.product-card-meta span:last-child{color:#7c8983;font-size:9px}
.product-card h3{font-size:21px;line-height:1.5;font-weight:550;margin:9px 0 7px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.product-card h3>span{font-size:16px;color:#aa915e;transition:transform .2s}
.product-card:hover h3>span{transform:translate(2px,-2px)}
.product-card p{font-size:12px;line-height:1.8;color:#9fa89f;margin:0 0 17px;flex:1}
.product-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ffffff0d;padding-top:11px;font-size:9px;color:#8b968b}
.product-number{color:#7b735c;font:10px ui-monospace,monospace}
.products-chapter .next-chapter{margin-top:28px}
.product-detail{max-width:890px;margin:auto}
.product-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 43px}
.product-screens figure{min-width:0;margin:0}
.product-screens>figure:only-child{grid-column:1/-1}
.product-screens a{display:block}
.product-screens img{display:block;width:100%;height:auto;border:1px solid #ffffff1c;border-radius:5px}
.product-screens figcaption{margin-top:10px;color:#8e998e;font-size:10px;line-height:1.8}
@media(max-width:760px){.product-screens{grid-template-columns:1fr;gap:22px;margin-bottom:35px}}
.product-detail .back-link{margin-bottom:28px}
.product-detail-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;color:#bdaa80}
.product-detail-meta span{padding:5px 9px;border:1px solid #8b794e40;border-radius:3px}
.product-detail-meta span:last-child{color:#a8b29f;border-color:#75856b3b}
.product-detail .product-tagline{font-size:21px;color:#d5b676;margin:0 0 12px;line-height:1.6}
.product-detail .lead{max-width:720px;line-height:1.9;margin-bottom:0}
.product-demo-link{margin-top:22px}
.miniapp-entry{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:30px;padding:24px;border:1px solid #c0a36835;border-radius:8px;background:linear-gradient(135deg,#b89b5610,#141a1d);margin:28px 0 30px}
.miniapp-code{display:block;padding:10px;background:#fff;border-radius:7px;width:200px;height:200px}
.miniapp-code img{display:block;width:100%;height:100%;object-fit:contain}
.miniapp-entry h2{font-size:22px;margin:12px 0 10px;color:#e6ddc6}
.miniapp-entry p{color:#aab2a7;font-size:13px;line-height:1.9;margin:0 0 15px}
.miniapp-entry .text-link{font-size:12px;margin:0;display:inline-block}
@media(max-width:620px){.miniapp-entry{grid-template-columns:1fr;gap:22px;padding:24px 18px}.miniapp-code{margin:auto}.miniapp-entry h2{font-size:20px}.miniapp-entry>div{text-align:center}.miniapp-entry .eyebrow{font-size:9px}}
.product-detail-visual{margin:30px 0 43px}
.product-detail-visual img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid #ffffff1c}
.product-detail-visual figcaption{font-size:10px;letter-spacing:1px;color:#808b82;margin-top:11px;text-align:right}
.product-detail h2{font-weight:550;line-height:1.6}
.product-story h2{font-size:25px;margin:14px 0}
.product-story>p,.product-use p,.product-use li{font-size:14px;line-height:2;color:#afb9ad}
.product-story>p{max-width:800px}
.product-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;margin:34px 0}
.product-features>div{padding:25px 22px 25px 0;min-width:0}
.product-features>div+div{border-left:1px solid #ffffff16;padding-left:22px}
.feature-number{color:#a68c59;font:12px ui-monospace,monospace}
.product-features h2{font-size:17px;margin:16px 0 11px}
.product-features p{font-size:12px;color:#939f92;line-height:1.9;margin:0}
.product-use{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:35px 0}
.product-use h2{font-size:18px;margin:13px 0 9px}
.product-use p{margin:0}
.product-use ol{margin:0;padding-left:18px}
.product-current{padding:21px 24px;background:#b79a5a09;border-left:2px solid #a78b4e;margin:30px 0}
.product-current p{font-size:12px;line-height:1.9;color:#a0ad9d;margin-bottom:0}
@media(min-width:1560px){.product-card p{font-size:14px}.product-card h3{font-size:24px}}
@media(max-width:950px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.products-intro{align-items:flex-start;flex-direction:column;gap:15px}.products-intro p{max-width:550px}}
@media(max-width:760px){.products-chapter{padding-top:32px}.products-intro h2{font-size:29px}.products-intro p{font-size:12px}.product-grid{grid-template-columns:1fr;gap:20px}.catalog-toolbar{align-items:flex-start;gap:12px}.catalog-toolbar .filters{gap:6px}.catalog-toolbar .filters button{font-size:11px;min-height:40px;padding:8px 10px}.catalog-count{font-size:9px;padding-top:14px}.product-card-copy{padding:18px}.product-card h3{font-size:22px}.product-card p{font-size:13px}.product-card-foot{font-size:10px}.product-features{grid-template-columns:1fr}.product-features>div,.product-features>div+div{padding:22px 0;border-left:0}.product-features>div+div{border-top:1px solid #ffffff16}.product-features h2{margin:11px 0 8px}.product-features p{font-size:13px}.product-use{grid-template-columns:1fr;gap:30px}.product-detail .product-tagline{font-size:18px}.product-detail-meta{font-size:10px;gap:7px}.product-story h2{font-size:22px}.product-current{padding:18px}.product-detail-visual{margin:25px 0 35px}}
@media(prefers-reduced-motion:reduce){.product-card,.product-cover img,.product-card h3>span{transition:none}}

/* Keep actual product UI intact; fit screenshots inside the shared gallery. */
.product-cover{aspect-ratio:16/10;padding:12px;background:linear-gradient(140deg,#263031,#151d20)}
.product-cover img{object-fit:contain;border-radius:3px;filter:drop-shadow(0 8px 14px #0004)}
.product-cover.screen-mobile{background:radial-gradient(ellipse,#4c5a4540,#171f21)}
.product-cover.screen-mobile img{width:auto;max-width:78%;height:100%;margin:auto;border-radius:9px}
.product-detail-visual.detail-mobile>a{display:block;max-width:430px;margin:auto}
.product-detail-visual.detail-mobile{padding:24px;border:1px solid #ffffff12;background:#11181b;border-radius:8px}
.product-detail-visual.detail-mobile img{border-radius:20px}
.product-detail-visual a:focus-visible{display:block;outline-offset:8px}
@media(max-width:760px){.product-detail-visual.detail-mobile{padding:15px}.product-detail-visual figcaption{line-height:1.8;font-size:9px}}

.desktop-product-shot{min-height:25px;flex:1;display:flex;align-items:center;justify-content:center;background:#263132;border:1px solid #ffffff12;border-radius:3px;overflow:hidden}
.desktop-product-shot img{width:100%;height:100%;min-height:0;object-fit:contain}
.desktop-item>.item-glyph{overflow:hidden}
.item-glyph img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:620px){
 html{scroll-padding-top:100px}
 .header{height:100px;display:grid;grid-template-columns:1fr auto;gap:0 14px;padding:10px 5% 0}
 .header>.brand{align-self:center}
 .header>.sound-status{grid-column:2;grid-row:1;justify-self:end}
 .header>nav{grid-column:1/-1;grid-row:2;display:flex;width:100%;justify-content:space-between;margin:0;gap:10px;min-width:0}
 .header>nav a{font-size:11px;padding:13px 0 16px}
 .header>nav a[aria-current]:after{bottom:6px}
 .product-cover{padding:12px;aspect-ratio:16/10}
}