/* cscartdevelopers.com theme "cycle" (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:"Cutive Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/cutive-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:"Cutive Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/cutive-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:"Oswald";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/oswald-500-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:"Oswald";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/oswald-500-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Oswald";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/oswald-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:"Oswald";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/oswald-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:"Oswald";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/oswald-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:"Oswald";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/oswald-500-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:"Oswald";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/oswald-500-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Oswald";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/oswald-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:"Oswald";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/oswald-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:"Oswald";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/oswald-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:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/oswald-500-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:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/oswald-500-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/oswald-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:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/oswald-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:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/oswald-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:"PT Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/pt-sans-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:"PT Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/pt-sans-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"PT Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/pt-sans-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:"PT Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/pt-sans-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:"PT Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/pt-sans-700-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:"PT Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/pt-sans-700-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"PT Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/pt-sans-700-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:"PT Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/pt-sans-700-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}
/* cscartdevelopers.com — VariantOak — «Seven-day cycle».
   A scavenged-metal board for people who run their own survival-crafting server: a dusk-to-night sky over a scrap
   skyline, the agent window mounted as a riveted radio terminal, the facts as a 7-cell day strip whose last cell is the
   red horde night, riveted plates bolted at slight angles, a clipboard config sheet, scratched tally marks for steps.
   Tokens: board #22201c · plate #38332b · rust #8b4a2b / #c46a3a · olive #4d5034 · chalk #ece6d6 · horde red #c2382b ·
   sodium CTA #c9d64a. Fonts: Oswald (display), PT Sans (body), Cutive Mono (config values), Inter (fallback). CSS only. */

