/* codemonkeycode.net theme "proctree" (2026-11-02): style + layout, CSS only (HTML/text unchanged).
   Bespoke design (owner request 2026-11-02: new page structure, modern); own palette, fonts, logo and favicon. Fonts self-hosted from Google Fonts (SIL OFL). */
@font-face{font-family:"Fragment Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fragment-mono-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Fragment Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fragment-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Fragment Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fragment-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Pathway Extreme";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/pathway-extreme-500-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Pathway Extreme";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/pathway-extreme-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Pathway Extreme";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/pathway-extreme-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Pathway Extreme";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/pathway-extreme-500-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Pathway Extreme";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/pathway-extreme-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Pathway Extreme";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/pathway-extreme-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Pathway Extreme";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/pathway-extreme-500-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Pathway Extreme";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/pathway-extreme-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Pathway Extreme";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/pathway-extreme-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Pathway Extreme";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/pathway-extreme-500-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Pathway Extreme";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/pathway-extreme-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Pathway Extreme";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/pathway-extreme-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* ============================================================
   codemonkeycode.net / MatchFerry — "Process family tree"
   Dark slate-violet ground, lavender-grey ink, phosphor-amber CTA,
   cyan = explained/known, coral = the one unexplained branch.
   Pathway Extreme (display) + Fragment Mono (process names/paths) + Inter.
   CSS only; targets existing markup; selectors beat site.css + theme-matchferry.
   ============================================================ */

/* ---------- palette + base ---------- */
body.theme-matchferry{
  --bg:#1b1a2b!important; --ink:#dcd9ec!important; --accent:#f5b53d!important;
  --panel:#252441; --panel-2:#2d2b4d; --line:#403e63;
  --mut:#a7a3c4; --cyan:#63d2c3; --coral:#ff7d6e; --amber:#f5b53d;
  --nav-accent:#f5b53d; --lang-radius:9px; --nav-radius:9px;
  background:
    radial-gradient(1100px 620px at 86% -4%, #2a2745 0%, rgba(42,39,69,0) 60%),
    radial-gradient(760px 520px at -8% 8%, #231f3b 0%, rgba(35,31,59,0) 55%),
    #1b1a2b!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
}
body.theme-matchferry{color:var(--ink)}
body.theme-matchferry main{overflow-x:clip}
body.theme-matchferry :is(h1,h2,h3){font-family:"Pathway Extreme",Inter,system-ui,sans-serif;letter-spacing:-.02em!important;font-weight:700}
body.theme-matchferry h1{font-weight:800}
body.theme-matchferry .eyebrow,body.theme-matchferry .number,body.theme-matchferry .ar-tool,
body.theme-matchferry .agent-run-steps code,body.theme-matchferry .code-example,
body.theme-matchferry .agent-run-mode,body.theme-matchferry .ar-res{font-family:"Fragment Mono",ui-monospace,Consolas,monospace}
/* non-latin headings fall back to heavy Inter (Pathway Extreme = latin/latin-ext/viet only) */
html:is([lang=ru],[lang=uk],[lang=ar],[lang=th],[lang=ja],[lang=ko],[lang=hi]) body.theme-matchferry :is(h1,h2,h3,summary,.faq-q){font-family:Inter,system-ui,sans-serif!important;font-weight:800!important;letter-spacing:-.01em!important}

/* ---------- header ---------- */
body.theme-matchferry .header{border-bottom:1px solid var(--line);min-height:84px}
body.theme-matchferry .brand{font-family:"Pathway Extreme",Inter,sans-serif;letter-spacing:-.03em;font-weight:800}
body.theme-matchferry .brand-symbol{background:var(--accent);color:#1b1a2b;border-radius:10px!important;width:36px;height:36px;box-shadow:0 0 0 1px #f5b53d55,0 8px 20px #0003}
body.theme-matchferry .brand-symbol svg{width:22px;height:22px}
body.theme-matchferry .main-nav a{opacity:.68;font-weight:600}
body.theme-matchferry .main-nav a:hover,body.theme-matchferry .main-nav a[aria-current]{opacity:1;color:var(--accent);text-decoration:none}

/* ---------- buttons ---------- */
body.theme-matchferry .button{border-radius:9px;font-weight:750;gap:12px}
body.theme-matchferry .primary{background:var(--accent);color:#1b1a2b;border:1px solid var(--accent);box-shadow:0 10px 26px -12px #f5b53d80}
body.theme-matchferry .primary:hover{filter:brightness(1.05)}
body.theme-matchferry .secondary{border:1px solid var(--line);background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink)}
body.theme-matchferry .secondary:hover{border-color:var(--mut)}
body.theme-matchferry .btn-arrow{font-weight:800}

/* ================= HOME ================= */
/* hero: copy left, agent window (root process node) right, faint process-tree band behind */
body.theme-matchferry .home-hero{grid-template-columns:1.04fr .96fr!important;gap:48px!important;min-height:0;align-items:center;position:relative;padding:40px 0 34px}
body.theme-matchferry .home-hero>.hero-copy{order:0!important}
body.theme-matchferry .home-hero::before{content:"";position:absolute;inset-block:-30px -10px;inset-inline:calc(50% - 50vw);width:100vw;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201280%20560%22%20preserveAspectRatio%3D%22xMaxYMid%20slice%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%237c76ad%22%20stroke-opacity%3D%220.26%22%20stroke-width%3D%222%22%3E%0A%3Cpath%20d%3D%22M150%2090%20V190%20H430%20M430%20190%20V300%20M430%20190%20H720%20V300%20M720%20300%20H560%20M720%20300%20H880%20M880%20300%20V410%22%2F%3E%0A%3Cpath%20d%3D%22M980%20140%20V250%20H1140%20M980%20250%20V250%20H860%20M980%20140%20V250%22%2F%3E%0A%3Cpath%20d%3D%22M880%20410%20L1010%20470%20M880%20410%20L1150%20440%22%20stroke-dasharray%3D%225%207%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20stroke%3D%22%237c76ad%22%20stroke-opacity%3D%220.22%22%20stroke-width%3D%222%22%20fill%3D%22none%22%3E%0A%3Crect%20x%3D%22986%22%20y%3D%22452%22%20width%3D%2256%22%20height%3D%2234%22%20rx%3D%225%22%2F%3E%0A%3Crect%20x%3D%221124%22%20y%3D%22422%22%20width%3D%2256%22%20height%3D%2234%22%20rx%3D%225%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20fill%3D%22%23f5b53d%22%20fill-opacity%3D%220.5%22%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%2290%22%20r%3D%229%22%2F%3E%3C%2Fg%3E%0A%3Cg%20fill%3D%22%231b1a2b%22%20stroke%3D%22%237c76ad%22%20stroke-opacity%3D%220.4%22%20stroke-width%3D%222.4%22%3E%0A%3Ccircle%20cx%3D%22430%22%20cy%3D%22190%22%20r%3D%2211%22%2F%3E%3Ccircle%20cx%3D%22720%22%20cy%3D%22300%22%20r%3D%2211%22%2F%3E%3Ccircle%20cx%3D%22560%22%20cy%3D%22300%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%22980%22%20cy%3D%22140%22%20r%3D%2210%22%2F%3E%3Ccircle%20cx%3D%221140%22%20cy%3D%22250%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%22860%22%20cy%3D%22250%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%22430%22%20cy%3D%22300%22%20r%3D%229%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20cx%3D%22880%22%20cy%3D%22410%22%20r%3D%2213%22%20fill%3D%22%231b1a2b%22%20stroke%3D%22%23ff7d6e%22%20stroke-opacity%3D%220.85%22%20stroke-width%3D%222.8%22%2F%3E%0A%3Cpath%20d%3D%22M876%20404a4.5%204.5%200%201%201%205%205c-1.6%201.1-1.6%202-1.6%203.2%22%20fill%3D%22none%22%20stroke%3D%22%23ff7d6e%22%20stroke-opacity%3D%220.9%22%20stroke-width%3D%222.1%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Ccircle%20cx%3D%22879.4%22%20cy%3D%22417.6%22%20r%3D%221.5%22%20fill%3D%22%23ff7d6e%22%20fill-opacity%3D%220.9%22%2F%3E%0A%3Ccircle%20cx%3D%221140%22%20cy%3D%22250%22%20r%3D%224%22%20fill%3D%22%2363d2c3%22%20fill-opacity%3D%220.7%22%2F%3E%0A%3Ccircle%20cx%3D%22560%22%20cy%3D%22300%22%20r%3D%223.5%22%20fill%3D%22%2363d2c3%22%20fill-opacity%3D%220.7%22%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right -20px center;background-size:auto 112%}
body.theme-matchferry .home-hero>*{position:relative;z-index:1}
[dir=rtl] body.theme-matchferry .home-hero::before{transform:scaleX(-1)}
body.theme-matchferry .hero-copy .eyebrow{color:var(--mut);background:color-mix(in srgb,var(--ink) 6%,transparent);border:1px solid var(--line);
  display:inline-flex;padding:7px 13px;border-radius:999px;letter-spacing:.1em;margin-bottom:22px}
body.theme-matchferry .hero-copy .eyebrow i{width:8px;height:8px;background:var(--cyan);box-shadow:0 0 0 4px #63d2c322}
body.theme-matchferry .home-hero h1{font-size:clamp(40px,4.3vw,58px);line-height:1.03;margin-bottom:18px;max-width:15ch}
body.theme-matchferry .h1-mark{color:#fff;display:inline;background:linear-gradient(transparent 62%,rgba(245,181,57,.34) 62% 93%,transparent 93%);padding-inline:.04em}
body.theme-matchferry .hero-lead{font-size:17.5px;line-height:1.72;color:var(--mut);opacity:1;max-width:46ch}
body.theme-matchferry .actions{margin-top:24px}

/* agent-run styled as the live "root process node" panel */
body.theme-matchferry .agent-run{background:linear-gradient(180deg,#252441,#201f38);border:1px solid var(--line);border-radius:16px;
  box-shadow:0 34px 70px -30px #000a,0 0 0 1px #ffffff08 inset;position:relative}
body.theme-matchferry .home-hero .agent-run{width:100%}
body.theme-matchferry .agent-run::before{content:"";position:absolute;inset-inline-start:26px;top:-11px;width:22px;height:22px;border-radius:50%;
  background:#252441;border:2.4px solid var(--accent);box-shadow:0 0 0 5px #1b1a2b,0 0 14px #f5b53d55}
body.theme-matchferry .agent-run-bar{background:#1e1d34;border-bottom:1px solid var(--line);padding:13px 18px 13px 20px}
body.theme-matchferry .agent-run-bar span:first-child{color:var(--mut);font-weight:600}
body.theme-matchferry .agent-run-mode{color:var(--amber)}
body.theme-matchferry .agent-run-prompt span{background:var(--panel-2);border:1px solid var(--line)}
body.theme-matchferry .agent-run-steps li{background:#1d1c33;border:1px solid var(--line);border-radius:11px}
body.theme-matchferry .ar-tool{color:var(--mut)}
body.theme-matchferry .agent-run-steps code{color:#cfe8e3}
body.theme-matchferry .ar-ok{color:var(--cyan)!important;opacity:1!important}
body.theme-matchferry .ar-btn{border:1px solid var(--line);color:var(--ink)}
body.theme-matchferry .ar-btn-primary{background:var(--accent);border-color:var(--accent);color:#1b1a2b}
body.theme-matchferry .agent-run-foot>span:first-child{color:var(--mut)}

/* facts = a branch of process nodes hanging off one parent bar */
body.theme-matchferry .cards{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px;border-top:1px solid var(--line);padding:26px 0 34px;position:relative}
body.theme-matchferry .cards::before{content:"";position:absolute;top:17px;inset-inline:7%;height:2px;background:linear-gradient(90deg,transparent,var(--line) 8%,var(--line) 92%,transparent)}
body.theme-matchferry .cards article{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px 16px 16px;position:relative;margin-top:30px}
body.theme-matchferry .cards article::before{content:"";position:absolute;top:-30px;left:50%;width:2px;height:22px;background:var(--line)}
body.theme-matchferry .cards article::after{content:"";position:absolute;top:-13px;left:50%;transform:translateX(-50%);width:11px;height:11px;border-radius:50%;background:#1b1a2b;border:2px solid var(--mut)}
body.theme-matchferry .cards article:nth-child(5)::after{border-color:var(--cyan);box-shadow:0 0 10px #63d2c355}
body.theme-matchferry .cards article:nth-child(6)::after{border-color:var(--coral);box-shadow:0 0 10px #ff7d6e55}
body.theme-matchferry .cards .number{color:var(--mut);opacity:.8;margin-bottom:12px;font-size:11px;letter-spacing:.04em}
body.theme-matchferry .cards h3{font-family:"Pathway Extreme",Inter,sans-serif;font-size:26px;color:#fff;margin-bottom:5px}
body.theme-matchferry .cards p{font-size:12.5px;color:var(--mut);opacity:1}

/* keyword section = parent-node callout card */
body.theme-matchferry .scenario{background:linear-gradient(160deg,#262346,#201e39);border:1px solid var(--line);border-radius:18px;padding:30px 38px;margin:4px 0 34px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:40px;align-items:start}
body.theme-matchferry .scenario>.eyebrow{grid-column:1;grid-row:1}
body.theme-matchferry .scenario>h2{grid-column:1;grid-row:2;margin-bottom:0}
body.theme-matchferry .scenario>p{grid-column:2;grid-row:1/span 3;margin:0}
body.theme-matchferry .scenario::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--cyan),var(--coral))}
body.theme-matchferry .scenario .eyebrow{color:var(--cyan);letter-spacing:.11em;margin-bottom:14px;display:inline-flex}
body.theme-matchferry .scenario h2{font-size:clamp(26px,3vw,38px);max-width:20ch;color:#fff;margin-bottom:14px}
body.theme-matchferry .scenario p{max-width:70ch;color:var(--mut);opacity:1;font-size:16px;line-height:1.68}

/* walkthrough steps = tree spine; each node hangs off the trunk, step 02 flagged coral (unexplained branch) */
body.theme-matchferry main.wrap>.reading{max-width:960px;padding-bottom:34px}
body.theme-matchferry main.wrap>.reading:has(>.steps){max-width:none}
body.theme-matchferry main.wrap>.reading:has(>.steps)>p:last-child{margin:26px 0 0}
body.theme-matchferry .reading .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 34px;position:relative;margin:0;padding:16px 0 0;border:0}
body.theme-matchferry .reading .steps article{border-top:2px solid var(--line)!important;padding:24px 0 0!important;position:relative;min-width:0}
body.theme-matchferry .reading .steps .number{position:absolute!important;inset-inline-start:0!important;left:auto;top:-16px!important;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1b1a2b;border:2px solid var(--mut);color:var(--ink);font-size:11px;margin:0}
body.theme-matchferry .reading .steps article:nth-child(2) .number{border-color:var(--coral);color:var(--coral);box-shadow:0 0 0 4px #ff7d6e18}
body.theme-matchferry .reading .steps article:nth-child(2)::after{content:"?";position:absolute;inset-inline-start:38px;top:-12px;font:700 14px "Fragment Mono",monospace;color:var(--coral)}
body.theme-matchferry .reading .steps h3{color:#fff;font-size:19px;margin:0 0 8px}
body.theme-matchferry .reading .steps p{color:var(--mut);opacity:1;font-size:14.5px;line-height:1.66}
body.theme-matchferry .steps article .code-example{margin-top:14px}

/* comparison = ledger panel */
body.theme-matchferry .feature-matrix{border-top:1px solid var(--line);padding:34px 0 4px}
body.theme-matchferry .feature-matrix>h2{color:#fff}
body.theme-matchferry .feature-matrix>p{color:var(--mut);opacity:1}
body.theme-matchferry .feature-matrix table{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;table-layout:fixed}
body.theme-matchferry .feature-matrix th,body.theme-matchferry .feature-matrix td{border-bottom:1px solid var(--line);padding:14px 20px;vertical-align:top}
body.theme-matchferry .feature-matrix thead th{background:#1e1d34;font-family:"Fragment Mono",monospace;font-size:12px;letter-spacing:.03em;color:var(--mut);font-weight:400}
body.theme-matchferry .feature-matrix thead th:last-child{color:var(--amber)}
body.theme-matchferry .feature-matrix tbody th{color:#fff;font-weight:600}
body.theme-matchferry .feature-matrix td{color:var(--mut)}
body.theme-matchferry .feature-matrix td:last-child{color:var(--ink)}
body.theme-matchferry .feature-matrix tr:last-child :is(th,td){border-bottom:0}

/* "how to get started" = lettered setup (A–D) so it never clashes with 01–04 walkthrough numbering */
body.theme-matchferry .split-section{border-top:1px solid var(--line);padding:38px 0;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:start;margin-top:34px}
body.theme-matchferry .split-section>h2{color:#fff;align-self:center}
body.theme-matchferry main.wrap>.split-section>ol.setup{list-style:none;padding:0;margin:0;display:grid;gap:9px;counter-reset:st}
body.theme-matchferry .split-section ol.setup li{counter-increment:st;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px 18px 13px 60px;position:relative;color:var(--ink);font-size:14.5px;line-height:1.55}
body.theme-matchferry .split-section ol.setup li::before{content:counter(st,upper-alpha);position:absolute;inset-inline-start:18px;top:12px;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#1e1d34;border:1px solid var(--line);color:var(--amber);font:700 13px "Fragment Mono",monospace}
[dir=rtl] body.theme-matchferry .split-section ol.setup li{padding:13px 60px 13px 18px}

/* who it is for = three branch cards */
body.theme-matchferry.page-0 main.wrap>section.reading:not(:has(.steps,.text-link,h3)){max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px;padding-top:38px;align-items:start}
body.theme-matchferry.page-0 main.wrap>section.reading:not(:has(.steps,.text-link,h3))>h2{grid-column:1/-1;color:#fff;margin:0 0 26px}
body.theme-matchferry.page-0 main.wrap>section.reading:not(:has(.steps,.text-link,h3))>p{margin:0;border-top:2px solid var(--line);padding-top:20px;position:relative;font-size:15px;line-height:1.66;min-width:0}
body.theme-matchferry.page-0 main.wrap>section.reading:not(:has(.steps,.text-link,h3))>p::before{content:"";position:absolute;top:-7px;inset-inline-start:0;width:12px;height:12px;border-radius:50%;background:#1b1a2b;border:2px solid var(--cyan)}
body.theme-matchferry.page-0 main.wrap>section.reading:not(:has(.steps,.text-link,h3))>p:nth-of-type(3)::before{border-color:var(--amber)}
body.theme-matchferry .reading.who,body.theme-matchferry main.wrap>section.reading:last-of-type{max-width:960px}

/* FAQ = timestamped case log: first answer open & full width, the rest a 2-col grid keeping order */
body.theme-matchferry main.wrap>.faq{max-width:1000px;display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin-bottom:40px}
body.theme-matchferry .faq>h2{grid-column:1/-1;color:#fff;margin-bottom:4px}
body.theme-matchferry .faq details{border-top:0!important;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:0}
body.theme-matchferry .faq details[open],body.theme-matchferry .faq details:first-of-type{grid-column:1/-1}
body.theme-matchferry .faq summary{padding:14px 18px;list-style:none;position:relative}
body.theme-matchferry .faq summary::-webkit-details-marker{display:none}
body.theme-matchferry .faq summary::after{content:"+";position:absolute;inset-inline-end:18px;top:15px;color:var(--mut);font:400 20px "Fragment Mono",monospace}
body.theme-matchferry .faq details[open] summary::after{content:"–";color:var(--amber)}
body.theme-matchferry .faq .faq-q{font-family:"Pathway Extreme",Inter,sans-serif;font-size:16px;line-height:1.35;color:#fff}
body.theme-matchferry .faq summary h3{padding-inline-end:26px}
body.theme-matchferry .faq p{padding:12px 18px 15px;margin:0;color:var(--mut);opacity:1;border-top:1px solid var(--line);font-size:14.5px;line-height:1.6}

/* closing = amber band */
body.theme-matchferry .closing{background:linear-gradient(135deg,#f5b53d,#eaa21f);color:#1b1a2b;border:0;border-radius:22px;text-align:start;padding:clamp(26px,4vw,44px);margin:24px 0 40px;position:relative;overflow:hidden}
body.theme-matchferry .closing>span{color:#5a4415;letter-spacing:.12em}
body.theme-matchferry .closing h2{color:#1b1a2b;max-width:22ch;margin:10px 0 18px}
body.theme-matchferry .closing p{color:#3a2d10;opacity:1;max-width:60ch}
body.theme-matchferry .closing .primary{background:#1b1a2b;color:var(--accent);border-color:#1b1a2b;box-shadow:0 12px 26px -12px #0007}
body.theme-matchferry .closing::after{content:"";position:absolute;inset-inline-end:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#fff3 0,transparent 62%)}

/* links section = node chips */
body.theme-matchferry main.wrap>.reading:last-of-type h2{color:#fff}
body.theme-matchferry .reading .text-link{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:11px 15px;text-decoration:none;color:var(--ink);margin:0 10px 10px 0;transition:border-color .15s,background-color .15s}
body.theme-matchferry .reading .text-link:hover{border-color:var(--amber);background:var(--panel-2)}
[dir=rtl] body.theme-matchferry .reading .text-link{margin:0 0 10px 10px}

/* ================= INNER PAGES ================= */
body.theme-matchferry .inner-hero{border-bottom:1px solid var(--line);padding:52px 0 42px;min-height:auto;position:relative;justify-content:flex-start;align-items:flex-end}
body.theme-matchferry .inner-hero .hero-copy{max-width:900px}
body.theme-matchferry .inner-hero h1{font-size:clamp(33px,3.5vw,48px);color:#fff;text-wrap:balance}
body.theme-matchferry .inner-hero .eyebrow{color:var(--cyan);margin-bottom:15px;display:inline-flex;align-items:center;gap:8px}
body.theme-matchferry .inner-hero .eyebrow i{width:7px;height:7px;background:var(--cyan);border-radius:50%}
body.theme-matchferry .hero-number{position:absolute;inset-inline-end:2px;top:6px;font-family:"Fragment Mono",monospace;font-size:clamp(46px,6vw,78px);color:transparent;-webkit-text-stroke:1.4px var(--line);font-weight:400;opacity:.8;line-height:1}
body.theme-matchferry .product-lead .large,body.theme-matchferry .reading .large{color:var(--ink);opacity:1}
body.theme-matchferry main.wrap>.reading{color:var(--ink)}
body.theme-matchferry .reading h2{color:#fff}
body.theme-matchferry .reading h3{color:var(--cyan);font-family:"Pathway Extreme",Inter,sans-serif}
body.theme-matchferry .reading p{color:var(--mut)}

/* product cards (3) as nodes */
body.theme-matchferry main.wrap>.cards:not(:has(article:nth-child(6))){grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.theme-matchferry main.wrap>.cards:not(:has(article:nth-child(6)))::before{inset-inline:16%}
body.theme-matchferry main.wrap>.cards:not(:has(article:nth-child(6))) article:nth-child(2)::after{border-color:var(--cyan)}
body.theme-matchferry main.wrap>.cards:not(:has(article:nth-child(6))) article:nth-child(3)::after{border-color:var(--coral)}

body.theme-matchferry .feature-list li{background:var(--panel);border:1px solid var(--line);border-radius:12px}
body.theme-matchferry .feature-list strong{color:var(--cyan)}
body.theme-matchferry .notice{border-inline-start:3px solid var(--coral);background:color-mix(in srgb,var(--coral) 8%,transparent);border-radius:0 10px 10px 0}
body.theme-matchferry .notice strong{color:var(--coral)}
[dir=rtl] body.theme-matchferry .notice{border-radius:10px 0 0 10px}

/* models connection = node → endpoint chips, coral endpoint */
body.theme-matchferry .connection{border:1px dashed var(--line);border-radius:16px;background:var(--panel);padding:44px 28px}
body.theme-matchferry .connection span{background:#1e1d34;border:1px solid var(--line);border-radius:12px;padding:20px 24px;color:var(--ink)}
body.theme-matchferry .connection span:last-of-type{border-color:var(--coral);color:#fff}
body.theme-matchferry .connection b{color:var(--mut);font-size:20px}

/* split-section on product/models (agent-run) keep as panel */
body.theme-matchferry .split-section .agent-run{width:100%}

/* workflows */
body.theme-matchferry .workflow-grid{grid-template-columns:1fr 1fr;gap:54px}
body.theme-matchferry .workflow-grid .steps{border-inline-start:2px solid var(--line);padding-inline-start:32px;margin-inline-start:8px;display:grid;gap:0}
body.theme-matchferry .workflow-grid .steps article{border-top:0!important;padding:20px 0 26px 4px!important;position:relative}
body.theme-matchferry .workflow-grid .steps article+article{border-top:1px solid var(--line)!important}
body.theme-matchferry .workflow-grid .steps .number{position:absolute!important;inset-inline-start:-47px!important;top:22px!important;width:28px;height:28px;border-radius:50%;background:var(--panel);border:2px solid var(--line);display:grid;place-items:center;color:var(--mut);font-size:11px;margin:0}
body.theme-matchferry .workflow-grid .steps h3{color:#fff;font-size:18px}
body.theme-matchferry .sticky-example>h2{color:#fff;font-size:22px}
body.theme-matchferry .sticky-example>p{color:var(--mut)}

/* download */
body.theme-matchferry .download-grid{grid-template-columns:.85fr 1.15fr;gap:54px}
body.theme-matchferry .download-card{background:linear-gradient(170deg,#262346,#201e39);border:1px solid var(--line);border-radius:20px;padding:48px 28px}
body.theme-matchferry .download-card .app-icon{background:var(--accent);color:#1b1a2b;border-radius:20px}
body.theme-matchferry .download-card h2{color:#fff}
body.theme-matchferry .download-card p{color:var(--mut)}
body.theme-matchferry .download-grid .setup{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px;counter-reset:st}
body.theme-matchferry .download-grid .setup li{counter-increment:st;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:15px 18px 15px 56px;position:relative;color:var(--ink)}
body.theme-matchferry .download-grid .setup li::before{content:counter(st,upper-alpha);position:absolute;inset-inline-start:16px;top:13px;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:#1e1d34;border:1px solid var(--line);color:var(--amber);font:700 12px "Fragment Mono",monospace}
[dir=rtl] body.theme-matchferry .download-grid .setup li{padding:15px 56px 15px 18px}

/* privacy */
body.theme-matchferry .privacy article{border-top:1px solid var(--line)}
body.theme-matchferry .privacy h2{color:#fff;font-size:clamp(21px,2.2vw,27px)}
body.theme-matchferry .privacy p{color:var(--mut)}

/* ================= FOOTER ================= */
body.theme-matchferry footer{border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(37,36,65,0),rgba(30,29,52,.6))}
body.theme-matchferry .footer-top .brand{color:var(--ink)}
body.theme-matchferry footer nav a{opacity:.7}
body.theme-matchferry footer nav a:hover{opacity:1;color:var(--accent)}
body.theme-matchferry .footer-logo svg{width:20px;height:20px}

/* ================= RESPONSIVE ================= */
@media(max-width:1000px){
  body.theme-matchferry .home-hero{grid-template-columns:1fr!important;gap:34px!important;padding:44px 0 34px}
  body.theme-matchferry .home-hero::before{background-position:right -40px top;background-size:150% auto;opacity:.5;inset-block:-10px auto;height:300px}
  body.theme-matchferry .cards,body.theme-matchferry main.wrap>.cards:not(:has(article:nth-child(6))){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.theme-matchferry .scenario{display:block}
  body.theme-matchferry .scenario>h2{margin-bottom:12px}
  body.theme-matchferry.page-0 main.wrap>section.reading:not(:has(.steps,.text-link,h3)){grid-template-columns:1fr;gap:22px}
  body.theme-matchferry.page-0 main.wrap>section.reading:not(:has(.steps,.text-link,h3))>h2{margin:0 0 4px}
  body.theme-matchferry .cards::before{display:none}
  body.theme-matchferry .split-section,body.theme-matchferry .workflow-grid,body.theme-matchferry .download-grid{grid-template-columns:1fr!important;gap:30px}
}
@media(max-width:760px){
  body.theme-matchferry .home-hero h1{font-size:clamp(33px,8.4vw,42px)}
  body.theme-matchferry main.wrap>.faq{grid-template-columns:1fr}
  body.theme-matchferry .reading .steps{grid-template-columns:1fr;gap:34px}
  body.theme-matchferry .faq details[open],body.theme-matchferry .faq details:first-of-type{grid-column:auto}
  body.theme-matchferry .scenario{padding:28px 22px}
  body.theme-matchferry .feature-matrix table,body.theme-matchferry .feature-matrix thead,body.theme-matchferry .feature-matrix tbody,body.theme-matchferry .feature-matrix tr{display:block;width:100%}
  body.theme-matchferry .feature-matrix table{background:transparent;border:0;border-radius:0;overflow:visible}
  body.theme-matchferry .feature-matrix thead tr{display:flex;flex-wrap:wrap;gap:8px;border:0!important;background:transparent!important;margin-bottom:12px}
  body.theme-matchferry .feature-matrix thead th{display:block;width:auto;border:1px solid var(--line);border-radius:8px;padding:7px 12px;background:#1e1d34}
  body.theme-matchferry .feature-matrix thead th:empty{display:none}
  body.theme-matchferry .feature-matrix tbody th,body.theme-matchferry .feature-matrix td{display:block;width:100%;border-bottom:0;padding:12px 16px}
  body.theme-matchferry .feature-matrix tbody th{padding-bottom:4px;color:var(--amber)}
  body.theme-matchferry .feature-matrix td{padding-top:4px}
  body.theme-matchferry .feature-matrix td:last-child{border-top:1px dashed var(--line);padding-top:8px}
  body.theme-matchferry .feature-matrix tbody tr{border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:10px;overflow:hidden}
}
@media(max-width:560px){
  body.theme-matchferry .cards,body.theme-matchferry main.wrap>.cards:not(:has(article:nth-child(6))){grid-template-columns:1fr!important}
  body.theme-matchferry .cards article::before,body.theme-matchferry .cards article::after{display:none}
  body.theme-matchferry .cards article{margin-top:0}
}

/* no automatic hyphenation in the main headline (long words still wrap) */
body h1{hyphens:manual;-webkit-hyphens:manual}