{"id":10,"date":"2026-09-17T09:42:12","date_gmt":"2026-09-17T01:42:12","guid":{"rendered":"https:\/\/www.uchance.cc\/?page_id=10"},"modified":"2026-09-26T11:41:14","modified_gmt":"2026-09-26T03:41:14","slug":"home-uchance-valve","status":"publish","type":"page","link":"https:\/\/www.uchance.cc\/","title":{"rendered":"Home \u2014 UChance Valve"},"content":{"rendered":"<style>html,body{overflow-x:hidden!important}body .wp-site-blocks{padding:0!important;gap:0!important;margin:0!important}body .wp-site-blocks>header.wp-block-template-part,body .wp-site-blocks>footer.wp-block-template-part{display:none!important}body .wp-site-blocks>main,body .wp-block-post-content{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}body .wp-block-post-title{display:none!important}body #wp--skip-link--target>.wp-block-group.alignfull{padding:0!important;margin:0!important}body .wp-block-post-content>.uc-od{max-width:none!important;width:100vw!important;margin-left:calc(50% - 50vw)!important}.uc-od{width:100vw;margin-left:calc(50% - 50vw)}\n    @font-face {\n      font-family: 'Geist Sans';\n      src: url('https:\/\/cdn.jsdelivr.net\/npm\/geist@1.7.2\/dist\/fonts\/geist-sans\/Geist-Variable.woff2') format('woff2');\n      font-weight: 100 900;\n      font-display: swap;\n    }\n    @font-face {\n      font-family: 'Geist Mono';\n      src: url('https:\/\/cdn.jsdelivr.net\/npm\/geist@1.7.2\/dist\/fonts\/geist-mono\/GeistMono-Variable.woff2') format('woff2');\n      font-weight: 100 900;\n      font-display: swap;\n    }\n    \/* \u2500\u2500\u2500 tokens \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       Six variables. Bind them to the active DESIGN.md and stop.\n       Do not introduce raw hex anywhere else in this file. *\/\n    :root {\n      --bg:      #fafafa;   \/* Tom Modern neutral canvas *\/\n      --surface: #ffffff;   \/* cards, modals, raised areas *\/\n      --fg:      #27272a;   \/* Tom Modern ink *\/\n      --muted:   #52525b;   \/* secondary text *\/\n      --border:  #d4d4d8;   \/* hairlines, dividers *\/\n      --accent:  #bd2e34;   \/* UChance brand red overrides catalogue vermillion *\/\n\n      \/* derived \u2014 do not change *\/\n      --accent-soft: color-mix(in oklch, var(--accent) 14%, transparent);\n      --fg-soft:     color-mix(in oklch, var(--fg) 6%, transparent);\n\n      \/* type \u2014 display = serif (default), body = sans, mono for numerics *\/\n      --font-display: 'Geist Sans', Arial, sans-serif;\n      --font-body:    'Geist Sans', Arial, sans-serif;\n      --font-mono:    'Geist Mono', ui-monospace, monospace;\n\n      \/* scale \u2014 clamp() so it works at 1280, 1440, 1920 without media queries *\/\n      --fs-h1: clamp(44px, 6vw, 76px);\n      --fs-h2: clamp(32px, 4vw, 48px);\n      --fs-h3: 22px;\n      --fs-lead: 19px;\n      --fs-body: 16px;\n      --fs-meta: 13px;\n\n      \/* spacing \u2014 8-point grid *\/\n      --gap-xs: 8px;\n      --gap-sm: 12px;\n      --gap-md: 20px;\n      --gap-lg: 32px;\n      --gap-xl: 56px;\n      --gap-2xl: 96px;\n      --container: 1240px;\n      --gutter: 32px;\n\n      --radius: 0px;\n      --radius-lg: 0px;\n    }\n\n    \/* \u2500\u2500\u2500 reset & base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    *, *::before, *::after { box-sizing: border-box; }\n    html { -webkit-text-size-adjust: 100%; }\n    body {\n      margin: 0;\n      background: var(--bg);\n      color: var(--fg);\n      font-family: var(--font-body);\n      font-size: var(--fs-body);\n      line-height: 1.55;\n      text-rendering: optimizeLegibility;\n      -webkit-font-smoothing: antialiased;\n    }\n    img, svg { display: block; max-width: 100%; }\n    a { color: inherit; text-decoration: none; }\n    button { font: inherit; cursor: pointer; }\n    p { text-wrap: pretty; }\n    h1, h2, h3, h4 { text-wrap: balance; }\n\n    \/* \u2500\u2500\u2500 layout primitives \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .container {\n      max-width: var(--container);\n      margin-inline: auto;\n      padding-inline: var(--gutter);\n    }\n    .section {\n      padding-block: clamp(48px, 8vw, var(--gap-2xl));\n    }\n    .section + .section { border-top: 1px solid var(--border); }\n    .stack { display: flex; flex-direction: column; }\n    .stack > * + * { margin-top: var(--gap-md); }\n    .row { display: flex; align-items: center; gap: var(--gap-md); }\n    .row-between { display: flex; align-items: center; justify-content: space-between; gap: var(--gap-md); }\n    .grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-lg); }\n    .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-lg); }\n    .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap-md); }\n    .grid-2-1 { display: grid; grid-template-columns: 2fr 1fr; gap: var(--gap-xl); align-items: start; }\n    .grid-1-2 { display: grid; grid-template-columns: 1fr 2fr; gap: var(--gap-xl); align-items: start; }\n    @media (max-width: 920px) {\n      .grid-2, .grid-3, .grid-4, .grid-2-1, .grid-1-2 { grid-template-columns: 1fr; }\n    }\n\n    \/* \u2500\u2500\u2500 type \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .h1, h1 { font-family: var(--font-display); font-size: var(--fs-h1); line-height: 1.04; letter-spacing: -0.02em; margin: 0; }\n    .h2, h2 { font-family: var(--font-display); font-size: var(--fs-h2); line-height: 1.1; letter-spacing: -0.015em; margin: 0; }\n    .h3, h3 { font-size: var(--fs-h3); font-weight: 600; line-height: 1.3; letter-spacing: -0.005em; margin: 0; }\n    .lead   { font-size: var(--fs-lead); line-height: 1.55; color: var(--muted); max-width: 60ch; margin: 0; }\n    .eyebrow {\n      font-family: var(--font-mono);\n      font-size: 12px;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: var(--accent);\n      margin: 0 0 var(--gap-md);\n    }\n    .meta { font-family: var(--font-mono); font-size: var(--fs-meta); color: var(--muted); }\n    .num  { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }\n\n    \/* \u2500\u2500\u2500 chrome: nav + footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .topnav {\n      position: sticky; top: 0; z-index: 10;\n      background: color-mix(in oklch, var(--bg) 92%, transparent);\n      backdrop-filter: blur(12px);\n      border-bottom: 1px solid var(--border);\n    }\n    .topnav-inner { display: flex; align-items: center; justify-content: space-between; padding-block: 14px; }\n    .topnav .logo { display: inline-flex; align-items: center; gap: 12px; font-family: var(--font-display); font-size: 18px; font-weight: 700; letter-spacing: -0.01em; white-space: nowrap; }\n    .topnav .logo img { width: 43px; height: 43px; object-fit: contain; }\n    .topnav nav { display: flex; gap: var(--gap-lg); }\n    .topnav nav a { font-size: 14px; color: var(--muted); }\n    .topnav nav a:hover { color: var(--fg); }\n    .pagefoot { padding-block: var(--gap-xl); color: var(--muted); font-size: 13px; border-top: 1px solid var(--border); }\n    .pagefoot .row-between { flex-wrap: wrap; gap: var(--gap-md); }\n\n    \/* \u2500\u2500\u2500 buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .btn {\n      display: inline-flex; align-items: center; gap: 8px;\n      padding: 11px 20px;\n      border-radius: var(--radius);\n      border: 1px solid transparent;\n      font-size: 15px;\n      font-weight: 500;\n      letter-spacing: -0.005em;\n      transition: transform 0.05s ease, background 0.15s ease, border-color 0.15s ease;\n    }\n    .btn:active { transform: translateY(1px); }\n    .btn-primary { background: var(--fg); color: var(--surface); border-color: var(--fg); }\n    .btn-primary:hover { box-shadow: 6px 6px 0 color-mix(in oklch, var(--accent) 22%, transparent); }\n    .btn-secondary { background: transparent; color: var(--fg); border-color: var(--border); }\n    .btn-secondary:hover { border-color: var(--fg); }\n    .btn-ghost { background: transparent; color: var(--fg); border-color: transparent; padding-inline: 8px; }\n    .btn-ghost:hover { color: var(--accent); }\n    .btn-arrow::after { content: '\u2192'; transition: transform 0.15s ease; }\n    .btn-arrow:hover::after { transform: translateX(2px); }\n\n    \/* \u2500\u2500\u2500 card \/ surface \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .card {\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: var(--radius-lg);\n      padding: 28px;\n    }\n    .card-flat { background: transparent; border: 0; padding: 0; }\n    .card-rule { background: transparent; border: 0; border-top: 1px solid var(--fg); padding: 24px 0 0; border-radius: 0; }\n\n    \/* \u2500\u2500\u2500 feature cell (icon + h3 + p) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .feature .feature-mark {\n      width: 36px; height: 36px;\n      display: grid; place-items: center;\n      border: 1px solid var(--border);\n      border-radius: 10px;\n      color: var(--accent);\n      margin-bottom: var(--gap-md);\n    }\n    .feature .feature-mark svg { width: 18px; height: 18px; }\n    .feature h3 { margin-bottom: 6px; }\n    .feature p  { margin: 0; color: var(--muted); font-size: 15px; }\n\n    \/* \u2500\u2500\u2500 stat (big number + label) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .stat .stat-num {\n      font-family: var(--font-display);\n      font-size: clamp(56px, 8vw, 96px);\n      line-height: 0.95;\n      letter-spacing: -0.04em;\n      color: var(--accent);\n      font-weight: 600;\n    }\n    .stat .stat-label { color: var(--muted); font-size: 14px; margin-top: 8px; max-width: 24ch; }\n    .stat .stat-unit  { font-size: 0.5em; opacity: 0.7; margin-left: 2px; }\n\n    \/* \u2500\u2500\u2500 quote \/ testimonial \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .quote {\n      font-family: var(--font-display);\n      font-size: clamp(24px, 2.6vw, 32px);\n      line-height: 1.32;\n      letter-spacing: -0.01em;\n      max-width: 28ch;\n    }\n    .quote-author { color: var(--muted); font-size: 14px; margin-top: var(--gap-md); }\n    .quote-mark   {\n      font-family: var(--font-display);\n      font-size: 140px; line-height: 0.7;\n      color: var(--accent); opacity: 0.18;\n      margin-bottom: -28px;\n    }\n\n    \/* \u2500\u2500\u2500 pill \/ badge \/ tag \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .pill {\n      display: inline-flex; align-items: center; gap: 6px;\n      padding: 4px 10px;\n      background: var(--accent-soft);\n      color: var(--accent);\n      border-radius: 999px;\n      font-family: var(--font-mono);\n      font-size: 11px;\n      letter-spacing: 0.04em;\n      text-transform: uppercase;\n    }\n    .tag {\n      display: inline-flex; align-items: center;\n      padding: 4px 10px;\n      background: transparent;\n      color: var(--muted);\n      border: 1px solid var(--border);\n      border-radius: 999px;\n      font-size: 12px;\n    }\n\n    \/* \u2500\u2500\u2500 form field \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .field { display: flex; flex-direction: column; gap: 6px; }\n    .field label { font-size: 13px; color: var(--muted); }\n    .input, .textarea {\n      width: 100%;\n      padding: 11px 14px;\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      background: var(--surface);\n      color: var(--fg);\n      font: inherit;\n      font-size: 15px;\n    }\n    .input:focus, .textarea:focus {\n      outline: 2px solid var(--accent-soft);\n      border-color: var(--accent);\n    }\n    .textarea { min-height: 96px; resize: vertical; line-height: 1.55; }\n\n    \/* \u2500\u2500\u2500 table (data-style, no chrome) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ds-table { width: 100%; border-collapse: collapse; font-size: 14px; }\n    .ds-table th, .ds-table td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--border); }\n    .ds-table th { color: var(--muted); font-weight: 500; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; }\n    .ds-table tbody tr:hover { background: var(--fg-soft); }\n    .ds-table .num-col { font-family: var(--font-mono); font-variant-numeric: tabular-nums; text-align: right; }\n\n    \/* \u2500\u2500\u2500 image placeholder (DS-tinted block, never broken <img>) \u2500\u2500\u2500\u2500 *\/\n    .ph-img {\n      background:\n        linear-gradient(135deg, var(--accent-soft), var(--fg-soft)),\n        var(--surface);\n      border: 1px solid var(--border);\n      border-radius: var(--radius-lg);\n      aspect-ratio: 16 \/ 10;\n      display: grid; place-items: center;\n      color: var(--muted);\n      font-family: var(--font-mono);\n      font-size: 12px;\n      letter-spacing: 0.04em;\n    }\n    .ph-img.square    { aspect-ratio: 1 \/ 1; }\n    .ph-img.portrait  { aspect-ratio: 3 \/ 4; }\n    .ph-img.wide      { aspect-ratio: 16 \/ 9; }\n    .content-img {\n      display: block;\n      max-width: 100%;\n      max-height: min(70vh, 720px);\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      justify-self: center;\n      border-radius: var(--radius-lg);\n    }\n\n    \/* \u2500\u2500\u2500 divider \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .rule  { border: 0; border-top: 1px solid var(--border); margin: 0; }\n    .rule-strong { border: 0; border-top: 1px solid var(--fg); margin: 0; }\n\n    \/* \u2500\u2500\u2500 hero variants used by layouts.md \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .hero          { padding-block: clamp(80px, 12vw, 160px); }\n    .hero-center   { text-align: center; max-width: 32ch; margin-inline: auto; }\n    .hero h1       { margin-bottom: var(--gap-md); }\n    .hero .lead    { margin-bottom: var(--gap-lg); }\n    .hero-cta      { display: inline-flex; gap: var(--gap-sm); flex-wrap: wrap; }\n    .hero-center .hero-cta { justify-content: center; }\n    .hero-split    { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-2xl); align-items: center; }\n    @media (max-width: 920px) { .hero-split { grid-template-columns: 1fr; } }\n\n    \/* \u2500\u2500\u2500 log row (newsletter, blog list, changelog) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .log-row { display: grid; grid-template-columns: 120px 1fr 100px; gap: var(--gap-lg); padding: 22px 0; border-top: 1px solid var(--border); align-items: baseline; }\n    .log-row .meta { color: var(--muted); }\n    .log-row h3 { font-size: 19px; }\n    .log-row .pull { text-align: right; }\n    \/* UChance adaptations of the seed's hero, card, split and CTA layouts. *\/\n    .uc-shell { width: 100%; max-width: none; }\n    .uc-shell .topnav-inner { min-height: 82px; }\n    .uc-shell .topnav nav a[aria-current=\"page\"] { color: var(--accent); font-weight: 700; }\n    .uc-shell .topnav nav a:hover, .uc-shell .pagefoot a:hover { color: var(--accent); }\n    .uc-shell .hero { padding-block: clamp(56px, 6vw, 84px); background-image: linear-gradient(color-mix(in oklch, var(--border) 22%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--border) 22%, transparent) 1px, transparent 1px); background-size: 30px 30px; }\n    .uc-shell .hero-split { grid-template-columns: .92fr 1.08fr; gap: clamp(32px, 5vw, 72px); }\n    .uc-shell .hero h1 { max-width: 12ch; font-size: clamp(48px, 5.3vw, 76px); line-height: 1.02; letter-spacing: -0.04em; }\n    .uc-shell .hero .lead { max-width: 45ch; margin-top: 24px; margin-bottom: 28px; }\n    .uc-shell .hero .content-img { width: 100%; max-height: none; height: auto; border: 1px solid var(--border); box-shadow: 8px 8px 0 color-mix(in oklch, var(--border) 35%, transparent); }\n    .uc-shell .eyebrow { color: var(--accent); }\n    .uc-shell .btn { min-height: 46px; font-weight: 700; }\n    .uc-shell .btn-secondary { background: var(--surface); }\n    .uc-shell a:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }\n    .uc-shell .range-card { overflow: hidden; padding: 0; box-shadow: 4px 4px 0 color-mix(in oklch, var(--border) 25%, transparent); }\n    .uc-shell .range-card:hover { box-shadow: 8px 8px 0 color-mix(in oklch, var(--border) 45%, transparent); }\n    .uc-shell .range-media { height: 350px; display: grid; place-items: center; background: var(--surface); border-bottom: 1px solid var(--border); }\n    .uc-shell .range-card img { display: block; width: auto; max-width: 100%; height: auto; max-height: 100%; }\n    .uc-shell .range-copy { padding: 26px 28px 30px; }\n    .uc-shell .range-copy p { color: var(--muted); margin: 9px 0 20px; }\n    .uc-shell .range-copy a, .uc-shell .about-link { color: var(--accent); font-weight: 700; }\n    .uc-shell .about-band { background: var(--surface); }\n    .uc-shell .about-band .lead { max-width: 52ch; }\n    .uc-shell .closing { text-align: center; }\n    .uc-shell .closing .lead { margin: 16px auto 28px; }\n    .uc-shell .pagefoot { padding-block: 28px; }\n    @media (max-width: 980px) {\n      .uc-shell .hero-split { grid-template-columns: 1fr; }\n      .uc-shell .topnav-inner { flex-wrap: wrap; }\n      .uc-shell .topnav nav { order: 3; width: 100%; justify-content: space-between; }\n    }\n    @media (max-width: 560px) {\n      :root { --gutter: 20px; --fs-h1: 47px; --fs-h2: 34px; }\n      .uc-shell .topnav .logo { font-size: 15px; }\n      .uc-shell .topnav .logo img { width: 37px; height: 37px; }\n      .uc-shell .topnav nav { gap: 12px; }\n      .uc-shell .topnav nav a { font-size: 14px; }\n      .uc-shell .nav-cta { display: none; }\n      .uc-shell .hero { padding-block: 46px 52px; }\n      .uc-shell .hero h1 { max-width: 11ch; }\n      .uc-shell .hero .lead { font-size: 17px; }\n      .uc-shell .hero .content-img { max-height: none; }\n      .uc-shell .range-media { height: 250px; }\n    }\n    @media (prefers-reduced-motion: reduce) {\n      .uc-shell .btn, .uc-shell .range-card { transition: none; }\n    }\n  <\/style><div class=\"uc-shell uc-od\">\n  <header class=\"topnav\" data-od-id=\"topnav\">\n    <div class=\"container topnav-inner\">\n      <a class=\"logo\" href=\"https:\/\/www.uchance.cc\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.uchance.cc\/wp-content\/uploads\/2026\/09\/%E8%8B%B1%E6%96%87-scaled.jpg\" alt=\"UChance logo\" width=\"2560\" height=\"2560\"><span>UChance Valve Co., Ltd.<\/span><\/a>\n      <nav aria-label=\"Primary navigation\">\n        <a href=\"https:\/\/www.uchance.cc\/\" aria-current=\"page\">Home<\/a>\n        <a href=\"https:\/\/www.uchance.cc\/index.php\/products\/\">Products<\/a>\n        <a href=\"https:\/\/www.uchance.cc\/index.php\/about-uchance\/\">About<\/a>\n        <a href=\"https:\/\/www.uchance.cc\/index.php\/contact\/\">Contact<\/a>\n      <\/nav>\n      <a class=\"btn btn-primary nav-cta\" href=\"https:\/\/www.uchance.cc\/index.php\/contact\/\">Request a Quote<\/a>\n    <\/div>\n  <\/header>\n\n  <main id=\"content\">\n    <section class=\"section hero\" data-od-id=\"welcome-hero\">\n      <div class=\"container hero-split\">\n        <div>\n          <p class=\"eyebrow\">Valve supply for global B2B buyers<\/p>\n          <h1>Welcome to UChance.<\/h1>\n          <p class=\"lead\">Brass and PVC valve solutions for distributors, wholesalers and project buyers worldwide.<\/p>\n          <div class=\"hero-cta\">\n            <a class=\"btn btn-primary\" href=\"https:\/\/www.uchance.cc\/index.php\/products\/\">Explore Products<\/a>\n            <a class=\"btn btn-secondary\" href=\"https:\/\/www.uchance.cc\/index.php\/about-uchance\/\">About UChance<\/a>\n          <\/div>\n        <\/div>\n        <img loading=\"lazy\" decoding=\"async\" class=\"content-img\" src=\"https:\/\/www.uchance.cc\/wp-content\/uploads\/2026\/09\/PVC%E6%97%A0%E5%9B%BE%E6%A0%872-scaled.jpg\" alt=\"UChance PVC valve range\" width=\"2560\" height=\"1709\">\n      <\/div>\n    <\/section>\n    <section class=\"section\" data-od-id=\"product-ranges\">\n      <div class=\"container\">\n        <h2 style=\"margin-bottom: 36px;\">Explore our valve ranges.<\/h2>\n        <div class=\"grid-2\">\n          <article class=\"card range-card\">\n            <div class=\"range-media\"><img decoding=\"async\" class=\"content-img\" src=\"https:\/\/www.uchance.cc\/wp-content\/uploads\/2026\/09\/product-catalog.png\" alt=\"UChance brass valve assortment\" width=\"1259\" height=\"689\" loading=\"lazy\"><\/div>\n            <div class=\"range-copy\">\n              <h3>Brass Valves<\/h3>\n              <p>Ball, gate and check valves for professional sourcing.<\/p>\n              <a href=\"https:\/\/www.uchance.cc\/index.php\/products\/#brass\">View Brass Valves<\/a>\n            <\/div>\n          <\/article>\n          <article class=\"card range-card\">\n            <div class=\"range-media\"><img decoding=\"async\" class=\"content-img\" src=\"https:\/\/www.uchance.cc\/wp-content\/uploads\/2026\/09\/PVC%E6%97%A0%E5%9B%BE%E6%A0%872-scaled.jpg\" alt=\"UChance PVC valve assortment\" width=\"2560\" height=\"1709\" loading=\"lazy\"><\/div>\n            <div class=\"range-copy\">\n              <h3>PVC Valves<\/h3>\n              <p>Practical flow control for water and irrigation.<\/p>\n              <a href=\"https:\/\/www.uchance.cc\/index.php\/products\/#pvc\">View PVC Valves<\/a>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n    <section class=\"section about-band\" data-od-id=\"about\">\n      <div class=\"container grid-2-1\">\n        <div>\n          <h2>A practical supply partner.<\/h2>\n          <p class=\"lead\" style=\"margin-top: 18px;\">Tell us the valve type, size and application you need. We can help match product options and prepare a quotation.<\/p>\n        <\/div>\n        <div style=\"align-self: end;\"><a class=\"about-link\" href=\"https:\/\/www.uchance.cc\/index.php\/about-uchance\/\">Get to know UChance<\/a><\/div>\n      <\/div>\n    <\/section>\n    <section class=\"section closing\" data-od-id=\"contact-cta\">\n      <div class=\"container\" style=\"max-width: 680px;\">\n        <h2>Ready to source valves?<\/h2>\n        <p class=\"lead\">Send your requirements and start a conversation with our team.<\/p>\n        <div class=\"hero-cta\">\n          <a class=\"btn btn-primary\" href=\"https:\/\/www.uchance.cc\/index.php\/contact\/\">Request a Quote<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <footer class=\"pagefoot\" data-od-id=\"footer\">\n    <div class=\"container row-between\">\n      <span>UChance Valve Co., Ltd. | Brass &amp; PVC Valve Solutions<\/span>\n      <a class=\"meta\" href=\"mailto:terryfang@uchance.email\">terryfang@uchance.email<\/a>\n    <\/div>\n  <\/footer>\n\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>UChance Valve Co., Ltd. Home Products About Contact Req [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.uchance.cc\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uchance.cc\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uchance.cc\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uchance.cc\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uchance.cc\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":11,"href":"https:\/\/www.uchance.cc\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/www.uchance.cc\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/www.uchance.cc\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}