/* ---------- tokens + neutralise theme-variantoak / batch120 quirks ---------- */
body.theme-variantoak{--bg:#22201c!important;--ink:#ece6d6!important;--accent:#c9d64a!important;
  --board:#22201c;--night:#171513;--plate:#38332b;--plate2:#2f2b25;--edge:#544c3f;--edge2:#6a604f;
  --rust:#8b4a2b;--rust2:#c46a3a;--olive:#4d5034;--olive2:#5a5d3c;--olive-t:#c9cc96;
  --chalk:#ece6d6;--chalk2:#cfc7b3;--horde:#c2382b;--horde-d:#7c241b;--sodium:#c9d64a;--sodium-h:#d6e25c;--sodium-ink:#1c1d10;
  --paper:#ebe4cf;--paper-ink:#2a251e;--paper-key:#7a3a1c;
  --bgs:26px 26px,26px 26px,26px 26px,26px 26px,100% 100%,100% 100%,100% 100%;--bgp:0 0,100% 0,0 100%,100% 100%,0 0,0 0,0 0;
  --hdr:82px;--lang-radius:4px;--nav-radius:4px;--nav-accent:#c9d64a;
  --rv:radial-gradient(circle at 13px 13px,#a2967f 0 1.4px,#6a6150 2.2px 3.4px,#12100d 3.9px 4.7px,transparent 5.1px);
  --face:linear-gradient(176deg,rgba(255,236,200,.045),rgba(0,0,0,.08)),repeating-linear-gradient(90deg,rgba(255,240,210,.014) 0 2px,transparent 2px 5px),linear-gradient(180deg,#3a352d,#322d27);
  background:#22201c;color:#ece6d6;font-family:"PT Sans",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16.5px;line-height:1.6;
  background-image:repeating-linear-gradient(90deg,rgba(255,236,200,.012) 0 1px,transparent 1px 4px)}
html[lang=vi] body.theme-variantoak{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px}
body.theme-variantoak :is(h1,h2,h3,.faq summary,.cards h3,.hero-number,.connection span,.button.primary){font-family:Oswald,Inter,"Arial Narrow",sans-serif}
body.theme-variantoak :is(h1,h2,h3){color:var(--chalk);letter-spacing:0;font-weight:600;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:10 5 5;overflow-wrap:break-word}
html:is([lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-variantoak :is(h1,h2,h3,.faq summary,.cards h3,.connection span,.button.primary){font-family:Inter,system-ui,sans-serif!important;font-weight:800!important;letter-spacing:-.015em}
body.theme-variantoak :is(code,pre,.ar-tool,.ar-res,.feature-matrix tbody th,.feature-list strong){font-family:"Cutive Mono",ui-monospace,Consolas,monospace}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko],[lang=vi],[lang=el]) body.theme-variantoak :is(.feature-matrix tbody th,.feature-list strong){font-family:Inter,system-ui,sans-serif;font-weight:700}
body.theme-variantoak a:focus-visible,body.theme-variantoak button:focus-visible,body.theme-variantoak summary:focus-visible,body.theme-variantoak select:focus-visible{outline:3px solid var(--sodium);outline-offset:4px}
body.theme-variantoak .wrap,body.theme-variantoak .header{width:min(1232px,calc(100% - 64px))}
body.theme-variantoak{overflow-x:clip}
body.theme-variantoak main.wrap{position:relative;padding-bottom:20px}
body.theme-variantoak p{color:var(--chalk2)}
body.theme-variantoak :is(.cards p,.steps p,.split-section p,.faq p,.privacy p,.large,.hero-lead){opacity:1}

/* shared plate look: brushed steel, four rivets, heavy edge */
body.theme-variantoak :is(.header,.scenario,.steps article,.faq details,.text-link,.privacy article,footer.wrap,.download-card,.connection span,.workflow-grid .sticky-example,.page-1 .cards article,.agent-run){
  background-image:var(--rv),var(--rv),var(--rv),var(--rv),var(--face);background-size:var(--bgs);
  background-position:var(--bgp);background-repeat:no-repeat;
  border:1px solid var(--edge);border-radius:5px;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.08),inset 0 -2px 0 rgba(0,0,0,.35),0 22px 34px -22px rgba(0,0,0,.9)}

/* ---------- header: a bolted steel bar over the sky ---------- */
body.theme-variantoak .header{position:relative;z-index:6;margin-top:14px;min-height:66px;padding:0 18px 0 16px;gap:26px;color:var(--chalk);border-bottom:1px solid var(--edge);
  border-bottom-color:#3a2a1f;box-shadow:inset 0 1px 0 rgba(255,236,200,.08),inset 0 -3px 0 rgba(139,74,43,.55),0 14px 26px -14px rgba(0,0,0,.8)}
body.theme-variantoak .header .brand{font:600 23px/1 Oswald,Inter,sans-serif;letter-spacing:.005em;color:var(--chalk);gap:11px;padding-inline-start:8px}
body.theme-variantoak .header .brand-symbol{background:none;width:36px;height:36px;border-radius:0;color:inherit}
body.theme-variantoak .header .brand-symbol svg{display:block;width:36px;height:36px}
body.theme-variantoak .header .main-nav{gap:4px;font:500 15.5px/1 Oswald,Inter,sans-serif;letter-spacing:.02em}
html:is([lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-variantoak .header .main-nav{font:700 14px/1 Inter,sans-serif;letter-spacing:0}
body.theme-variantoak .header .main-nav a{opacity:1;color:var(--chalk2);padding:10px 14px;border-radius:3px;position:relative;text-decoration:none}
body.theme-variantoak .header .main-nav a:hover{color:var(--chalk);background:rgba(236,230,214,.07);text-decoration:none}
body.theme-variantoak .header .main-nav a[aria-current]{color:var(--chalk);text-decoration:none}
body.theme-variantoak .header .main-nav a[aria-current]::after{content:"";position:absolute;inset-inline:12px;bottom:3px;height:4px;border-radius:2px;
  background:var(--sodium);transform:skewX(-14deg);box-shadow:0 0 8px rgba(201,214,74,.45)}
body.theme-variantoak .header .language{color:var(--chalk);background:rgba(0,0,0,.22);margin-inline-end:6px}

/* ---------- sky scene behind every hero ---------- */
body.theme-variantoak :is(.home-hero,.inner-hero){position:relative;z-index:0;isolation:isolate}
body.theme-variantoak :is(.home-hero,.inner-hero)::before{content:"";position:absolute;z-index:-1;top:calc(-1 * var(--hdr));bottom:0;inset-inline:calc(50% - 50vw);pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1600 240%22 width=%221600%22 height=%22240%22%3E%3Cpath fill=%22%232c1f1e%22 d=%22M0 240V176h58v-26h42v18h34v-58l12-9 11 10v57h52v-22h74v40h42v-72h20l7-13 8 13h18v62h92v-26h58v34h52v-92h14v-9h30v9h14v92h62v-30l20-15 27 18v27h80v-52h46v42h72v-64h12l4-17 4 17h12v64h62v-26h80v36h52v-60h36v-15h10v15h14v60h72v-32h60v42h56v-48h40v-20h18v68h56V240z%22/%3E%3Cg fill=%22%23141210%22%3E%3Cpath d=%22M0 240v-24c34-9 70-3 104-6 30-2 52-12 90-8 36 4 60 10 98 6 42-5 70-14 116-9 44 5 70 12 118 9 40-3 66-11 110-8 48 4 78 13 124 10 42-3 72-12 116-9 46 3 74 11 122 9 40-2 70-10 112-8 44 2 76 11 120 9 38-2 70-9 108-7 24 1 44 5 62 6V240z%22/%3E%3Crect x=%22178%22 y=%2264%22 width=%225%22 height=%22152%22/%3E%3Crect x=%22158%22 y=%2274%22 width=%2245%22 height=%224%22/%3E%3Crect x=%22518%22 y=%2270%22 width=%225%22 height=%22146%22/%3E%3Crect x=%22498%22 y=%2280%22 width=%2245%22 height=%224%22/%3E%3Crect x=%221198%22 y=%2266%22 width=%225%22 height=%22150%22/%3E%3Crect x=%221178%22 y=%2276%22 width=%2245%22 height=%224%22/%3E%3Crect x=%221538%22 y=%2272%22 width=%225%22 height=%22144%22/%3E%3Crect x=%221518%22 y=%2282%22 width=%2245%22 height=%224%22/%3E%3Crect x=%22996%22 y=%2268%22 width=%228%22 height=%22146%22/%3E%3Crect x=%22934%22 y=%2262%22 width=%22182%22 height=%226%22/%3E%3Crect x=%221004%22 y=%2254%22 width=%226%22 height=%2214%22/%3E%3Crect x=%221087%22 y=%2268%22 width=%222%22 height=%2266%22/%3E%3Crect x=%221082%22 y=%22134%22 width=%2212%22 height=%227%22/%3E%3Crect x=%22674%22 y=%22102%22 width=%2272%22 height=%2240%22 rx=%224%22/%3E%3Cpath d=%22M670 104l40-19 40 19z%22/%3E%3Cpath d=%22M690 142h4l-6 74h-5zM726 142h4l7 74h-5zM684 180h52v3h-52z%22/%3E%3Cpath d=%22M1328 216l20-176h4l20 176h-5l-17-150-17 150z%22/%3E%3Cpath d=%22M1336 150h28v2h-28zM1340 110h20v2h-20zM1344 76h12v2h-12z%22/%3E%3Cpath d=%22M262 216v-22h46l12 10h20v12zM800 216v-16h30l8-8h26l10 12v12zM1420 216v-18l20-6 34 4v20z%22/%3E%3C/g%3E%3Cg fill=%22none%22 stroke=%22%23141210%22 stroke-width=%221.6%22%3E%3Cpath d=%22M160 76Q340 122 500 82M203 76Q370 118 543 82M520 82Q860 150 1180 78M543 82Q880 142 1223 78M1180 78Q1360 120 1520 84M1223 78Q1390 116 1563 84%22/%3E%3C/g%3E%3Ccircle cx=%221350%22 cy=%2238%22 r=%223.4%22 fill=%22%23d6463a%22/%3E%3Ccircle cx=%221350%22 cy=%2238%22 r=%229%22 fill=%22%23d6463a%22 opacity=%22.25%22/%3E%3C/svg%3E") center bottom/1600px 240px repeat-x,
    radial-gradient(ellipse 46% 60% at 64% 100%,rgba(222,128,62,.62),rgba(196,90,48,.25) 45%,transparent 72%),
    radial-gradient(ellipse 30% 40% at 14% 100%,rgba(196,96,52,.35),transparent 70%),
    linear-gradient(180deg,#141315 0%,#1d191c 26%,#2d2124 50%,#4a2b27 70%,#7b3f29 88%,#9a5130 100%)}
body.theme-variantoak .inner-hero::before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1600 240%22 width=%221600%22 height=%22240%22%3E%3Cpath fill=%22%232c1f1e%22 d=%22M0 240V176h58v-26h42v18h34v-58l12-9 11 10v57h52v-22h74v40h42v-72h20l7-13 8 13h18v62h92v-26h58v34h52v-92h14v-9h30v9h14v92h62v-30l20-15 27 18v27h80v-52h46v42h72v-64h12l4-17 4 17h12v64h62v-26h80v36h52v-60h36v-15h10v15h14v60h72v-32h60v42h56v-48h40v-20h18v68h56V240z%22/%3E%3Cg fill=%22%23141210%22%3E%3Cpath d=%22M0 240v-24c34-9 70-3 104-6 30-2 52-12 90-8 36 4 60 10 98 6 42-5 70-14 116-9 44 5 70 12 118 9 40-3 66-11 110-8 48 4 78 13 124 10 42-3 72-12 116-9 46 3 74 11 122 9 40-2 70-10 112-8 44 2 76 11 120 9 38-2 70-9 108-7 24 1 44 5 62 6V240z%22/%3E%3Crect x=%22178%22 y=%2264%22 width=%225%22 height=%22152%22/%3E%3Crect x=%22158%22 y=%2274%22 width=%2245%22 height=%224%22/%3E%3Crect x=%22518%22 y=%2270%22 width=%225%22 height=%22146%22/%3E%3Crect x=%22498%22 y=%2280%22 width=%2245%22 height=%224%22/%3E%3Crect x=%221198%22 y=%2266%22 width=%225%22 height=%22150%22/%3E%3Crect x=%221178%22 y=%2276%22 width=%2245%22 height=%224%22/%3E%3Crect x=%221538%22 y=%2272%22 width=%225%22 height=%22144%22/%3E%3Crect x=%221518%22 y=%2282%22 width=%2245%22 height=%224%22/%3E%3Crect x=%22996%22 y=%2268%22 width=%228%22 height=%22146%22/%3E%3Crect x=%22934%22 y=%2262%22 width=%22182%22 height=%226%22/%3E%3Crect x=%221004%22 y=%2254%22 width=%226%22 height=%2214%22/%3E%3Crect x=%221087%22 y=%2268%22 width=%222%22 height=%2266%22/%3E%3Crect x=%221082%22 y=%22134%22 width=%2212%22 height=%227%22/%3E%3Crect x=%22674%22 y=%22102%22 width=%2272%22 height=%2240%22 rx=%224%22/%3E%3Cpath d=%22M670 104l40-19 40 19z%22/%3E%3Cpath d=%22M690 142h4l-6 74h-5zM726 142h4l7 74h-5zM684 180h52v3h-52z%22/%3E%3Cpath d=%22M1328 216l20-176h4l20 176h-5l-17-150-17 150z%22/%3E%3Cpath d=%22M1336 150h28v2h-28zM1340 110h20v2h-20zM1344 76h12v2h-12z%22/%3E%3Cpath d=%22M262 216v-22h46l12 10h20v12zM800 216v-16h30l8-8h26l10 12v12zM1420 216v-18l20-6 34 4v20z%22/%3E%3C/g%3E%3Cg fill=%22none%22 stroke=%22%23141210%22 stroke-width=%221.6%22%3E%3Cpath d=%22M160 76Q340 122 500 82M203 76Q370 118 543 82M520 82Q860 150 1180 78M543 82Q880 142 1223 78M1180 78Q1360 120 1520 84M1223 78Q1390 116 1563 84%22/%3E%3C/g%3E%3Ccircle cx=%221350%22 cy=%2238%22 r=%223.4%22 fill=%22%23d6463a%22/%3E%3Ccircle cx=%221350%22 cy=%2238%22 r=%229%22 fill=%22%23d6463a%22 opacity=%22.25%22/%3E%3C/svg%3E") center bottom/1600px 240px repeat-x,
    radial-gradient(ellipse 42% 70% at 74% 100%,rgba(222,128,62,.5),transparent 72%),
    linear-gradient(180deg,#141315 0%,#1f1a1d 34%,#352326 62%,#6e3a28 88%,#8c4a2e 100%)}

/* ---------- home hero: giant H1 across, lead + buttons left, radio terminal right ---------- */
body.theme-variantoak main.wrap>.home-hero{row-gap:0!important}
body.theme-variantoak .home-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto auto auto 1fr;
  grid-template-areas:"eye eye" "h1 h1" "lead run" "act run" ". run";gap:0 56px;align-items:start;text-align:start;
  min-height:0;margin:0;padding:34px 0 118px;background:none;border-radius:0}
body.theme-variantoak .home-hero .hero-copy{display:contents}
body.theme-variantoak .home-hero .eyebrow{grid-area:eye;justify-self:start;margin-bottom:20px}
body.theme-variantoak .home-hero h1{grid-area:h1;max-width:1180px;font-size:clamp(48px,5.4vw,76px);line-height:1.02;font-weight:600;margin:0 0 26px;text-wrap:balance}
body.theme-variantoak .home-hero .hero-lead{grid-area:lead;max-width:470px;margin:6px 0 0;font-size:18px;line-height:1.62;color:var(--chalk2)}
body.theme-variantoak .home-hero .actions{grid-area:act;justify-content:flex-start;margin-top:30px;gap:12px}
body.theme-variantoak .home-hero .agent-run{grid-area:run;align-self:start}
body.theme-variantoak .home-hero::after{content:"";position:absolute;z-index:-1;bottom:0;width:600px;height:420px;pointer-events:none;
  inset-inline-start:calc((100% - 56px) * 5 / 12 - 548px);background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 160 540%22%3E%3Cg fill=%22none%22 stroke=%22%2317130f%22 stroke-linejoin=%22round%22%3E%3Cpath stroke-width=%222.2%22 d=%22M22 540L64 170L74 40L80 14L86 40L96 170L138 540M22 540L130 470M138 540L30 470M30 470H130M30 470L123 410M130 470L37 410M37 410H123M37 410L117 358M123 410L43 358M43 358H117M43 358L112 312M117 358L48 312M48 312H112M48 312L108 272M112 312L52 272M52 272H108M52 272L104 238M108 272L56 238M56 238H104M56 238L100 205M104 238L60 205M60 205H100M60 205L96 170M100 205L64 170M64 170H96M64 170L74 40M96 170L86 40M66 140H94M70 104H90M72 70H88M66 140L90 104M94 140L70 104M70 104L88 70M90 104L72 70M4 92H156M4 92L66 122M156 92L94 122M14 172H146%22/%3E%3C/g%3E%3Cg fill=%22%2317130f%22%3E%3Crect x=%226%22 y=%2292%22 width=%223%22 height=%2216%22/%3E%3Crect x=%22151%22 y=%2292%22 width=%223%22 height=%2216%22/%3E%3Crect x=%2216%22 y=%22172%22 width=%223%22 height=%2216%22/%3E%3Crect x=%22141%22 y=%22172%22 width=%223%22 height=%2216%22/%3E%3C/g%3E%3Ccircle cx=%2280%22 cy=%2212%22 r=%223.2%22 fill=%22%23d6463a%22/%3E%3Ccircle cx=%2280%22 cy=%2212%22 r=%228%22 fill=%22%23d6463a%22 opacity=%22.22%22/%3E%3C/svg%3E") right bottom/124px 420px no-repeat,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 600 420%22%3E%3Cg fill=%22none%22 stroke=%22%2317130f%22 stroke-width=%221.5%22%3E%3Cpath d=%22M479 84Q250 150 0 104M488 146Q260 214 0 178M479 84Q260 132 0 70%22/%3E%3C/g%3E%3C/svg%3E") 0 0/600px 420px no-repeat}
[dir=rtl] body.theme-variantoak .home-hero::after{transform:scaleX(-1)}
body.theme-variantoak .h1-mark{color:var(--sodium);text-shadow:0 0 1px rgba(201,214,74,.6),0 0 22px rgba(201,214,74,.32),0 0 46px rgba(201,214,74,.12)}

/* eyebrow: a chalk-stencilled tag with a rivet */
body.theme-variantoak .eyebrow{display:inline-flex;width:auto;align-items:center;gap:9px;text-transform:none;letter-spacing:.01em;font:700 13.5px/1.2 "PT Sans",Inter,sans-serif;
  color:var(--olive-t);padding:7px 13px 7px 10px;border:1px dashed rgba(201,204,150,.45);border-radius:3px;background:rgba(18,16,13,.45);justify-content:flex-start}
body.theme-variantoak .eyebrow i{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#d7e367,#8f9a2c);box-shadow:0 0 0 2px rgba(0,0,0,.4)}

/* ---------- buttons ---------- */
body.theme-variantoak .button{border-radius:4px;transition:transform .15s,background-color .15s}
body.theme-variantoak .button.primary{background:var(--sodium);color:var(--sodium-ink);font-weight:600;font-size:17.5px;letter-spacing:.015em;padding:15px 24px;gap:14px;border:0;
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.35),0 12px 24px -12px rgba(201,214,74,.55)}
body.theme-variantoak .button.primary:hover{background:var(--sodium-h)}
body.theme-variantoak .button.secondary{color:var(--chalk);border:2px solid rgba(236,230,214,.42);background:rgba(18,16,13,.5);font-size:15px;font-weight:700;padding:13px 20px}
body.theme-variantoak .button.secondary:hover{border-color:var(--chalk)}
body.theme-variantoak .btn-arrow{color:inherit}

/* ---------- agent window: a riveted radio terminal ---------- */
body.theme-variantoak .agent-run{position:relative;overflow:visible;border:2px solid var(--edge2);border-radius:8px;padding:0 12px 12px;color:var(--chalk);
  box-shadow:inset 0 1px 0 rgba(255,236,200,.1),inset 0 -3px 0 rgba(0,0,0,.4),0 0 0 7px rgba(14,12,10,.55),0 36px 60px -24px rgba(0,0,0,.95)}
body.theme-variantoak .agent-run::before{content:"";position:absolute;top:-52px;inset-inline-end:54px;width:14px;height:52px;pointer-events:none;
  background:radial-gradient(circle at 50% 5px,#ef5a4b 0 3.4px,rgba(214,70,58,.35) 4.2px 7px,transparent 7.5px),linear-gradient(#8a7f6a,#4a4337) center 9px/3px 100% no-repeat}
body.theme-variantoak .agent-run::after{content:"";position:absolute;top:-9px;inset-inline-end:44px;width:34px;height:9px;border-radius:3px 3px 0 0;background:linear-gradient(#5d5546,#3a342b);pointer-events:none}
body.theme-variantoak .agent-run-bar{border:0;padding:14px 6px 12px;font:13.5px/1.3 "Cutive Mono",ui-monospace,monospace;color:var(--chalk2);align-items:center}
body.theme-variantoak .agent-run-bar::before{content:"";order:1;flex:1 1 40px;min-width:24px;height:14px;align-self:center;opacity:.9;
  background:repeating-linear-gradient(90deg,#14120f 0 3px,transparent 3px 7px);border-radius:2px}
body.theme-variantoak .agent-run-bar span:first-child{opacity:1}
body.theme-variantoak .agent-run-mode{order:2;color:var(--sodium-ink);background:var(--sodium);padding:4px 10px;border-radius:3px;font:700 12.5px/1.2 "PT Sans",Inter,sans-serif}
body.theme-variantoak .agent-run-body{background:#11120e;background-image:repeating-linear-gradient(0deg,rgba(201,214,74,.025) 0 1px,transparent 1px 3px);
  border:2px solid #0a0a08;border-radius:5px;box-shadow:inset 0 0 44px rgba(0,0,0,.65),0 1px 0 rgba(255,236,200,.08);padding:18px}
body.theme-variantoak .agent-run-prompt span{background:#2e2c22;color:var(--chalk);border:1px solid #3e3b2d;border-radius:4px;border-inline-end:3px solid var(--sodium);font-size:14.5px;line-height:1.5}
body.theme-variantoak .agent-run-steps{gap:7px}
body.theme-variantoak .agent-run-steps li{background:rgba(236,230,214,.03);border:1px solid #2b2c22;border-radius:3px;grid-template-columns:92px minmax(0,1fr) auto;padding:9px 13px}
body.theme-variantoak .ar-tool{color:var(--sodium);font-size:14px;font-weight:400}
body.theme-variantoak .agent-run-steps code{color:#ddd6c2;font-size:14px}
body.theme-variantoak .ar-res{color:var(--chalk2);font-size:13.5px;opacity:1}
body.theme-variantoak .ar-ok{color:#b9cb72}
body.theme-variantoak .agent-run-foot{margin-top:14px}
body.theme-variantoak .agent-run-foot>span:first-child{color:var(--chalk2);opacity:1;font-size:13.5px}
body.theme-variantoak .ar-btn{border-radius:3px;border:1px solid #4d4638;background:#24211c;color:var(--chalk);font-size:13px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.4)}
body.theme-variantoak .ar-btn-primary{background:var(--sodium);border-color:var(--sodium);color:var(--sodium-ink);font-weight:700}

/* ---------- home facts: the seven-day strip (6 facts + red horde night) ---------- */
body.theme-variantoak.page-0 .cards{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;padding:0;margin:-76px 0 0;position:relative;z-index:3;
  border:2px solid var(--edge2);border-radius:6px;overflow:hidden;background:#141210;border-top:0;
  box-shadow:0 0 0 6px rgba(14,12,10,.6),0 30px 50px -24px rgba(0,0,0,.95)}
body.theme-variantoak.page-0 .cards article{position:relative;border:0;border-inline-end:2px solid #13110e;border-radius:0;padding:46px 16px 20px;min-width:0;
  background:var(--day,#4d4639);box-shadow:inset 0 3px 0 var(--dayline,rgba(255,236,200,.18))}
body.theme-variantoak.page-0 .cards article:nth-child(1){--day:linear-gradient(180deg,#5c5443,#514a3b)}
body.theme-variantoak.page-0 .cards article:nth-child(2){--day:linear-gradient(180deg,#544c3d,#4a4336)}
body.theme-variantoak.page-0 .cards article:nth-child(3){--day:linear-gradient(180deg,#4b4437,#423c31)}
body.theme-variantoak.page-0 .cards article:nth-child(4){--day:linear-gradient(180deg,#433d32,#3a352c)}
body.theme-variantoak.page-0 .cards article:nth-child(5){--day:linear-gradient(180deg,#3b362d,#332f28);--dayline:rgba(196,106,58,.4)}
body.theme-variantoak.page-0 .cards article:nth-child(6){--day:linear-gradient(180deg,#332f28,#2b2823);--dayline:rgba(196,106,58,.6)}
body.theme-variantoak.page-0 .cards .number{font:700 13px/1.2 "PT Sans",Inter,sans-serif;opacity:1;color:var(--chalk2);margin:0 0 6px}
body.theme-variantoak.page-0 .cards h3{font-size:clamp(28px,2.6vw,36px);line-height:1.05;margin:0 0 8px;font-weight:600;overflow-wrap:anywhere}
body.theme-variantoak.page-0 .cards p{font-size:14px;line-height:1.45;color:var(--chalk2)}
/* tally marks scratched above each fact: 1..6 days */
body.theme-variantoak.page-0 .cards article::before{content:"";position:absolute;top:16px;inset-inline-start:16px;height:16px;width:calc(var(--n) * 7px - 5px);transform:skewX(-9deg);opacity:.7;
  background:repeating-linear-gradient(90deg,var(--chalk) 0 2px,transparent 2px 7px)}
body.theme-variantoak.page-0 .cards article:nth-child(1){--n:1}
body.theme-variantoak.page-0 .cards article:nth-child(2){--n:2}
body.theme-variantoak.page-0 .cards article:nth-child(3){--n:3}
body.theme-variantoak.page-0 .cards article:nth-child(4){--n:4}
body.theme-variantoak.page-0 .cards article:nth-child(5)::before,body.theme-variantoak.page-0 .cards article:nth-child(6)::before{width:42px;
  background:linear-gradient(to top right,transparent calc(50% - 1.2px),var(--chalk) calc(50% - 1.2px) calc(50% + 1.2px),transparent calc(50% + 1.2px)) 0 0/32px 100% no-repeat,
    repeating-linear-gradient(90deg,var(--chalk) 0 2px,transparent 2px 7px) 2px 0/30px 100% no-repeat,
    linear-gradient(var(--chalk),var(--chalk)) 40px 0/2px 100% no-repeat}
body.theme-variantoak.page-0 .cards article:nth-child(5)::before{width:34px}
/* the seventh cell: horde night — a red plate with a pale moon and a full week of tallies */
body.theme-variantoak.page-0 .cards::after{content:"";display:block;min-height:150px;position:relative;
  background:radial-gradient(circle at calc(50% + 12px) 46%,#6e1f17 0 21px,transparent 22px),radial-gradient(circle at 50% 50%,#f2e6cf 0 25px,rgba(242,230,207,.18) 27px 40px,transparent 44px),
    linear-gradient(to top right,transparent calc(50% - 1.2px),rgba(242,230,207,.75) calc(50% - 1.2px) calc(50% + 1.2px),transparent calc(50% + 1.2px)) 16px 16px/32px 16px no-repeat,
    repeating-linear-gradient(90deg,rgba(242,230,207,.75) 0 2px,transparent 2px 7px) 18px 16px/30px 16px no-repeat,
    repeating-linear-gradient(90deg,rgba(242,230,207,.75) 0 2px,transparent 2px 7px) 56px 16px/9px 16px no-repeat,
    repeating-linear-gradient(-45deg,rgba(0,0,0,.18) 0 6px,transparent 6px 12px),linear-gradient(180deg,#a52e23,#7c241b);
  box-shadow:inset 0 3px 0 #e2493a}

/* ---------- keyword section: a wide plate, slightly off-square ---------- */
body.theme-variantoak .scenario{position:relative;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);grid-template-rows:auto 1fr;column-gap:52px;align-items:start;
  margin:50px 0 0;padding:40px 46px 40px;transform:rotate(-.35deg);max-width:none}
body.theme-variantoak .scenario .eyebrow{grid-column:1;justify-self:start;margin-bottom:18px}
body.theme-variantoak .scenario h2{grid-column:1;margin:0;font-size:clamp(32px,3.4vw,48px);line-height:1.08}
body.theme-variantoak .scenario p{grid-column:2;grid-row:1/3;margin:0;align-self:end;font-size:17px;line-height:1.7}
body.theme-variantoak .scenario::after{content:"";position:absolute;top:-58px;inset-inline-end:46px;width:92px;height:92px;pointer-events:none;opacity:.85;filter:blur(.5px) drop-shadow(0 0 5px rgba(196,106,58,.6));
  background:radial-gradient(circle,transparent 0 44%,var(--rust2) 45% 66%,transparent 67%);
  -webkit-mask:repeating-conic-gradient(from -5deg,transparent 0 10deg,#000 10deg 90deg);mask:repeating-conic-gradient(from -5deg,transparent 0 10deg,#000 10deg 90deg)}

/* ---------- walkthroughs: four job plates, staggered ---------- */
body.theme-variantoak .reading:has(> .steps){max-width:none;padding:46px 0 0}
body.theme-variantoak .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:stretch}
body.theme-variantoak .steps article{position:relative;padding:26px 30px 26px;border-top:1px solid var(--edge);min-width:0;display:flex;flex-direction:column}
body.theme-variantoak .steps article:nth-child(odd){transform:rotate(.3deg)}
body.theme-variantoak .steps article:nth-child(even){transform:translateY(24px) rotate(-.4deg)}
body.theme-variantoak .steps .number{position:static;order:-1;font:700 52px/1 Oswald,Inter,sans-serif;color:var(--sodium);opacity:1;margin:0 0 14px;letter-spacing:.01em;
  text-shadow:0 0 18px rgba(201,214,74,.3)}
body.theme-variantoak .steps h3{font-size:25px;line-height:1.15;margin:0 0 12px;padding-inline-end:70px}
body.theme-variantoak .steps p{font-size:15.5px;line-height:1.62;color:var(--chalk2)}
body.theme-variantoak .steps article::after{content:"";position:absolute;top:30px;inset-inline-end:30px;width:46px;height:46px;pointer-events:none;opacity:.8;filter:blur(.4px) drop-shadow(0 0 4px var(--mk))}
body.theme-variantoak .steps article:nth-child(4n+1){--mk:rgba(196,106,58,.7)}
body.theme-variantoak .steps article:nth-child(4n+1)::after{background:radial-gradient(circle,transparent 0 40%,var(--rust2) 41% 66%,transparent 67%);
  -webkit-mask:repeating-conic-gradient(from -6deg,transparent 0 12deg,#000 12deg 90deg);mask:repeating-conic-gradient(from -6deg,transparent 0 12deg,#000 12deg 90deg)}
body.theme-variantoak .steps article:nth-child(4n+2){--mk:rgba(201,204,150,.6)}
body.theme-variantoak .steps article:nth-child(4n+2)::after{background:var(--olive-t);clip-path:polygon(50% 4%,96% 92%,4% 92%,50% 4%,50% 30%,24% 80%,76% 80%,50% 30%);
  -webkit-mask:linear-gradient(90deg,#000 0 46%,transparent 46% 54%,#000 54%);mask:linear-gradient(90deg,#000 0 46%,transparent 46% 54%,#000 54%)}
body.theme-variantoak .steps article:nth-child(4n+3){--mk:rgba(236,230,214,.5)}
body.theme-variantoak .steps article:nth-child(4n+3)::after{box-sizing:border-box;border:9px solid var(--chalk2);
  -webkit-mask:linear-gradient(#000 0 0),linear-gradient(90deg,transparent 0 44%,#000 44% 56%,transparent 56%);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) exclude,linear-gradient(90deg,transparent 0 44%,#000 44% 56%,transparent 56%)}
body.theme-variantoak .steps article:nth-child(4n){--mk:rgba(226,73,58,.6)}
body.theme-variantoak .steps article:nth-child(4n)::after{background:linear-gradient(45deg,transparent 0 42%,#d34a3c 42% 58%,transparent 58%),linear-gradient(-45deg,transparent 0 42%,#d34a3c 42% 58%,transparent 58%)}
body.theme-variantoak .reading:has(> .steps)>p{margin:46px 0 0}
body.theme-variantoak .steps article .code-example{margin-top:20px}

/* code blocks: a dark terminal inset */
body.theme-variantoak .code-example{background:#131210;border:1px solid #403a30;border-radius:4px;color:#ddd6c2;box-shadow:inset 0 2px 14px rgba(0,0,0,.5)}
body.theme-variantoak .code-example>div{background:#1d1b17;border-bottom:1px solid #2f2b24;font:700 13px/1.3 "PT Sans",Inter,sans-serif;color:var(--chalk2);padding:11px 14px;align-items:center}
body.theme-variantoak .code-example button{background:#2d2a23;color:var(--chalk);border:1px solid #4d4638;border-radius:3px;font-size:12px;padding:5px 10px}
body.theme-variantoak .code-example pre{font-size:14px;line-height:1.75;padding:16px 18px;color:#ddd6c2}

/* ---------- comparison table: a clipboard config sheet ---------- */
body.theme-variantoak .feature-matrix{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-rows:auto auto 1fr;column-gap:70px;
  margin:84px 0 0;padding:20px 0 24px;max-width:none;align-items:start}
body.theme-variantoak .feature-matrix>h2{grid-column:1;grid-row:1;margin:0 0 18px;font-size:clamp(30px,3vw,42px);line-height:1.1}
body.theme-variantoak .feature-matrix>p{grid-column:1;grid-row:2;margin:0;opacity:1;color:var(--chalk2);font-size:16.5px;line-height:1.7}
body.theme-variantoak .feature-matrix table{grid-column:2;grid-row:1/4;width:100%;border-collapse:separate;border-spacing:0;background:var(--paper);color:var(--paper-ink);
  border-radius:3px;padding:34px 22px 18px;transform:rotate(.45deg);
  background-image:linear-gradient(180deg,rgba(122,58,28,.06),transparent 30%),repeating-linear-gradient(0deg,transparent 0 37px,rgba(42,37,30,.035) 37px 38px);
  box-shadow:0 0 0 16px #5a3622,0 0 0 18px #3c2417,0 0 0 19px #6b4128,0 34px 46px 2px rgba(0,0,0,.8)}
body.theme-variantoak .feature-matrix::after{content:"";position:absolute;top:-8px;width:150px;height:44px;pointer-events:none;z-index:2;
  inset-inline-start:calc((100% - 70px) * 4 / 12 + 70px + (100% - 70px) * 8 / 24 - 75px);border-radius:8px 8px 4px 4px;
  background:radial-gradient(ellipse 22px 9px at 50% 13px,#1d1b17 0 98%,transparent 100%),linear-gradient(180deg,#b6ac98,#7d7464 60%,#5e574a);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 10px rgba(0,0,0,.55)}
body.theme-variantoak .feature-matrix th,body.theme-variantoak .feature-matrix td{padding:14px 16px;text-align:start;vertical-align:top;border:0;border-bottom:1px dashed rgba(42,37,30,.3);font-size:15.5px;line-height:1.5;color:var(--paper-ink);background:none}
body.theme-variantoak .feature-matrix thead th{font:600 19px/1.2 Oswald,Inter,sans-serif;color:var(--paper-ink);border-bottom:2px solid rgba(42,37,30,.6);padding-bottom:12px}
html:is([lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-variantoak .feature-matrix thead th{font:800 16px/1.3 Inter,sans-serif}
body.theme-variantoak .feature-matrix thead th:last-child{background:var(--sodium);color:var(--sodium-ink);border-radius:3px 3px 0 0}
body.theme-variantoak .feature-matrix tbody td:last-child{background:rgba(201,214,74,.3)}
body.theme-variantoak .feature-matrix tbody th{color:var(--paper-key);font-size:15.5px;font-weight:400;width:24%}
body.theme-variantoak .feature-matrix tbody tr:last-child>*{border-bottom:0}

/* ---------- setup: an olive plate with scratched tallies ---------- */
body.theme-variantoak .split-section{border-top:0;max-width:none}
body.theme-variantoak.page-0 .split-section{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;align-items:start;margin:76px 0 0;padding:38px 44px 40px;transform:rotate(.3deg);
  --face:linear-gradient(176deg,rgba(255,236,200,.05),rgba(0,0,0,.1)),repeating-linear-gradient(90deg,rgba(255,240,210,.016) 0 2px,transparent 2px 5px),linear-gradient(180deg,#575a3a,#4a4d32);
  background-image:var(--rv),var(--rv),var(--rv),var(--rv),var(--face);background-size:var(--bgs);background-position:var(--bgp);background-repeat:no-repeat;
  border:1px solid #6b6e48;border-radius:5px;box-shadow:inset 0 1px 0 rgba(255,236,200,.1),inset 0 -2px 0 rgba(0,0,0,.35),0 24px 36px -22px rgba(0,0,0,.9)}
body.theme-variantoak.page-0 .split-section h2{margin:0;font-size:clamp(30px,3vw,42px)}
body.theme-variantoak .setup{list-style:none;margin:0;padding:0}
body.theme-variantoak .setup li{position:relative;padding:0;color:var(--chalk);line-height:1.6}
body.theme-variantoak .setup li::before{content:"";display:block;height:20px;width:calc(var(--n,1) * 8px - 5px);margin:0 0 14px;transform:skewX(-10deg);
  background:repeating-linear-gradient(90deg,var(--chalk) 0 3px,transparent 3px 8px);opacity:.8;filter:drop-shadow(0 1px 0 rgba(0,0,0,.4))}
body.theme-variantoak .setup li:nth-child(1){--n:1}
body.theme-variantoak .setup li:nth-child(2){--n:2}
body.theme-variantoak .setup li:nth-child(3){--n:3}
body.theme-variantoak .setup li:nth-child(4){--n:4}
body.theme-variantoak .setup li:nth-child(5){--n:5}
body.theme-variantoak.page-0 .setup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
body.theme-variantoak.page-0 .setup li{padding:4px 26px 0;border-inline-start:2px solid rgba(20,18,15,.35);box-shadow:inset 2px 0 0 rgba(255,236,200,.08);font-size:16px}
[dir=rtl] body.theme-variantoak.page-0 .setup li{box-shadow:inset -2px 0 0 rgba(255,236,200,.08)}
body.theme-variantoak.page-0 .setup li:first-child{padding-inline-start:0;border:0;box-shadow:none}

/* ---------- who it is for: a torn-edge night band ---------- */
body.theme-variantoak.page-0 .split-section+.reading{position:relative;z-index:0;max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:0;
  margin:60px 0 0;padding:64px 0 58px}
body.theme-variantoak.page-0 .split-section+.reading::before{content:"";position:absolute;z-index:-1;inset-block:0;inset-inline:calc(50% - 50vw);pointer-events:none;
  background:radial-gradient(ellipse 30% 70% at 88% 0%,rgba(196,106,58,.16),transparent 70%),repeating-linear-gradient(90deg,rgba(255,236,200,.012) 0 2px,transparent 2px 6px),#161412;
  clip-path:polygon(0 18px,6% 6px,13% 20px,21% 4px,30% 16px,38% 0,47% 14px,55% 5px,63% 19px,72% 3px,80% 15px,88% 2px,95% 14px,100% 6px,100% calc(100% - 12px),93% calc(100% - 2px),85% calc(100% - 16px),76% calc(100% - 4px),67% 100%,58% calc(100% - 14px),49% calc(100% - 2px),40% calc(100% - 18px),31% calc(100% - 5px),22% calc(100% - 15px),12% 100%,5% calc(100% - 12px),0 calc(100% - 3px))}
body.theme-variantoak.page-0 .split-section+.reading>h2{grid-column:1/-1;margin:0 0 30px;font-size:clamp(30px,3vw,42px)}
body.theme-variantoak.page-0 .split-section+.reading>p{margin:0;padding:6px 30px 0;font-size:16.5px;line-height:1.72;border-inline-start:3px dotted rgba(196,106,58,.6)}
body.theme-variantoak.page-0 .split-section+.reading>p:nth-of-type(1){padding-inline-start:0;border:0}

/* ---------- FAQ: steel drawers, first one full width, the rest in a two-column grid ---------- */
body.theme-variantoak .faq{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;align-items:start;margin:66px 0 0}
body.theme-variantoak .faq>h2{grid-column:1/-1;margin:0 0 14px;font-size:clamp(30px,3vw,42px)}
body.theme-variantoak .faq details{padding:16px 24px 16px 22px;border-top:1px solid var(--edge);min-width:0}
body.theme-variantoak .faq details:first-of-type:nth-last-of-type(odd){grid-column:1/-1}
body.theme-variantoak .faq details[open]{border-inline-start:4px solid var(--rust2)}
body.theme-variantoak .faq summary{list-style:none;display:flex;gap:14px;align-items:flex-start;font-size:19.5px;font-weight:500;line-height:1.3;color:var(--chalk)}
html:is([lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-variantoak .faq summary{font-size:17px}
body.theme-variantoak .faq summary::-webkit-details-marker{display:none}
body.theme-variantoak .faq summary::before{content:"";flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;
  background:linear-gradient(var(--chalk),var(--chalk)) center/11px 2.4px no-repeat,linear-gradient(var(--chalk),var(--chalk)) center/2.4px 11px no-repeat,radial-gradient(circle at 40% 35%,#6e6553,#3b352c);
  box-shadow:0 0 0 1px #15130f,inset 0 1px 0 rgba(255,255,255,.2);transition:transform .2s}
body.theme-variantoak .faq details[open]>summary::before{transform:rotate(45deg);background:linear-gradient(var(--sodium-ink),var(--sodium-ink)) center/11px 2.4px no-repeat,linear-gradient(var(--sodium-ink),var(--sodium-ink)) center/2.4px 11px no-repeat,var(--sodium)}
body.theme-variantoak .faq details p{margin:12px 0 0;padding-inline-start:36px;font-size:16px;line-height:1.66;max-width:none;color:var(--chalk2)}
body.theme-variantoak .faq details:first-of-type:nth-last-of-type(odd) p{max-width:900px}

/* ---------- closing: the horde-night plate ---------- */
body.theme-variantoak .closing{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-template-areas:"tag art" "h2 art" "p art" "btn art";justify-items:start;text-align:start;
  margin:72px 0 0;padding:50px 52px 48px;border-radius:5px;border:2px solid #6e2a20;color:var(--chalk);
  background:repeating-linear-gradient(-45deg,var(--horde) 0 14px,#1b1110 14px 28px) top/100% 12px no-repeat,repeating-linear-gradient(-45deg,var(--horde) 0 14px,#1b1110 14px 28px) bottom/100% 12px no-repeat,
    radial-gradient(ellipse 40% 80% at 84% 50%,rgba(194,56,43,.32),transparent 70%),linear-gradient(160deg,#4a1f19,#2b1512);
  box-shadow:0 30px 50px -26px rgba(0,0,0,.95)}
body.theme-variantoak .closing>span{grid-area:tag;font:700 13.5px/1.2 "PT Sans",Inter,sans-serif;letter-spacing:.01em;text-transform:none;color:#f0d8cc;padding:6px 12px;border:1px dashed rgba(240,216,204,.5);border-radius:3px}
body.theme-variantoak .closing h2{grid-area:h2;margin:18px 0 14px;max-width:760px;font-size:clamp(34px,3.8vw,54px);line-height:1.05}
body.theme-variantoak .closing p{grid-area:p;margin:0 0 28px;max-width:640px;color:#e8d6cb;font-size:17px}
body.theme-variantoak .closing .button{grid-area:btn}
body.theme-variantoak .closing::after{content:"";grid-area:art;align-self:center;justify-self:center;width:170px;height:170px;pointer-events:none;
  background:radial-gradient(circle at 63% 40%,#3a1813 0 56px,transparent 57px),radial-gradient(circle,#f2e6cf 0 68px,rgba(242,230,207,.14) 70px 82px,transparent 84px)}

/* ---------- useful links: riveted tags ---------- */
body.theme-variantoak.page-0 main>.reading:last-child{max-width:none;padding:64px 0 36px}
body.theme-variantoak.page-0 main>.reading:last-child>h2{margin:0 0 8px;font-size:clamp(28px,2.8vw,38px)}
body.theme-variantoak.page-0 main>.reading:last-child>p:first-of-type{margin:0 0 26px}
body.theme-variantoak.page-0 main>.reading:last-child>p:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
body.theme-variantoak .reading .text-link{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0;padding:18px 20px 18px 22px;min-height:76px;
  font-size:16px;font-weight:700;line-height:1.35;text-decoration:none;color:var(--chalk);transition:border-color .15s}
body.theme-variantoak .reading .text-link:hover{border-color:var(--sodium)}
body.theme-variantoak .text-link .link-arrow{color:var(--sodium)}

/* ---------- footer ---------- */
body.theme-variantoak footer.wrap{margin-top:20px;margin-bottom:22px;padding:28px 34px 24px;border-top:1px solid var(--edge);color:var(--chalk)}
body.theme-variantoak footer .brand{font:600 21px/1 Oswald,Inter,sans-serif;color:var(--chalk)}
body.theme-variantoak footer nav{margin:24px 0 22px;gap:8px 24px;font-size:14.5px}
body.theme-variantoak footer nav a{color:var(--chalk2)}
body.theme-variantoak footer nav a:hover{color:var(--sodium)}
body.theme-variantoak .footer-bottom{font-size:13px;opacity:1;color:var(--chalk2);border-top:1px dashed rgba(236,230,214,.2);padding-top:16px;flex-wrap:wrap}

/* =================== inner pages =================== */
body.theme-variantoak .inner-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;min-height:0;padding:62px 0 118px}
body.theme-variantoak .inner-hero .hero-copy{max-width:none;margin:0}
body.theme-variantoak .inner-hero .eyebrow{margin-bottom:20px}
body.theme-variantoak .inner-hero h1{font-size:clamp(40px,4.6vw,66px);line-height:1.04;margin:0;max-width:940px}
body.theme-variantoak .inner-hero .hero-copy::after{content:"";display:block;width:274px;height:14px;margin-top:30px;
  background:linear-gradient(var(--sodium),var(--sodium)) calc((var(--pg,1) - 1) * 40px) 0/34px 100% no-repeat,
    linear-gradient(var(--horde),var(--horde)) 240px 0/34px 100% no-repeat,
    repeating-linear-gradient(90deg,rgba(236,230,214,.24) 0 34px,transparent 34px 40px);box-shadow:none;filter:drop-shadow(0 0 6px rgba(201,214,74,.25))}
[dir=rtl] body.theme-variantoak .inner-hero .hero-copy::after{transform:scaleX(-1)}
body.theme-variantoak.page-1{--pg:1}body.theme-variantoak.page-2{--pg:2}body.theme-variantoak.page-3{--pg:3}body.theme-variantoak.page-4{--pg:4}
body.theme-variantoak.page-5{--pg:5}body.theme-variantoak.page-6{--pg:6}
body.theme-variantoak .hero-number{opacity:1;font-size:108px;line-height:1;font-weight:700;letter-spacing:.01em;color:var(--sodium);padding:14px 30px 18px;transform:rotate(2.5deg);margin-bottom:6px;
  text-shadow:0 0 22px rgba(201,214,74,.35);border:2px solid var(--edge2);border-radius:6px;
  background-image:var(--rv),var(--rv),var(--rv),var(--rv),var(--face);background-size:var(--bgs);background-position:var(--bgp);background-repeat:no-repeat;
  box-shadow:0 0 0 6px rgba(14,12,10,.55),0 26px 40px -20px rgba(0,0,0,.9)}

/* spec-sheet reading: label column + content column */
body.theme-variantoak:not(.page-0) .reading:not(.privacy):not(:has(> .steps)):not(:has(> .feature-list)){max-width:none;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:56px;padding:20px 0 40px;margin-top:40px}
body.theme-variantoak:not(.page-0) .reading:not(.privacy):not(:has(> .steps)):not(:has(> .feature-list))>*{grid-column:2;min-width:0}
body.theme-variantoak:not(.page-0) .reading:not(.privacy):not(:has(> .steps)):not(:has(> .feature-list))>:is(h2,h3){grid-column:1}
body.theme-variantoak:not(.page-0) .reading:not(.privacy):not(:has(> .steps)):not(:has(> .feature-list))>h2:has(+ h3){grid-column:1/-1;margin:0 0 6px}
body.theme-variantoak:not(.page-0) .reading:not(.privacy):not(:has(> .steps)):not(:has(> .feature-list))>p.large:only-child{grid-column:1/-1;max-width:900px}
body.theme-variantoak:not(.page-0) .reading:not(.privacy)>h2{font-size:clamp(28px,2.7vw,38px);line-height:1.12}
body.theme-variantoak:not(.page-0) .reading:not(.privacy):not(:has(> .steps)):not(:has(> .feature-list))>:is(h3,h2:not(:has(+ h3)),h3+p,h2:not(:has(+ h3))+p,h2:not(:has(+ h3))+.code-example){
  margin:0;padding-top:22px;margin-top:22px;border-top:2px solid #3b352d;box-shadow:0 -1px 0 rgba(255,236,200,.04)}
body.theme-variantoak:not(.page-0) .reading:not(.privacy):not(:has(> .steps)):not(:has(> .feature-list))>h2:first-child:not(:has(+ h3)),
body.theme-variantoak:not(.page-0) .reading:not(.privacy):not(:has(> .steps)):not(:has(> .feature-list))>h2:first-child:not(:has(+ h3))+p{border-top:0;margin-top:0;padding-top:0}
body.theme-variantoak:not(.page-0) .reading:not(.privacy):not(:has(> .steps)):not(:has(> .feature-list))>h3{font-size:23px;line-height:1.2;color:var(--chalk)}
body.theme-variantoak:not(.page-0) .reading:not(.privacy):not(:has(> .steps)):not(:has(> .feature-list))>h3::before{content:"";display:block;width:28px;height:4px;margin:0 0 12px;background:var(--rust2);transform:skewX(-14deg)}
body.theme-variantoak:not(.page-0) .reading:not(.privacy):not(:has(> .steps)):not(:has(> .feature-list))>p{font-size:16.5px;line-height:1.74;margin-bottom:0}
body.theme-variantoak:not(.page-0) .reading:not(.privacy):not(:has(> .steps)):not(:has(> .feature-list))>p+p{margin-top:14px}
body.theme-variantoak:not(.page-0) .reading:not(.privacy):not(:has(> .steps)):not(:has(> .feature-list))>.code-example+p{margin-top:16px}
body.theme-variantoak .large{font-size:21px;line-height:1.6;color:var(--chalk)}
body.theme-variantoak .notice{position:relative;border:0;border-radius:4px;padding:20px 24px 20px 30px;color:var(--chalk);
  background:repeating-linear-gradient(-45deg,var(--horde) 0 9px,#1b1110 9px 18px) 0 0/8px 100% no-repeat,linear-gradient(180deg,#36201b,#2c1b17);border:1px solid #5a2a20}
[dir=rtl] body.theme-variantoak .notice{background-position:100% 0,0 0;padding:20px 30px 20px 24px}
body.theme-variantoak .notice strong{font:600 19px/1.2 Oswald,Inter,sans-serif;color:#f0d8cc}
body.theme-variantoak .notice p{color:#e2d3c8;font-size:15.5px;line-height:1.65}

/* product */
body.theme-variantoak .product-lead{max-width:none;margin:58px 0 0;padding:0 0 10px}
body.theme-variantoak .product-lead .large{max-width:900px;padding-inline-start:28px;border-inline-start:5px solid var(--rust2);margin:0}
body.theme-variantoak.page-1 .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;border:0;padding:44px 0 30px;margin:0}
body.theme-variantoak.page-1 .cards article{padding:28px 28px 30px;min-width:0}
body.theme-variantoak.page-1 .cards article:nth-child(1){transform:rotate(-.5deg)}
body.theme-variantoak.page-1 .cards article:nth-child(2){transform:translateY(16px) rotate(.4deg)}
body.theme-variantoak.page-1 .cards article:nth-child(3){transform:rotate(-.2deg)}
body.theme-variantoak.page-1 .cards .number{font:700 46px/1 Oswald,Inter,sans-serif;color:var(--sodium);opacity:1;margin:0 0 16px;text-shadow:0 0 16px rgba(201,214,74,.28)}
body.theme-variantoak.page-1 .cards h3{font-size:25px;margin:0 0 10px}
body.theme-variantoak.page-1 .cards p{font-size:15.5px;line-height:1.62;color:var(--chalk2)}
/* feature list = clipboard config sheet of key/value rows */
body.theme-variantoak .reading:has(> .feature-list){max-width:none;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:70px;align-items:start;margin-top:70px;padding:30px 0 60px}
body.theme-variantoak .reading:has(> .feature-list)>h2{grid-column:1;margin:0;font-size:clamp(28px,2.7vw,38px);line-height:1.12}
body.theme-variantoak .feature-list{grid-column:2;position:relative;display:block;margin:0;padding:38px 26px 14px;background:var(--paper);color:var(--paper-ink);border-radius:3px;transform:rotate(-.35deg);
  background-image:linear-gradient(180deg,rgba(122,58,28,.06),transparent 30%);
  box-shadow:0 0 0 16px #5a3622,0 0 0 18px #3c2417,0 0 0 19px #6b4128,0 34px 46px 2px rgba(0,0,0,.8)}
body.theme-variantoak .feature-list::before{content:"";position:absolute;top:-28px;inset-inline-start:calc(50% - 75px);width:150px;height:44px;border-radius:8px 8px 4px 4px;
  background:radial-gradient(ellipse 22px 9px at 50% 13px,#1d1b17 0 98%,transparent 100%),linear-gradient(180deg,#b6ac98,#7d7464 60%,#5e574a);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 10px rgba(0,0,0,.55)}
body.theme-variantoak .feature-list li{display:grid;grid-template-columns:minmax(0,30%) minmax(0,1fr);column-gap:20px;align-items:baseline;background:none;border:0;border-radius:0;
  border-bottom:1px dashed rgba(42,37,30,.3);padding:13px 0;font-size:15.5px;line-height:1.55;color:var(--paper-ink);grid-row:auto}
body.theme-variantoak .feature-list li:first-child{grid-row:auto}
body.theme-variantoak .feature-list li:last-child{border-bottom:0}
body.theme-variantoak .feature-list strong{color:var(--paper-key);font-weight:400;font-size:15.5px;margin:0}
/* product + models split: copy left, terminal right */
body.theme-variantoak:not(.page-0) .split-section{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:60px;align-items:center;padding:60px 0 50px;margin-top:30px}
body.theme-variantoak:not(.page-0) .split-section>div:first-child h2{font-size:clamp(28px,2.7vw,38px);line-height:1.12;margin:0 0 16px}
body.theme-variantoak:not(.page-0) .split-section>div:first-child p{max-width:none;font-size:16.5px;line-height:1.72}
body.theme-variantoak:not(.page-0) .split-section .agent-run{margin-top:46px}

/* models: the connection as junction boxes on a cable */
body.theme-variantoak .connection{position:relative;border:0;border-radius:0;padding:34px 0;margin:30px 0 30px;gap:0;font-size:clamp(17px,2vw,24px)}
body.theme-variantoak .connection span{position:relative;z-index:1;padding:26px 30px;font-weight:600;color:var(--chalk);text-align:center;min-width:0;overflow-wrap:anywhere}
body.theme-variantoak .connection span:last-child{border-color:var(--sodium);box-shadow:0 0 0 2px rgba(201,214,74,.25),0 22px 34px -22px rgba(0,0,0,.9)}
body.theme-variantoak .connection b{position:relative;flex:1 1 60px;display:flex;justify-content:center;align-items:center;min-width:44px;color:var(--sodium-ink);font-size:20px}
body.theme-variantoak .connection::before{content:"";position:absolute;inset-inline:8%;top:50%;height:8px;margin-top:-4px;border-radius:4px;z-index:0;pointer-events:none;
  background:repeating-linear-gradient(90deg,#2c2620 0 10px,#4a3e30 10px 12px),#2c2620;box-shadow:0 2px 0 rgba(0,0,0,.5),inset 0 1px 0 rgba(255,236,200,.1)}
body.theme-variantoak .connection b{z-index:1;background:radial-gradient(circle,var(--sodium) 0 15px,#15130f 15.5px 17px,transparent 17.5px) center/36px 36px no-repeat}

/* workflows */
body.theme-variantoak.page-3 .scenario{margin-top:56px}
body.theme-variantoak .workflow-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:60px;align-items:start}
body.theme-variantoak .workflow-grid>div:first-child{min-width:0}
body.theme-variantoak .workflow-grid .steps{grid-template-columns:minmax(0,1fr);gap:18px}
body.theme-variantoak .workflow-grid .steps article{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:8px;padding:24px 26px 24px 20px;transform:none}
body.theme-variantoak .workflow-grid .steps article:nth-child(odd){transform:rotate(-.25deg)}
body.theme-variantoak .workflow-grid .steps article:nth-child(even){transform:rotate(.25deg)}
body.theme-variantoak .workflow-grid .steps .number{grid-column:1;grid-row:1/3;font-size:44px;margin:0}
body.theme-variantoak .workflow-grid .steps :is(h3,p){grid-column:2}
body.theme-variantoak .workflow-grid .steps h3{font-size:22px;padding-inline-end:46px;margin-bottom:8px}
body.theme-variantoak .workflow-grid .steps p{font-size:15.5px;line-height:1.62}
body.theme-variantoak .workflow-grid .steps article::after{top:22px;inset-inline-end:22px;width:34px;height:34px}
body.theme-variantoak .workflow-grid .sticky-example{position:static;padding:28px 28px 26px;min-width:0}
body.theme-variantoak .sticky-example h2{font-size:clamp(26px,2.4vw,34px);margin:0 0 54px}
body.theme-variantoak .sticky-example .agent-run{margin:0 0 22px}
body.theme-variantoak .sticky-example>p{opacity:1;color:var(--chalk2);font-size:15px;margin:18px 0 0}

/* download */
body.theme-variantoak .download-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;margin:58px 0 30px;align-items:start}
body.theme-variantoak .download-card{text-align:start;padding:40px 36px 38px;transform:rotate(-.6deg);position:relative;min-width:0}
body.theme-variantoak .app-icon{margin:0 0 24px;width:96px;height:96px;border-radius:8px;color:var(--sodium-ink);background:var(--sodium);font:700 58px/1 Oswald,Inter,sans-serif;
  box-shadow:inset 0 -4px 0 rgba(0,0,0,.25),0 0 0 5px #2a2621,0 0 0 7px var(--edge2),0 18px 30px -12px rgba(0,0,0,.8)}
body.theme-variantoak .download-card h2{font-size:42px;margin:0 0 10px}
body.theme-variantoak .download-card p{color:var(--chalk2);font-size:16px;margin:0 0 24px}
body.theme-variantoak .download-grid>div:last-child{min-width:0}
body.theme-variantoak .download-grid>div:last-child>.large{margin:0 0 26px}
body.theme-variantoak:not(.page-0) .setup{display:grid;gap:12px;margin:0 0 26px}
body.theme-variantoak:not(.page-0) .setup li{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;padding:14px 18px 14px 14px;background:rgba(18,16,13,.4);border:1px solid #3d372e;border-radius:4px;font-size:16px}
body.theme-variantoak:not(.page-0) .setup li::before{margin:3px 0 0}

/* faq page: three cabinets */
body.theme-variantoak.page-5 .faq{margin:56px 0 0}
body.theme-variantoak.page-5 .faq+.faq{margin-top:64px}
body.theme-variantoak.page-5 .faq>h2{display:flex;align-items:center;gap:16px}
body.theme-variantoak.page-5 .faq>h2::before{content:"";flex:none;width:30px;height:30px;border-radius:50%;opacity:.85;background:radial-gradient(circle,transparent 0 38%,var(--rust2) 39% 66%,transparent 67%);
  -webkit-mask:repeating-conic-gradient(from -6deg,transparent 0 12deg,#000 12deg 90deg);mask:repeating-conic-gradient(from -6deg,transparent 0 12deg,#000 12deg 90deg)}

/* privacy: plates bolted at alternating offsets */
body.theme-variantoak .privacy{max-width:none;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px 0;padding:56px 0 30px}
body.theme-variantoak .privacy article{grid-column:1/10;padding:32px 36px 22px;border-top:1px solid var(--edge);min-width:0}
body.theme-variantoak .privacy article:nth-of-type(even){grid-column:4/13;transform:rotate(.3deg)}
body.theme-variantoak .privacy article:nth-of-type(odd){transform:rotate(-.25deg)}
body.theme-variantoak .privacy article h2{font-size:clamp(26px,2.4vw,34px);margin:0 0 14px;display:flex;align-items:center;gap:14px}
body.theme-variantoak .privacy article h2::before{content:"";flex:none;width:12px;height:26px;background:var(--rust2);transform:skewX(-14deg)}
body.theme-variantoak .privacy p{font-size:16.5px;line-height:1.72;color:var(--chalk2)}
body.theme-variantoak .privacy .updated{grid-column:1/-1;font-size:14px!important;opacity:1!important;color:var(--chalk2);margin:8px 0 0}

/* inner closings follow the same plate, a bit tighter */
body.theme-variantoak:not(.page-0) .closing{margin-top:64px;grid-template-areas:"tag art" "h2 art" "btn art"}

/* =================== responsive =================== */
@media (max-width:1100px){
  body.theme-variantoak.page-0 .cards{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.theme-variantoak.page-0 .cards article:nth-child(4){border-inline-end:0}
  body.theme-variantoak.page-0 .cards article:nth-child(-n+4){border-bottom:2px solid #13110e}
  body.theme-variantoak.page-0 .cards::after{grid-column:4}
}
@media (max-width:900px){
  body.theme-variantoak .home-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"eye" "h1" "lead" "act" "run";grid-template-rows:none;padding:34px 0 150px}
  body.theme-variantoak .home-hero .agent-run{margin-top:70px}
  body.theme-variantoak .scenario,body.theme-variantoak .feature-matrix,body.theme-variantoak .reading:has(> .feature-list){grid-template-columns:minmax(0,1fr)}
  body.theme-variantoak .scenario p{grid-column:1;grid-row:auto;margin-top:18px}
  body.theme-variantoak .feature-matrix>:is(h2,p),body.theme-variantoak .feature-matrix table{grid-column:1;grid-row:auto}
  body.theme-variantoak .feature-matrix table{margin-top:54px}
  body.theme-variantoak .feature-matrix::after{top:auto;display:none}
  body.theme-variantoak .reading:has(> .feature-list)>h2{margin-bottom:54px}
  body.theme-variantoak .feature-list{grid-column:1}
  body.theme-variantoak.page-0 .setup{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 0}
  body.theme-variantoak.page-0 .setup li:nth-child(3){padding-inline-start:0;border:0;box-shadow:none}
  body.theme-variantoak.page-0 .split-section+.reading{grid-template-columns:minmax(0,1fr)}
  body.theme-variantoak.page-0 .split-section+.reading>p{padding:18px 0 0;border:0;border-top:3px dotted rgba(196,106,58,.6);margin-top:18px}
  body.theme-variantoak.page-0 .split-section+.reading>p:nth-of-type(1){border:0;margin-top:0;padding-top:0}
  body.theme-variantoak:not(.page-0) .reading:not(.privacy):not(:has(> .steps)):not(:has(> .feature-list)){grid-template-columns:minmax(0,1fr)}
  body.theme-variantoak:not(.page-0) .reading:not(.privacy):not(:has(> .steps)):not(:has(> .feature-list))>*{grid-column:1!important}
  body.theme-variantoak:not(.page-0) .reading:not(.privacy):not(:has(> .steps)):not(:has(> .feature-list))>:is(h3+p,h2:not(:has(+ h3))+p,h2:not(:has(+ h3))+.code-example){border-top:0;margin-top:10px;padding-top:0;box-shadow:none}
  body.theme-variantoak:not(.page-0) .split-section,body.theme-variantoak .workflow-grid,body.theme-variantoak .download-grid{grid-template-columns:minmax(0,1fr)}
  body.theme-variantoak:not(.page-0) .split-section .agent-run{margin-top:50px}
  body.theme-variantoak.page-1 .cards{grid-template-columns:minmax(0,1fr);gap:18px}
  body.theme-variantoak.page-1 .cards article:nth-child(2){transform:rotate(.3deg)}
  body.theme-variantoak .privacy article,body.theme-variantoak .privacy article:nth-of-type(even){grid-column:1/-1}
  body.theme-variantoak .inner-hero{grid-template-columns:minmax(0,1fr)}
  body.theme-variantoak .hero-number{justify-self:start;font-size:72px;padding:10px 22px 12px}
}
@media (max-width:760px){
  body.theme-variantoak{--hdr:74px}
  body.theme-variantoak .wrap,body.theme-variantoak .header{width:calc(100% - 32px)}
  html body.theme-variantoak .header.has-burger{padding-inline:12px 10px!important;margin-top:10px}
  body.theme-variantoak .header{padding-inline:12px 10px;min-height:0}
  body.theme-variantoak .header .brand{padding-inline-start:4px;font-size:21px}
  body.theme-variantoak .header .main-nav a[aria-current]::after{display:none}
  body.theme-variantoak .home-hero{padding:26px 0 128px}
  body.theme-variantoak .home-hero h1{font-size:clamp(36px,10.4vw,46px);line-height:1.04;margin-bottom:18px}
  body.theme-variantoak .home-hero .eyebrow{margin-bottom:16px}
  body.theme-variantoak .home-hero .hero-lead{font-size:16.5px;line-height:1.58;margin:0}
  body.theme-variantoak .home-hero .actions{margin-top:22px}
  body.theme-variantoak .home-hero .agent-run{margin-top:68px}
  body.theme-variantoak .home-hero::after{inset-inline-start:auto;inset-inline-end:0;height:330px;width:97px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 160 540%22%3E%3Cg fill=%22none%22 stroke=%22%2317130f%22 stroke-linejoin=%22round%22%3E%3Cpath stroke-width=%222.2%22 d=%22M22 540L64 170L74 40L80 14L86 40L96 170L138 540M22 540L130 470M138 540L30 470M30 470H130M30 470L123 410M130 470L37 410M37 410H123M37 410L117 358M123 410L43 358M43 358H117M43 358L112 312M117 358L48 312M48 312H112M48 312L108 272M112 312L52 272M52 272H108M52 272L104 238M108 272L56 238M56 238H104M56 238L100 205M104 238L60 205M60 205H100M60 205L96 170M100 205L64 170M64 170H96M64 170L74 40M96 170L86 40M66 140H94M70 104H90M72 70H88M66 140L90 104M94 140L70 104M70 104L88 70M90 104L72 70M4 92H156M4 92L66 122M156 92L94 122M14 172H146%22/%3E%3C/g%3E%3Cg fill=%22%2317130f%22%3E%3Crect x=%226%22 y=%2292%22 width=%223%22 height=%2216%22/%3E%3Crect x=%22151%22 y=%2292%22 width=%223%22 height=%2216%22/%3E%3Crect x=%2216%22 y=%22172%22 width=%223%22 height=%2216%22/%3E%3Crect x=%22141%22 y=%22172%22 width=%223%22 height=%2216%22/%3E%3C/g%3E%3Ccircle cx=%2280%22 cy=%2212%22 r=%223.2%22 fill=%22%23d6463a%22/%3E%3Ccircle cx=%2280%22 cy=%2212%22 r=%228%22 fill=%22%23d6463a%22 opacity=%22.22%22/%3E%3C/svg%3E") right bottom/97px 330px no-repeat}
  body.theme-variantoak :is(.home-hero,.inner-hero)::before{background-size:1100px 165px,auto,auto,auto}
  body.theme-variantoak .agent-run{padding:0 8px 8px}
  body.theme-variantoak .agent-run::before{inset-inline-end:30px}
  body.theme-variantoak .agent-run::after{inset-inline-end:20px}
  body.theme-variantoak .agent-run-body{padding:12px}
  body.theme-variantoak .agent-run-steps li{grid-template-columns:minmax(0,1fr) auto}
  body.theme-variantoak.page-0 .cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-64px}
  body.theme-variantoak.page-0 .cards article{padding:42px 14px 18px}
  body.theme-variantoak.page-0 .cards article:nth-child(n){border-inline-end:0;border-bottom:2px solid #13110e}
  body.theme-variantoak.page-0 .cards article:nth-child(odd){border-inline-end:2px solid #13110e}
  body.theme-variantoak.page-0 .cards::after{grid-column:1/-1;min-height:74px;
    background:radial-gradient(circle at calc(50% + 9px) 46%,#6e1f17 0 15px,transparent 16px),radial-gradient(circle at 50% 50%,#f2e6cf 0 19px,rgba(242,230,207,.18) 21px 30px,transparent 33px),
      linear-gradient(to top right,transparent calc(50% - 1.2px),rgba(242,230,207,.75) calc(50% - 1.2px) calc(50% + 1.2px),transparent calc(50% + 1.2px)) 16px 29px/32px 16px no-repeat,
      repeating-linear-gradient(90deg,rgba(242,230,207,.75) 0 2px,transparent 2px 7px) 18px 29px/30px 16px no-repeat,
      repeating-linear-gradient(90deg,rgba(242,230,207,.75) 0 2px,transparent 2px 7px) 56px 29px/9px 16px no-repeat,
      repeating-linear-gradient(-45deg,rgba(0,0,0,.18) 0 6px,transparent 6px 12px),linear-gradient(180deg,#a52e23,#7c241b)}
  body.theme-variantoak.page-0 .cards h3{font-size:30px}
  body.theme-variantoak :is(.scenario,.steps article,.split-section,.privacy article,.download-card,.feature-matrix table,.feature-list,.page-1 .cards article,.workflow-grid .steps article,.hero-number){transform:none!important}
  body.theme-variantoak .scenario{padding:34px 22px 30px;margin-top:46px}
  body.theme-variantoak .scenario::after{width:64px;height:64px;top:-26px;inset-inline-end:22px}
  body.theme-variantoak .steps{grid-template-columns:minmax(0,1fr);gap:18px}
  body.theme-variantoak .steps article{padding:24px 20px 24px}
  body.theme-variantoak .steps .number{font-size:44px}
  body.theme-variantoak .steps h3{font-size:22px;padding-inline-end:52px}
  body.theme-variantoak .steps article::after{top:24px;inset-inline-end:20px;width:36px;height:36px}
  body.theme-variantoak .feature-matrix{margin-top:76px}
  body.theme-variantoak .feature-matrix table{padding:20px 12px 8px;box-shadow:0 0 0 8px #5a3622,0 0 0 10px #3c2417,0 24px 30px rgba(0,0,0,.7);margin-top:34px}
  body.theme-variantoak .feature-matrix table,body.theme-variantoak .feature-matrix tbody,body.theme-variantoak .feature-matrix thead{display:block;width:auto}
  body.theme-variantoak .feature-matrix tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  body.theme-variantoak .feature-matrix thead th:first-child{display:block;grid-column:1/-1;padding:0;border:0;height:0}
  body.theme-variantoak .feature-matrix tbody th{grid-column:1/-1;width:auto;padding:14px 8px 2px;border-bottom:0}
  body.theme-variantoak .feature-matrix th,body.theme-variantoak .feature-matrix td{padding:8px 8px 12px;font-size:14.5px}
  body.theme-variantoak .feature-matrix thead th{font-size:16px;padding:10px 8px}
  body.theme-variantoak.page-0 .split-section{padding:30px 22px 32px;margin-top:70px}
  body.theme-variantoak.page-0 .setup{grid-template-columns:minmax(0,1fr);gap:20px}
  body.theme-variantoak.page-0 .setup li,body.theme-variantoak.page-0 .setup li:nth-child(n){padding:0;border:0;box-shadow:none;display:grid;grid-template-columns:44px minmax(0,1fr)}
  body.theme-variantoak.page-0 .setup li::before{margin:3px 0 0}
  body.theme-variantoak.page-0 .split-section+.reading{margin-top:60px;padding:62px 0 58px}
  body.theme-variantoak .faq{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:64px}
  body.theme-variantoak .faq details{padding:18px 16px}
  body.theme-variantoak .faq summary{font-size:18.5px}
  body.theme-variantoak .faq details p{padding-inline-start:0}
  body.theme-variantoak .closing,body.theme-variantoak:not(.page-0) .closing{grid-template-columns:minmax(0,1fr);grid-template-areas:"art" "tag" "h2" "p" "btn";padding:44px 22px 42px;margin-top:64px}
  body.theme-variantoak:not(.page-0) .closing{grid-template-areas:"art" "tag" "h2" "btn"}
  body.theme-variantoak .closing::after{justify-self:start;width:92px;height:92px;margin-bottom:18px;
    background:radial-gradient(circle at 63% 40%,#3a1813 0 30px,transparent 31px),radial-gradient(circle,#f2e6cf 0 37px,rgba(242,230,207,.14) 38px 44px,transparent 45px)}
  body.theme-variantoak .closing .button{max-width:100%}
  body.theme-variantoak.page-0 main>.reading:last-child{padding:64px 0 50px}
  body.theme-variantoak.page-0 main>.reading:last-child>p:last-child{grid-template-columns:minmax(0,1fr);gap:10px}
  body.theme-variantoak .reading .text-link{min-height:0}
  body.theme-variantoak footer.wrap{padding:24px 20px 20px;margin-bottom:16px}
  body.theme-variantoak .footer-bottom{flex-direction:column;gap:6px}
  body.theme-variantoak .inner-hero{padding:34px 0 110px;gap:26px}
  body.theme-variantoak .inner-hero h1{font-size:clamp(32px,9vw,42px)}
  body.theme-variantoak .inner-hero .hero-copy::after{margin-top:22px;width:232px;height:12px;
    background:linear-gradient(var(--sodium),var(--sodium)) calc((var(--pg,1) - 1) * 34px) 0/28px 100% no-repeat,linear-gradient(var(--horde),var(--horde)) 204px 0/28px 100% no-repeat,
      repeating-linear-gradient(90deg,rgba(236,230,214,.24) 0 28px,transparent 28px 34px)}
  body.theme-variantoak .product-lead{margin-top:44px}
  body.theme-variantoak .product-lead .large{padding-inline-start:18px;font-size:19px}
  body.theme-variantoak .large{font-size:19px}
  body.theme-variantoak .feature-list{padding:30px 14px 8px;box-shadow:0 0 0 8px #5a3622,0 0 0 10px #3c2417,0 24px 30px rgba(0,0,0,.7)}
  body.theme-variantoak .feature-list::before{top:-24px;width:120px;inset-inline-start:calc(50% - 60px)}
  body.theme-variantoak .feature-list li{grid-template-columns:minmax(0,1fr);row-gap:2px}
  body.theme-variantoak .connection{flex-direction:column;align-items:stretch;padding:10px 0}
  body.theme-variantoak .connection b{min-height:56px;flex:none}
  body.theme-variantoak .connection::before{inset-inline:auto;left:50%;top:6%;bottom:6%;width:8px;height:auto;margin:0 0 0 -4px}
  body.theme-variantoak .workflow-grid{gap:28px;margin-top:44px}
  body.theme-variantoak .workflow-grid .steps article{grid-template-columns:minmax(0,1fr);padding:22px 18px}
  body.theme-variantoak .workflow-grid .steps .number{grid-row:auto;margin-bottom:8px}
  body.theme-variantoak .workflow-grid .steps :is(h3,p){grid-column:1}
  body.theme-variantoak .workflow-grid .sticky-example{padding:22px 14px 20px}
  body.theme-variantoak .sticky-example h2{margin-bottom:52px}
  body.theme-variantoak .download-card{padding:32px 22px 30px}
  body.theme-variantoak:not(.page-0) .setup li{grid-template-columns:44px minmax(0,1fr);padding:12px}
  body.theme-variantoak .privacy article{padding:26px 20px 14px}
  body.theme-variantoak .code-example pre{font-size:13px}
}
@media (prefers-reduced-motion:reduce){body.theme-variantoak *{transition:none!important}}

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