.dirB-product-meta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}.dirB-product-chip{background:var(--brand-light);color:var(--brand-text-on-soft);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.dirB-product-chip.is-live,.dirB-product-chip.is-soon{background:var(--ink-100);color:var(--ink-600)}[data-theme=dark] .dirB-product-chip{color:#86efac;background:#22c55e29}[data-theme=dark] .dirB-product-chip.is-live,[data-theme=dark] .dirB-product-chip.is-soon{color:#e6f0eab3;background:#ffffff14}.dirB-showcase{max-width:1100px;margin:8px auto 40px;padding:0 24px}.dirB-showcase-title{letter-spacing:-.03em;color:var(--fg);margin:8px 0 20px;font-size:clamp(26px,3.2vw,38px);font-weight:600}.dirB-showcase-tabs{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:4px;margin-bottom:24px;padding:4px;display:inline-flex}.dirB-showcase-tabs button{font:inherit;color:var(--fg-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:500}.dirB-showcase-tabs button.is-active{background:var(--brand);color:#fff}.dirB-showcase-tabs button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.dirB-showcase-grid{gap:32px;display:grid}.dirB-showcase-grid.is-web{grid-template-columns:repeat(2,minmax(0,1fr))}.dirB-showcase-grid.is-web figure:first-child{grid-column:1/-1}@media (max-width:700px){.dirB-showcase-grid.is-web{grid-template-columns:minmax(0,1fr)}}.dirB-showcase-grid.is-mobile{grid-template-columns:repeat(auto-fit,minmax(220px,260px));justify-content:center}.dirB-showcase-grid figure{margin:0}.dirB-showcase-grid figcaption{color:var(--fg-secondary);text-align:center;margin-top:12px;font-size:14px;line-height:1.45}.dirB-device{border:1px solid var(--border);background:var(--surface);overflow:hidden;box-shadow:0 24px 60px #0f172a1f}.dirB-device img{width:100%;height:auto;display:block}.dirB-device.is-web{border-radius:14px}.dirB-device.is-web .dirB-device-bar{border-bottom:1px solid var(--border);background:var(--ink-100);gap:6px;padding:10px 14px;display:flex}.dirB-device.is-web .dirB-device-bar span{background:var(--ink-300,#cbd5e1);border-radius:50%;width:9px;height:9px}.dirB-device.is-mobile{border-width:6px;border-color:var(--ink-900);border-radius:34px}.dirB-device.is-mobile .dirB-device-bar{display:none}[data-theme=dark] .dirB-device{border-color:#ffffff1a;box-shadow:0 24px 60px #00000080}[data-theme=dark] .dirB-device.is-web .dirB-device-bar{background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .dirB-device.is-mobile{border-color:#2a332c}.dirB-pstrip{max-width:1200px;margin:0 auto;padding:72px 24px}.dirB-pstrip-head{max-width:720px;margin-bottom:32px}.dirB-pstrip-title{letter-spacing:-.035em;color:var(--fg);margin:10px 0 12px;font-size:clamp(30px,4vw,48px);font-weight:600;line-height:1.08}.dirB-pstrip-accent{background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.dirB-pstrip-lead{color:var(--fg-secondary);margin:0;font-size:17px;line-height:1.5}.dirB-pstrip-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.dirB-ptile{border:1px solid var(--border);background:var(--surface);height:100%;color:var(--fg);border-radius:18px;flex-direction:column;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex;overflow:hidden}.dirB-ptile:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 18px 40px #0f172a1a}.dirB-ptile:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.dirB-ptile-media{aspect-ratio:16/10;border-bottom:1px solid var(--border);background:var(--ink-100);display:block;overflow:hidden}.dirB-ptile-media img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.dirB-ptile-body{align-items:flex-start;gap:12px;padding:18px;display:flex}.dirB-ptile.is-soon .dirB-pcard-icon{background:var(--ink-100);color:var(--ink-500)}@media (prefers-reduced-motion:reduce){.dirB-ptile{transition:none}.dirB-ptile:hover{transform:none}}[data-theme=dark] .dirB-ptile{border-color:#ffffff14}[data-theme=dark] .dirB-ptile-media{background:#ffffff0a;border-color:#ffffff14}.dirB-product-bloglink{color:var(--brand,#14532d);font-size:14px;font-weight:600;text-decoration:none}.dirB-product-bloglink:hover{text-decoration:underline}