.product-site { --max: 1120px; background: var(--bg); line-height: 1.6; }
.product-site .family-bar { position: relative; background: var(--bg); border-color: var(--line); }
.product-site .family-nav { min-height: 56px; }
.product-site .family-brand { font-size: .8rem; font-weight: 500; }
.product-site .family-mark { border: 0; box-shadow: none; font-size: 1.2rem; }
.product-site .family-links a { color: var(--muted); }
.product-site h1 { max-width: 24ch; font-size: clamp(2rem, 3.4vw, 3.25rem); line-height: 1.16; letter-spacing: -.025em; overflow-wrap: anywhere; text-wrap: pretty; }
.product-site h2 { font-size: clamp(1.45rem, 2.2vw, 1.9rem); line-height: 1.25; letter-spacing: -.02em; }
.product-site h3 { font-size: 1.08rem; letter-spacing: -.01em; line-height: 1.4; }
.product-site .summary { margin-top: 1.1rem; font-size: 1rem; max-width: 57ch; line-height: 1.7; text-wrap: pretty; }
.product-site .eyebrow, .product-site .section-index { font-size: .75rem; letter-spacing: .065em; }
.product-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 2.5rem; padding-block: 2.5rem; }
.product-pitch { min-width: 0; }
.product-wordmark { display: flex; align-items: center; gap: .7rem; margin: 0 0 1.5rem; font-weight: 700; letter-spacing: -.015em; font-size: 1.45rem; }
.product-wordmark small { border: 1px solid var(--line); border-radius: 4px; padding: .1rem .4rem; font: .75rem var(--mono); color: var(--muted); letter-spacing: 0; }
.product-wordmark > span { display: none; }
.product-fit { display: flex; flex-wrap: wrap; gap: .4rem .6rem; color: var(--muted); font-size: .75rem; margin: 1rem 0 0; font-family: var(--mono); }
.product-fit span { color: var(--line-strong); }
.product-note { max-width: 62ch; color: var(--muted); border-left: 2px solid var(--accent); padding-left: .8rem; font-size: .875rem; margin: 1rem 0 0; }
.product-site .actions { gap: .6rem; margin-top: 1.25rem; }
.product-site .button { min-height: 44px; font-size: .875rem; font-family: var(--sans); font-weight: 600; border-radius: 6px; }
.product-site .button.primary { color: var(--bg); }
.product-demo { min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.product-demo figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; padding: .7rem 1rem; border-bottom: 1px solid var(--line); font-size: .75rem; font-family: var(--mono); color: var(--muted); }
.product-demo figcaption b { color: var(--accent); font-weight: 500; }
.product-demo pre { min-width: 0; max-width: 100%; margin: 0; padding: 1.25rem; overflow-x: auto; font: .8125rem/1.8 var(--mono); color: var(--text); }
.product-demo img { display: block; width: 100%; height: auto; }
.product-benefits { border-top: 1px solid var(--line); padding-block: 2rem; }
.product-site .section-heading { margin-bottom: 1.25rem; }
.product-benefits .section-index { display: none; }
.benefit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; counter-reset: benefit; }
.benefit-grid article { border-left: 2px solid var(--line-strong); padding-left: 1rem; }
.benefit-grid p, .product-workflow p { color: var(--muted); font-size: 1rem; line-height: 1.65; margin: .5rem 0 0; }
.benefit-number { display: block; font: .75rem var(--mono); color: var(--accent); margin-bottom: .65rem; }
.benefit-number::before { counter-increment: benefit; content: counter(benefit, decimal-leading-zero); }
.product-workflow { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 2rem; padding-block: 2rem; border-block: 1px solid var(--line); }
.product-workflow .section-index { display: none; }
.product-workflow ol { display: grid; gap: 1rem; list-style-position: outside; margin: 0; padding-left: 1.3rem; }
.product-workflow li { padding-left: .4rem; }
.product-workflow li::marker { color: var(--accent); font: .875rem var(--mono); }
.product-screenshot { margin-block: 0 2rem; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: var(--surface); }
.product-screenshot summary { padding: .8rem 1rem; cursor: pointer; font-size: .875rem; font-weight: 600; }
.product-screenshot img { display: block; width: 100%; height: auto; border-top: 1px solid var(--line); }
.product-site .command, .product-site .readme pre { background: var(--surface); }
.product-site .readme { color: var(--text); }
.product-site .content-section { padding-block: 1.75rem; }
.product-site .content-section .section-index { display: none; }
.product-site .split-heading { gap: 1rem; }
.product-site .split-heading p { font-size: .875rem; margin-top: .5rem; }
.product-site .readme-section { border-bottom: 1px solid var(--line); }
.documentation-disclosure { border: 1px solid var(--line); border-radius: 6px; }
.documentation-disclosure summary { padding: .85rem 1rem; cursor: pointer; font-weight: 600; color: var(--text); font-size: .875rem; }
.documentation-disclosure .readme { padding: 0 1.25rem 1rem; }
.product-close { display: grid; grid-template-columns: 1fr auto; gap: 1rem 2rem; align-items: center; padding-block: 2rem; }
.product-close .eyebrow { display: none; }
.product-close h2 { max-width: 38ch; font-size: 1.5rem; }
.product-site .family-section { background: var(--surface); }
.product-site .family-callout { min-height: 0; padding-block: 1.5rem; gap: 1rem 2rem; }
.product-site .family-callout .section-index { display: none; }
.product-site .family-callout h2 { font-size: 1.2rem; max-width: none; }
.product-site .family-callout p:last-child { margin-top: .4rem; font-size: .875rem; }
.product-site .footer-inner { min-height: 0; padding-block: 1.2rem; }
.product-site .locale-nav a { font-size: .75rem; }

.theme-barber { --bg: #111814; --surface: #19241d; --line: #354339; --line-strong: #586f5e; --text: #eef4e9; --muted: #b2bdae; --accent: #bfe872; }
.theme-barber .product-wordmark { font-family: var(--mono); }
.theme-barber .demo-branches pre { color: #d4efb5; }
.theme-ports { --bg: #071421; --surface: #0c2133; --line: #263e50; --line-strong: #44657d; --text: #edf7ff; --muted: #a9bfd0; --accent: #7fd8ff; }
.theme-ports .product-demo { border-top: 2px solid var(--accent); }
.theme-ports .product-wordmark { font-family: var(--mono); }
.theme-schema { color-scheme: light; --bg: #f6f6f2; --surface: #eceee6; --line: #c8cebf; --line-strong: #8e9c86; --text: #19251c; --muted: #52604e; --accent: #2f612d; }
.theme-schema h1 { font-family: Georgia, serif; font-weight: 500; letter-spacing: -.02em; }
.theme-schema .product-demo { background: #18261e; border-color: #425d47; }
.theme-schema .product-demo pre { color: #dcebdc; }
.theme-schema .product-demo figcaption { color: #becdbb; border-color: #425d47; }
.theme-schema .product-demo figcaption b { color: #b8ee8c; }
.theme-messenger { color-scheme: light; --bg: #fbfaf7; --surface: #f2ece1; --line: #d9d0c1; --line-strong: #afa591; --text: #28221e; --muted: #685e54; --accent: #9e361f; }
.theme-messenger .product-demo { border-radius: 16px 16px 16px 4px; background: #fff0e3; }
.theme-messenger .product-wordmark { color: var(--accent); }
.theme-crypto { --bg: #15131b; --surface: #1e1c27; --line: #393446; --line-strong: #645777; --text: #f2edf7; --muted: #b9aec6; --accent: #d0b0fc; }
.primitive-strip { display: grid; grid-template-columns: repeat(3,1fr); padding: 1rem; gap: 1rem; border-bottom: 1px solid var(--line); }
.primitive-strip span { font: 1.2rem/1.4 var(--mono); color: var(--accent); border-left: 1px solid var(--line-strong); padding-left: .6rem; }
.primitive-strip b { font-size: .75rem; color: var(--muted); font-weight: 400; }
.theme-liquidity { --bg: #0a1015; --surface: #101b24; --line: #293740; --line-strong: #45606d; --text: #e9f3f7; --muted: #a1b5c0; --accent: #85dacb; }
.theme-liquidity .product-hero { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }
.theme-transfer { color-scheme: light; --bg: #f7f5f1; --surface: #ece4d9; --line: #d8caba; --line-strong: #a8917e; --text: #30231e; --muted: #6c5b50; --accent: #a23c1c; }
.theme-transfer .product-demo { border-left: 3px solid var(--accent); }
.theme-words { color-scheme: light; --bg: #faf7f0; --surface: #eee4d2; --line: #d8cab4; --line-strong: #ad9677; --text: #362c21; --muted: #71614e; --accent: #714421; }
.theme-words h1 { font-family: Georgia, serif; font-weight: 400; }
.theme-words .product-demo { background: #fffcf5; }
.theme-words .product-demo pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.receipt-value { padding: 1.25rem 1.25rem .7rem; font: 2.7rem Georgia, serif; }
.receipt-value span { font-size: 1.6rem; }
.receipt-rule { margin-inline: 1.25rem; border-bottom: 1px dashed var(--line-strong); }
.theme-lab { --bg: #1c1624; --surface: #2a2135; --line: #4b3a5d; --line-strong: #77648a; --text: #f8edf9; --muted: #c7b4ce; --accent: #edbcf5; }
.theme-lab .product-demo { border-style: dashed; }
.theme-lab .product-note { color: var(--text); padding: .75rem; background: var(--surface); border-radius: 4px; }
.theme-weekly { color-scheme: light; --bg: #f5f8f1; --surface: #e3ebd9; --line: #c6d3b9; --line-strong: #879b72; --text: #293425; --muted: #5d6d54; --accent: #3c632c; }
.theme-weekly .product-demo { background: #fcfff8; }
.report-day { display: flex; align-items: baseline; justify-content: space-between; margin: 1.1rem 1.25rem 0; font: 2.5rem/1 Georgia, serif; color: var(--accent); }
.report-day span { font: .875rem var(--mono); }

@media (max-width: 800px) {
  .product-site .product-hero { grid-template-columns: 1fr; gap: 1.5rem; padding-block: 1.75rem; }
  .product-site h1 { max-width: 30ch; font-size: clamp(1.9rem,5vw,2.65rem); }
  .product-demo { width: 100%; }
  .product-site .product-workflow { grid-template-columns: 1fr; gap: 1.25rem; }
  .benefit-grid { grid-template-columns: 1fr; gap: 1.2rem; }
  .product-site .family-callout { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .product-site .shell { width: calc(100% - 2rem); }
  .product-site h1 { font-size: 2rem; }
  .product-wordmark { margin-bottom: 1rem; }
  .product-demo pre { font-size: .8125rem; padding: 1rem; }
  .product-close { grid-template-columns: 1fr; gap: 1rem; }
  .product-close .button { justify-self: start; }
  .product-site .command { flex-direction: row; }
  .product-site .command code { min-width: 0; font-size: .8rem; padding: .8rem; }
  .product-site .command button { min-width: 44px; border-top: 0; border-left: 1px solid var(--line); }
}

/* Product identities: the subject determines the composition, not a family banner. */
.product-site { --max: 1200px; }
.project-emblem { display: inline-grid; place-items: center; width: 32px; height: 32px; margin-right: .65rem; border: 1px solid var(--accent); color: var(--accent); font: 700 1.2rem var(--mono); }
.product-site .project-navigation { top: 0; background: var(--bg); border-bottom: 1px solid var(--line); }
.product-site .project-nav-name { display: flex; align-items: center; }
.product-site .product-hero { padding-block: 4rem; }
.product-site .product-wordmark { display: none; }
.product-site h1 { font-size: clamp(2.5rem, 4.8vw, 4.8rem); line-height: 1.06; max-width: 20ch; }
.product-site .summary { font-size: 1.12rem; }
.product-site .product-demo { border-radius: 0; box-shadow: 10px 10px 0 var(--line); }
.product-site .benefit-grid article { border: 0; padding: 1rem 0; }
.product-site .product-benefits, .product-site .product-workflow { padding-block: 3rem; }
.product-example { display: grid; grid-template-columns: minmax(0,.6fr) minmax(0,1.4fr); gap: 2rem; padding-block: 2.5rem; border-top: 1px solid var(--line); }
.example-intro p:last-child { font: .8rem var(--mono); color: var(--muted); }
.example-code { min-width: 0; background: var(--surface); border: 1px solid var(--line); }
.example-code pre { margin: 0; padding: 1.5rem; font: .88rem/1.85 var(--mono); white-space: pre-wrap; overflow-wrap: anywhere; }
.readme-language-notice { padding: 1rem 1.25rem; border-left: 3px solid var(--accent); color: var(--muted); }
.product-site .documentation-disclosure { border: 0; }
.product-site .documentation-disclosure summary { border-bottom: 1px solid var(--line); padding-left: 0; }
.product-site .documentation-disclosure .readme { padding-inline: 0; }
.product-site .readme { max-width: 84ch; }
.product-site .readme h2 { padding-top: 1.5rem; }
.product-site .site-footer { border-top: 1px solid var(--line); }
.product-site .footer-inner > p:nth-child(2) { font-size: .7rem; }

/* Depth: a market workbench; the chart has the widest surface. */
.theme-liquidity .product-hero { grid-template-columns: 1fr; gap: 3rem; }
.theme-liquidity .product-pitch { max-width: 900px; }
.theme-liquidity h1 { max-width: 20ch; font-weight: 500; }
.theme-liquidity .summary { max-width: 70ch; }
.theme-liquidity .product-demo { box-shadow: none; border-top: 3px solid var(--accent); }
.theme-liquidity .product-demo img { max-height: 650px; object-fit: contain; object-position: top; }
.theme-liquidity .benefit-grid { gap: 0; }
.theme-liquidity .benefit-grid article { padding: 1.5rem; border: 1px solid var(--line); }

/* Git Barber: spare, oversized type and a branch-cutting diagonal. */
.theme-barber { --bg: #eee9dc; --surface: #e1ddcf; --line: #c4c6b4; --line-strong: #879676; --text: #192c22; --muted: #4b5e50; --accent: #254f37; color-scheme: light; }
.theme-barber h1 { font-family: Georgia, serif; font-weight: 400; font-size: clamp(3rem,6vw,6rem); }
.theme-barber .product-demo { transform: rotate(-2deg); border-top: 8px solid var(--accent); background: #192c22; box-shadow: 12px 12px 0 #c5d4af; }
.theme-barber .product-demo figcaption { color: #c5d4af; }
.theme-barber .product-demo figcaption b { color: #e2f1cd; }
.theme-barber .benefit-grid { grid-template-columns: 1fr; }
.theme-barber .benefit-grid article { display: grid; grid-template-columns: 40px minmax(180px,.7fr) 1fr; gap: 1rem; border-top: 1px solid var(--line); }

/* PRT: a terminal manual, with output preceding the explanation. */
.theme-ports { --bg: #0a1113; --surface: #101e21; --text: #e3f6ef; --muted: #a9c2b9; --accent: #8ce6b4; }
.theme-ports h1, .theme-ports h2 { font-family: var(--mono); letter-spacing: -.05em; }
.theme-ports .product-hero { grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); }
.theme-ports .product-demo { grid-column: 1; grid-row: 1; box-shadow: none; border: 1px solid var(--accent); }
.theme-ports .product-pitch { grid-column: 2; grid-row: 1; }
.theme-ports .benefit-number::before { content: '$ ' counter(benefit, decimal-leading-zero); }
.theme-ports .button { border-radius: 0; font-family: var(--mono); }

/* DbDiff: a schema review sheet and ruled documentation. */
.theme-schema { --bg: #f3f1e8; --surface: #e9e7db; --accent: #285345; }
.theme-schema .product-hero { border-bottom: 4px double var(--line-strong); }
.theme-schema h1 { font-size: clamp(3rem,5vw,5rem); }
.theme-schema .product-demo { box-shadow: 8px 8px 0 #d0d7c8; }
.theme-schema .benefit-grid article { border-top: 4px double var(--line-strong); }
.theme-schema .product-workflow { grid-template-columns: 1fr; }
.theme-schema .product-workflow ol { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; }

/* GitLab Dump: a migration desk with a full-width transfer manifest. */
.theme-transfer .product-hero { grid-template-columns: 1fr; }
.theme-transfer .product-pitch { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 0 3rem; }
.theme-transfer .product-pitch h1 { grid-column: 1; grid-row: 2 / span 3; font-family: Georgia, serif; font-weight: 400; }
.theme-transfer .eyebrow { grid-column: 1 / -1; }
.theme-transfer .product-pitch .summary, .theme-transfer .product-pitch .actions, .theme-transfer .product-pitch .product-fit { grid-column: 2; }
.theme-transfer .product-demo { box-shadow: none; border-block: 1px solid var(--accent); border-inline: 0; }
.theme-transfer .product-demo pre { font-size: 1rem; }
.theme-transfer .benefit-grid article { border-top: 1px solid var(--accent); }

/* Go-propisyu: a paper receipt, serif typography, a perforated edge. */
.theme-words { --max: 1040px; --bg: #efe4cd; --surface: #fffaf0; }
.theme-words h1 { font-style: italic; font-size: clamp(3rem,5vw,5.2rem); }
.theme-words .product-demo { border: 0; border-bottom: 3px dashed #ad9677; box-shadow: 0 12px 25px #362c2115; transform: rotate(2deg); }
.theme-words .receipt-value { font-size: 3.6rem; }
.theme-words .product-benefits .benefit-grid { gap: 2.5rem; }
.theme-words .product-workflow { border-block-style: dashed; }
.theme-words .product-close h2 { font-family: Georgia, serif; font-style: italic; }

/* GOST: an algorithm reference, mathematical type and compact columns. */
.theme-crypto { --bg: #14171e; --surface: #1c222d; --line: #3d4555; --accent: #c9b5ff; }
.theme-crypto h1 { font-family: Georgia, serif; font-weight: 400; }
.theme-crypto .primitive-strip { padding-block: 2rem; }
.theme-crypto .primitive-strip span { font-size: 1.65rem; }
.theme-crypto .product-demo { box-shadow: none; border-radius: 0; }
.theme-crypto .benefit-grid article { border-top: 1px solid var(--accent); }
.theme-crypto .example-intro h2 { font-family: Georgia, serif; }

/* YMSDK: a conversation and the code that produces it. */
.theme-messenger { --bg: #fff7ed; --surface: #f7e6d0; --accent: #963a29; }
.theme-messenger h1 { font-family: Georgia, serif; font-weight: 400; }
.theme-messenger .product-demo { border-radius: 28px 28px 28px 0; box-shadow: 10px 10px 0 #e8c9a9; }
.theme-messenger .benefit-grid article { padding: 1.5rem; background: var(--surface); border-radius: 24px 24px 24px 0; }
.theme-messenger .product-workflow ol { list-style: none; padding: 0; }
.theme-messenger .product-workflow li { border-left: 2px solid var(--accent); padding: 0 0 1rem 1.25rem; }

/* Sprint Velocity: a weekly editorial, report on a clipped sheet. */
.theme-weekly { --bg: #f7f3ea; --surface: #e9eadf; --text: #273c34; --accent: #275f4a; }
.theme-weekly h1 { font-family: Georgia, serif; font-weight: 400; }
.theme-weekly .product-demo { border: 1px solid #c5cdbd; border-top: 12px solid var(--accent); box-shadow: 8px 8px 0 #d6ddcc; transform: rotate(1deg); }
.theme-weekly .report-day { font-size: 4rem; padding-bottom: 1rem; border-bottom: 1px solid var(--line); }
.theme-weekly .benefit-grid { grid-template-columns: 1fr 1fr; }
.theme-weekly .benefit-grid article:last-child { grid-column: 1 / -1; border-top: 1px solid var(--line); }

/* CortexForge: an engineering notebook, diagram on graph paper. */
.theme-lab { --bg: #151c27; --surface: #1d2b3c; --line: #405574; --text: #eef4ff; --muted: #b5c6dc; --accent: #f8ba72; }
.theme-lab h1 { font-weight: 500; }
.theme-lab .product-hero { grid-template-columns: 1fr; }
.theme-lab .product-pitch { max-width: 880px; }
.theme-lab .product-demo { background-image: linear-gradient(#40557440 1px, transparent 1px),linear-gradient(90deg,#40557440 1px,transparent 1px); background-size: 24px 24px; box-shadow: none; border-style: solid; }
.theme-lab .product-demo pre { font-size: 1.1rem; line-height: 2; }
.theme-lab .benefit-grid article { border-left: 1px dashed var(--accent); padding: 1rem 1.5rem; }

@media (max-width: 800px) {
 .product-site .product-hero { grid-template-columns: 1fr; padding-block: 2.5rem; }
 .theme-ports .product-pitch, .theme-ports .product-demo { grid-column: auto; grid-row: auto; }
 .theme-transfer .product-pitch { display: block; }
 .theme-barber .benefit-grid article { grid-template-columns: 30px 1fr; }
 .theme-barber .benefit-grid article p { grid-column: 2; }
 .product-site .product-demo { transform: none; }
 .product-example { grid-template-columns: 1fr; }
 .theme-schema .product-workflow ol, .theme-weekly .benefit-grid { grid-template-columns: 1fr; }
 .theme-weekly .benefit-grid article:last-child { grid-column: auto; }
 .product-site h1 { font-size: clamp(2.3rem,8vw,3.8rem); }
 .product-site .product-demo pre { white-space: pre; overflow-wrap: normal; }
 .theme-liquidity .benefit-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .product-site *, .product-site *::before { scroll-behavior: auto; } }
.product-site .readme { overflow-wrap: anywhere; min-width: 0; }
.product-site .readme pre, .product-site .readme table { max-width: 100%; }
.product-site .button { max-width: 100%; overflow-wrap: anywhere; }
.product-site .button span { flex-shrink: 0; }
#example { scroll-margin-top: 10rem; }
@media (max-width: 560px) {
 .product-site .project-nav-inner { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 0 .3rem; }
 .product-site .project-nav-name { width: auto; grid-column: 1; }
 .product-site .project-languages { grid-column: 2; grid-row: 1; gap: .1rem; }
 .product-site .project-languages a { padding-inline: .15rem; font-size: .7rem; }
 .product-site .project-sections { grid-column: 1 / -1; gap: 0 .75rem; }
 .product-site .project-sections a { font-size: .75rem; }
}
@media (max-width: 560px) {
 .theme-crypto .primitive-strip { grid-template-columns: repeat(3,minmax(0,1fr)); gap: .5rem; padding-inline: .75rem; }
 .theme-crypto .primitive-strip span { font-size: 1.15rem; padding-left: .4rem; }
 .theme-crypto .primitive-strip b { overflow-wrap: anywhere; }
}

/* Keep content within its column; scroll code and tables without widening the page. */
.product-hero > *, .benefit-grid > *, .product-workflow > *, .product-close > * { min-width: 0; }
.product-site h1, .product-site h2, .product-site h3 { overflow-wrap: break-word; }
.product-site .project-emblem { flex: 0 0 32px; }
.product-site .project-nav-name { max-width: none; }
.product-site .product-fit, .product-demo figcaption { overflow-wrap: anywhere; }
.product-site .readme pre { white-space: pre; overflow-wrap: normal; }
.product-demo pre code { font: inherit; }
.product-site .product-demo figcaption { align-items: baseline; }
.product-site .product-demo img { object-fit: contain; }
.product-site .locale-nav { flex-wrap: wrap; }
.product-site .content-section, .product-site .product-close { padding-block: clamp(2rem,4vw,3.5rem); }

@media (min-width: 801px) and (max-width: 1000px) {
 .product-site .product-hero { grid-template-columns: minmax(0,1fr); gap: 2rem; }
 .theme-ports .product-pitch, .theme-ports .product-demo { grid-column: auto; grid-row: auto; }
 .theme-transfer .product-pitch { display: block; }
 .theme-barber .benefit-grid article { grid-template-columns: 30px minmax(0,1fr); }
 .theme-barber .benefit-grid article p { grid-column: 2; }
 .product-site .product-demo { transform: none; }
}
@media (max-width: 800px) {
 .product-site .product-hero { gap: 2rem; padding-block: 2rem; }
 .product-site .product-benefits, .product-site .product-workflow { padding-block: 2rem; }
 .product-site .product-demo { box-shadow: none; }
 .product-site h1 { font-size: clamp(2rem,6vw,3.4rem); line-height: 1.12; }
 .product-site .summary { font-size: 1rem; }
}
@media (max-width: 560px) {
 .product-site .project-nav-inner { grid-template-columns: minmax(0,1fr); }
 .product-site .project-nav-name { grid-column: 1; padding-top: .5rem; }
 .product-site .project-languages { grid-column: 1; grid-row: auto; margin-left: 0; gap: .5rem; }
 .product-site .project-sections { gap: 0 1rem; }
 .product-site .project-languages a { min-height: 36px; padding-inline: .25rem; }
 .product-site h1 { font-size: clamp(2rem,8vw,2.7rem); }
 .product-site .actions .button { flex: 1 1 9rem; text-align: center; }
 .product-site .command { flex-direction: column; }
 .product-site .command code { width: 100%; padding: 1rem; }
 .product-site .command button { min-height: 44px; border-left: 0; border-top: 1px solid var(--line); }
 .product-site .report-day { font-size: 2.75rem; flex-wrap: wrap; gap: .5rem; line-height: 1.15; }
 .product-site .receipt-value { font-size: 2.75rem; overflow-wrap: anywhere; }
 .product-site .footer-inner > p { overflow-wrap: anywhere; }
}

.theme-matching { --bg: #0e171e; --surface: #15222b; --text: #edf3ef; --muted: #b4c4c9; --accent: #efbf73; --line: #30424c; --line-strong: #4d646e; }
.theme-matching .product-hero { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
.theme-matching h1 { font-size: clamp(2.4rem, 4.6vw, 4.3rem); max-width: 13ch; }
.theme-matching .product-demo { border: 1px solid var(--line-strong); box-shadow: 8px 8px 0 #1d3038; background: #101c24; color: #d6e5ea; }
.theme-matching .product-demo figcaption { background: #1c2d36; color: var(--accent); }
.theme-matching .product-demo pre { padding: 1.2rem 1.5rem; font-size: .82rem; }
.theme-matching .benefit-grid { border-top: 1px solid var(--line); }
.theme-matching .benefit-number { color: var(--accent); }
.matching-depth { padding: 1.2rem 1.5rem .5rem; display: grid; gap: .3rem; font-family: var(--mono); font-size: .8rem; }
.matching-depth > span { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #f5a5a3; }
.matching-depth i { flex: 1; height: .65rem; background: linear-gradient(to left, #f5a5a344 var(--depth), transparent var(--depth)); }
.matching-depth > .bid { color: #a4e2c0; }
.matching-depth .bid i { background: linear-gradient(to left, #a4e2c044 var(--depth), transparent var(--depth)); }
.matching-depth > .matching-spread { justify-content: center; padding: .5rem; color: var(--muted); border-block: 1px solid var(--line); }
@media (max-width: 800px) { .theme-matching .product-hero { grid-template-columns: minmax(0, 1fr); } }