/* testflowy.com theme "storyboard" (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:"Encode Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/encode-sans-100-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:"Encode Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/encode-sans-100-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:"Encode Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/encode-sans-100-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:"Source Code Pro";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/source-code-pro-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Source Code Pro";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/source-code-pro-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Source Code Pro";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/source-code-pro-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Source Code Pro";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/source-code-pro-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Source Code Pro";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/source-code-pro-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Source Code Pro";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/source-code-pro-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Source Code Pro";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/source-code-pro-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Source Code Pro";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/source-code-pro-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Source Code Pro";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/source-code-pro-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:"Source Code Pro";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/source-code-pro-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} /* testflowy.com — «Journey storyboard». Sky-paper sheet, navy ink, tomato CTA, leaf-green pass pins. Every section is a panel of one storyboard; frames, pins and dashed flow arrows are the motif. CSS only. */ body.theme-p90-latch{--art-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 12'%3E%3Cpath d='M1 6 H19' stroke='%2310264a' stroke-width='1.8' stroke-dasharray='3.5 3.5'/%3E%3Cpath d='M18 1.5 L24 6 L18 10.5' fill='none' stroke='%2310264a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--art-back:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 700' preserveAspectRatio='none'%3E%3Cpath d='M-20 600 C 260 520, 420 660, 700 560 S 1180 380, 1620 470' fill='none' stroke='%239fbde6' stroke-width='2' stroke-dasharray='8 10' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M-20 140 C 300 60, 520 200, 860 120 S 1300 40, 1620 110' fill='none' stroke='%23b6cdee' stroke-width='1.5' stroke-dasharray='3 9' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--art-dots:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 8'%3E%3Ccircle cx='4' cy='4' r='3' fill='%23d63a22' opacity='.75'/%3E%3Ccircle cx='15' cy='4' r='3' fill='%23ffe17a' stroke='%23d7b43d' stroke-width='.8'/%3E%3Ccircle cx='26' cy='4' r='3' fill='%231b7f47' opacity='.8'/%3E%3C/svg%3E");--art-faq:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 308 204'%3E%3Cg transform='translate(4 4)'%3E%3Crect x='0' y='0' width='300' height='196' rx='17.6' fill='%23ffffff' stroke='%239db8dc' stroke-width='1.5'/%3E%3Cpath d='M0.75 33.32 H299.25' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='20.0' cy='16.7' r='5.3' fill='%239db8dc'/%3E%3Ccircle cx='35.0' cy='16.7' r='5.3' fill='%239db8dc'/%3E%3Ccircle cx='50.0' cy='16.7' r='5.3' fill='%239db8dc'/%3E%3Crect x='70.0' y='9.3' width='210.0' height='14.7' rx='7.3' fill='%23e3edfb'/%3E%3C/g%3E%3Cg transform='translate(4 4)'%3E%3Ccircle cx='28' cy='44' r='9' fill='%231b7f47' stroke='%23ffffff' stroke-width='2.0'/%3E%3Cpath d='M24.0 44.2 l3.0 3.0 l5.2 -6.0' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='46' y='40' width='150' height='8' rx='4' fill='%23c9dcf5'/%3E%3Ccircle cx='28' cy='74' r='8' fill='%23ffffff' stroke='%239db8dc' stroke-width='2'/%3E%3Crect x='46' y='70' width='187' height='8' rx='4' fill='%23e4edf9'/%3E%3Ccircle cx='28' cy='104' r='8' fill='%23ffffff' stroke='%239db8dc' stroke-width='2'/%3E%3Crect x='46' y='100' width='224' height='8' rx='4' fill='%23e4edf9'/%3E%3Ccircle cx='28' cy='134' r='8' fill='%23ffffff' stroke='%239db8dc' stroke-width='2'/%3E%3Crect x='46' y='130' width='181' height='8' rx='4' fill='%23e4edf9'/%3E%3Ccircle cx='28' cy='164' r='8' fill='%23ffffff' stroke='%239db8dc' stroke-width='2'/%3E%3Crect x='46' y='160' width='218' height='8' rx='4' fill='%23e4edf9'/%3E%3C/g%3E%3Crect x='236' y='174' width='52' height='12' rx='6' fill='%231b7f47' opacity='.9'/%3E%3C/svg%3E");--art-inner:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 316 214'%3E%3Cg transform='translate(4 12)'%3E%3Crect x='0' y='0' width='300' height='196' rx='17.6' fill='%23ffffff' stroke='%2310264a' stroke-width='2'/%3E%3Cpath d='M1.0 33.32 H299.0' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='20.0' cy='16.7' r='5.3' fill='%239db8dc'/%3E%3Ccircle cx='35.0' cy='16.7' r='5.3' fill='%239db8dc'/%3E%3Ccircle cx='50.0' cy='16.7' r='5.3' fill='%239db8dc'/%3E%3Crect x='70.0' y='9.3' width='210.0' height='14.7' rx='7.3' fill='%23e3edfb'/%3E%3Crect x='150' y='50' width='126' height='12' rx='4' fill='%23c9dcf5'/%3E%3Crect x='150' y='74' width='126' height='7' rx='3' fill='%23e4edf9'/%3E%3Crect x='150' y='88' width='100' height='7' rx='3' fill='%23e4edf9'/%3E%3Crect x='150' y='110' width='126' height='22' rx='6' fill='%23ffffff' stroke='%239db8dc'/%3E%3Crect x='196' y='146' width='80' height='26' rx='7' fill='%2310264a'/%3E%3C/g%3E%3Cpath transform='translate(250 160) scale(1.3)' d='M0 0 L0 14 L3.6 10.4 L6.2 16 L8.6 15 L6 9.6 L11 9.6 Z' fill='%2310264a' stroke='%23ffffff' stroke-width='1.4' stroke-linejoin='round'/%3E%3Ccircle cx='294' cy='14' r='13' fill='%231b7f47' stroke='%23ffffff' stroke-width='2.9'/%3E%3Cpath d='M288.2 14.3 l4.3 4.3 l7.5 -8.7' fill='none' stroke='%23ffffff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--art-navyj:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1144 48'%3E%3Cpath d='M60 26 H1040' stroke='%23ffffff' stroke-opacity='.28' stroke-width='1.6' stroke-dasharray='4 6'/%3E%3Cg transform='translate(8 8)'%3E%3Crect width='96' height='36' rx='6' fill='%2310264a' stroke='%23ffffff' stroke-opacity='.38' stroke-width='1.6'/%3E%3Cpath d='M0 10 H96' stroke='%23ffffff' stroke-opacity='.38'/%3E%3Crect x='10' y='17' width='40' height='5' rx='2' fill='%23ffffff' fill-opacity='.25'/%3E%3Crect x='10' y='26' width='60' height='4' rx='2' fill='%23ffffff' fill-opacity='.15'/%3E%3C/g%3E%3Cg transform='translate(180 8)'%3E%3Crect width='96' height='36' rx='6' fill='%2310264a' stroke='%23ffffff' stroke-opacity='.38' stroke-width='1.6'/%3E%3Cpath d='M0 10 H96' stroke='%23ffffff' stroke-opacity='.38'/%3E%3Crect x='10' y='17' width='40' height='5' rx='2' fill='%23ffffff' fill-opacity='.25'/%3E%3Crect x='10' y='26' width='60' height='4' rx='2' fill='%23ffffff' fill-opacity='.15'/%3E%3C/g%3E%3Cg transform='translate(352 8)'%3E%3Crect width='96' height='36' rx='6' fill='%2310264a' stroke='%23ffffff' stroke-opacity='.38' stroke-width='1.6'/%3E%3Cpath d='M0 10 H96' stroke='%23ffffff' stroke-opacity='.38'/%3E%3Crect x='10' y='17' width='40' height='5' rx='2' fill='%23ffffff' fill-opacity='.25'/%3E%3Crect x='10' y='26' width='60' height='4' rx='2' fill='%23ffffff' fill-opacity='.15'/%3E%3C/g%3E%3Cg transform='translate(524 8)'%3E%3Crect width='96' height='36' rx='6' fill='%2310264a' stroke='%23ffffff' stroke-opacity='.38' stroke-width='1.6'/%3E%3Cpath d='M0 10 H96' stroke='%23ffffff' stroke-opacity='.38'/%3E%3Crect x='10' y='17' width='40' height='5' rx='2' fill='%23ffffff' fill-opacity='.25'/%3E%3Crect x='10' y='26' width='60' height='4' rx='2' fill='%23ffffff' fill-opacity='.15'/%3E%3C/g%3E%3Cg transform='translate(696 8)'%3E%3Crect width='96' height='36' rx='6' fill='%2310264a' stroke='%23ff8a74' stroke-opacity='1' stroke-width='1.6'/%3E%3Cpath d='M0 10 H96' stroke='%23ff8a74' stroke-opacity='1'/%3E%3Crect x='10' y='17' width='40' height='5' rx='2' fill='%23ffffff' fill-opacity='.25'/%3E%3Crect x='10' y='26' width='60' height='4' rx='2' fill='%23ffffff' fill-opacity='.15'/%3E%3C/g%3E%3Cg transform='translate(868 8)'%3E%3Crect width='96' height='36' rx='6' fill='%2310264a' stroke='%23ffffff' stroke-opacity='.38' stroke-width='1.6'/%3E%3Cpath d='M0 10 H96' stroke='%23ffffff' stroke-opacity='.38'/%3E%3Crect x='10' y='17' width='40' height='5' rx='2' fill='%23ffffff' fill-opacity='.25'/%3E%3Crect x='10' y='26' width='60' height='4' rx='2' fill='%23ffffff' fill-opacity='.15'/%3E%3C/g%3E%3Cg transform='translate(1040 8)'%3E%3Crect width='96' height='36' rx='6' fill='%2310264a' stroke='%2358c48a' stroke-opacity='1' stroke-width='1.6'/%3E%3Cpath d='M0 10 H96' stroke='%2358c48a' stroke-opacity='1'/%3E%3Crect x='10' y='17' width='40' height='5' rx='2' fill='%23ffffff' fill-opacity='.25'/%3E%3Crect x='10' y='26' width='60' height='4' rx='2' fill='%23ffffff' fill-opacity='.15'/%3E%3C/g%3E%3C/svg%3E");--art-p1:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 72'%3E%3Crect x='1' y='1' width='90' height='70' rx='10' fill='%23ffffff' stroke='%239db8dc' stroke-width='1.5'/%3E%3CclipPath id='c'%3E%3Crect x='1' y='1' width='90' height='70' rx='10'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23c)'%3E%3Ccircle cx='44' cy='34.0' r='9.0' fill='%23c9e0ff' stroke='%2310264a' stroke-width='1.6'/%3E%3Cpath d='M29.0 64 a15.0 14.0 0 0 1 30.0 0 z' fill='%23c9e0ff' stroke='%2310264a' stroke-width='1.6'/%3E%3C/g%3E%3Ccircle cx='70' cy='26' r='8' fill='%231b7f47' stroke='%23ffffff' stroke-width='1.8'/%3E%3Cpath d='M66.4 26.2 l2.7 2.7 l4.6 -5.3' fill='none' stroke='%23ffffff' stroke-width='2.0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--art-p2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 72'%3E%3Crect x='1' y='1' width='90' height='70' rx='10' fill='%23ffffff' stroke='%239db8dc' stroke-width='1.5'/%3E%3CclipPath id='c'%3E%3Crect x='1' y='1' width='90' height='70' rx='10'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23c)'%3E%3Ccircle cx='30' cy='31.0' r='7.6' fill='%23c9e0ff' stroke='%2310264a' stroke-width='1.6'/%3E%3Cpath d='M17.2 64 a12.8 11.9 0 0 1 25.5 0 z' fill='%23c9e0ff' stroke='%2310264a' stroke-width='1.6'/%3E%3Ccircle cx='58' cy='31.0' r='7.6' fill='%23c9e0ff' stroke='%2310264a' stroke-width='1.6'/%3E%3Cpath d='M45.2 64 a12.8 11.9 0 0 1 25.5 0 z' fill='%23c9e0ff' stroke='%2310264a' stroke-width='1.6'/%3E%3Ccircle cx='44' cy='34.0' r='9.0' fill='%23c9e0ff' stroke='%2310264a' stroke-width='1.6'/%3E%3Cpath d='M29.0 64 a15.0 14.0 0 0 1 30.0 0 z' fill='%23c9e0ff' stroke='%2310264a' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E");--art-p3:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 72'%3E%3Crect x='1' y='1' width='90' height='70' rx='10' fill='%23ffffff' stroke='%239db8dc' stroke-width='1.5'/%3E%3CclipPath id='c'%3E%3Crect x='1' y='1' width='90' height='70' rx='10'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23c)'%3E%3Ccircle cx='44' cy='34.0' r='9.0' fill='%23c9e0ff' stroke='%2310264a' stroke-width='1.6'/%3E%3Cpath d='M29.0 64 a15.0 14.0 0 0 1 30.0 0 z' fill='%23c9e0ff' stroke='%2310264a' stroke-width='1.6'/%3E%3C/g%3E%3Cg transform='translate(62 40)'%3E%3Cpath d='M0 4 q8 -5 14 0 q6 -5 14 0 v18 q-7 -4 -14 0 q-6 -4 -14 0 z' fill='%23ffe17a' stroke='%2310264a' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M14 4 v18' stroke='%2310264a' stroke-width='1.3'/%3E%3C/g%3E%3C/svg%3E");--art-pass:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 250'%3E%3Cg transform='translate(70 4)'%3E%3Crect x='0' y='0' width='250' height='170' rx='15.3' fill='%23fff7d1' stroke='%239db8dc' stroke-width='1.5'/%3E%3Cpath d='M0.75 28.900000000000002 H249.25' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='17.3' cy='14.5' r='4.6' fill='%239db8dc'/%3E%3Ccircle cx='30.3' cy='14.5' r='4.6' fill='%239db8dc'/%3E%3Ccircle cx='43.4' cy='14.5' r='4.6' fill='%239db8dc'/%3E%3Crect x='60.7' y='8.1' width='172.0' height='12.7' rx='6.4' fill='%23e3edfb'/%3E%3C/g%3E%3Cg transform='translate(10 34)'%3E%3Crect x='0' y='0' width='300' height='200' rx='18.0' fill='%23ffffff' stroke='%2310264a' stroke-width='2'/%3E%3Cpath d='M1.0 34.0 H299.0' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='20.4' cy='17.0' r='5.4' fill='%239db8dc'/%3E%3Ccircle cx='35.7' cy='17.0' r='5.4' fill='%239db8dc'/%3E%3Ccircle cx='51.0' cy='17.0' r='5.4' fill='%239db8dc'/%3E%3Crect x='71.4' y='9.5' width='208.2' height='15.0' rx='7.5' fill='%23e3edfb'/%3E%3Crect x='24' y='54' width='140' height='14' rx='4' fill='%23c9dcf5'/%3E%3Crect x='24' y='80' width='230' height='8' rx='3' fill='%23e4edf9'/%3E%3Crect x='24' y='96' width='190' height='8' rx='3' fill='%23e4edf9'/%3E%3Crect x='24' y='122' width='252' height='12' rx='6' fill='%23e4edf9'/%3E%3Crect x='24' y='122' width='252' height='12' rx='6' fill='%231b7f47' opacity='.85'/%3E%3Crect x='24' y='150' width='92' height='26' rx='7' fill='%2310264a'/%3E%3C/g%3E%3Cpath transform='translate(104 196) scale(1.4)' d='M0 0 L0 14 L3.6 10.4 L6.2 16 L8.6 15 L6 9.6 L11 9.6 Z' fill='%2310264a' stroke='%23ffffff' stroke-width='1.4' stroke-linejoin='round'/%3E%3Ccircle cx='298' cy='40' r='26' fill='%231b7f47' stroke='%23ffffff' stroke-width='5.8'/%3E%3Cpath d='M286.4 40.6 l8.7 8.7 l15.0 -17.3' fill='none' stroke='%23ffffff' stroke-width='6.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--art-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='9.5' fill='%231b7f47' stroke='%23ffffff' stroke-width='2.1'/%3E%3Cpath d='M6.8 11.2 l3.2 3.2 l5.5 -6.3' fill='none' stroke='%23ffffff' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--art-strip:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 176'%3E%3Cg transform='translate(4 26)'%3E%3Crect x='0' y='0' width='112' height='86' rx='7.7' fill='%23ffffff' stroke='%239db8dc' stroke-width='1.5'/%3E%3Cpath d='M0.75 14.620000000000001 H111.25' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='8.8' cy='7.3' r='2.3' fill='%239db8dc'/%3E%3Ccircle cx='15.4' cy='7.3' r='2.3' fill='%239db8dc'/%3E%3Ccircle cx='21.9' cy='7.3' r='2.3' fill='%239db8dc'/%3E%3Crect x='30.7' y='4.1' width='72.5' height='6.4' rx='3.2' fill='%23e3edfb'/%3E%3Crect x='10.1' y='23.2' width='50.4' height='6.9' rx='2' fill='%23c9dcf5'/%3E%3Crect x='10.1' y='36.1' width='91.8' height='3.9' rx='1.5' fill='%23e4edf9'/%3E%3Crect x='10.1' y='43.9' width='73.9' height='3.9' rx='1.5' fill='%23e4edf9'/%3E%3Crect x='10.1' y='55.0' width='56.0' height='10.3' rx='3' fill='%23ffffff' stroke='%239db8dc'/%3E%3Crect x='71.7' y='55.0' width='30.2' height='10.3' rx='3' fill='%2310264a'/%3E%3Cpath transform='translate(82.88 56.760000000000005) scale(0.9)' d='M0 0 L0 14 L3.6 10.4 L6.2 16 L8.6 15 L6 9.6 L11 9.6 Z' fill='%2310264a' stroke='%23ffffff' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(152 26)'%3E%3Crect x='0' y='0' width='112' height='86' rx='7.7' fill='%23ffffff' stroke='%23d63a22' stroke-width='2.4'/%3E%3Cpath d='M1.2 14.620000000000001 H110.8' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='8.8' cy='7.3' r='2.3' fill='%239db8dc'/%3E%3Ccircle cx='15.4' cy='7.3' r='2.3' fill='%239db8dc'/%3E%3Ccircle cx='21.9' cy='7.3' r='2.3' fill='%239db8dc'/%3E%3Crect x='30.7' y='4.1' width='72.5' height='6.4' rx='3.2' fill='%23e3edfb'/%3E%3Crect x='10.1' y='23.2' width='50.4' height='6.9' rx='2' fill='%23c9dcf5'/%3E%3Crect x='10.1' y='36.1' width='91.8' height='3.9' rx='1.5' fill='%23e4edf9'/%3E%3Crect x='10.1' y='43.9' width='73.9' height='3.9' rx='1.5' fill='%23e4edf9'/%3E%3Crect x='10.1' y='55.0' width='56.0' height='10.3' rx='3' fill='%23ffffff' stroke='%239db8dc'/%3E%3Crect x='71.7' y='55.0' width='30.2' height='10.3' rx='3' fill='%2310264a'/%3E%3Cpath transform='translate(82.88 56.760000000000005) scale(0.9)' d='M0 0 L0 14 L3.6 10.4 L6.2 16 L8.6 15 L6 9.6 L11 9.6 Z' fill='%2310264a' stroke='%23ffffff' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(300 26)'%3E%3Crect x='0' y='0' width='112' height='86' rx='7.7' fill='%23ffffff' stroke='%239db8dc' stroke-width='1.5'/%3E%3Cpath d='M0.75 14.620000000000001 H111.25' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='8.8' cy='7.3' r='2.3' fill='%239db8dc'/%3E%3Ccircle cx='15.4' cy='7.3' r='2.3' fill='%239db8dc'/%3E%3Ccircle cx='21.9' cy='7.3' r='2.3' fill='%239db8dc'/%3E%3Crect x='30.7' y='4.1' width='72.5' height='6.4' rx='3.2' fill='%23e3edfb'/%3E%3Crect x='10.1' y='23.2' width='50.4' height='6.9' rx='2' fill='%23c9dcf5'/%3E%3Crect x='10.1' y='36.1' width='91.8' height='3.9' rx='1.5' fill='%23e4edf9'/%3E%3Crect x='10.1' y='43.9' width='73.9' height='3.9' rx='1.5' fill='%23e4edf9'/%3E%3Crect x='10.1' y='55.0' width='56.0' height='10.3' rx='3' fill='%23ffffff' stroke='%239db8dc'/%3E%3Crect x='71.7' y='55.0' width='30.2' height='10.3' rx='3' fill='%231b7f47'/%3E%3C/g%3E%3Cg transform='translate(236 88) rotate(-6)'%3E%3Crect width='40' height='32' rx='3' fill='%23ffffff' stroke='%23d63a22' stroke-width='1.8'/%3E%3Crect x='4' y='4' width='32' height='20' rx='1.5' fill='%23fde3de'/%3E%3Crect x='8' y='9' width='18.0' height='3' rx='1' fill='%23d63a22' opacity='.55'/%3E%3Crect x='8' y='15' width='24.0' height='3' rx='1' fill='%23d63a22' opacity='.35'/%3E%3Cpath d='M31 32 l9 -9 v6 a3 3 0 0 1 -3 3 z' fill='%23d63a22'/%3E%3C/g%3E%3Cpath d='M120 69 H142' stroke='%2310264a' stroke-width='1.8' stroke-dasharray='4 4' fill='none'/%3E%3Cpath d='M141 64.5 L148 69 L141 73.5' fill='none' stroke='%2310264a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M196 116 C196 168, 356 168, 356 120' fill='none' stroke='%2310264a' stroke-width='1.8' stroke-dasharray='4 4'/%3E%3Cpath d='M351 126 L356 118 L361 126' fill='none' stroke='%2310264a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='276' cy='154' r='13' fill='%23ffe17a' stroke='%2310264a' stroke-width='1.6'/%3E%3Cpath d='M282.5 155.5 A7 7 0 1 1 281 147' fill='none' stroke='%2310264a' stroke-width='1.9' stroke-linecap='round'/%3E%3Cpath d='M282.6 142.4 L281.6 147.6 L276.6 146.4' fill='none' stroke='%2310264a' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='110' cy='26' r='10' fill='%231b7f47' stroke='%23ffffff' stroke-width='2.2'/%3E%3Cpath d='M105.6 26.2 l3.3 3.3 l5.8 -6.7' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='258' cy='26' r='10' fill='%23d63a22' stroke='%23ffffff' stroke-width='2.2'/%3E%3Cpath d='M254.2 22.2 l7.6 7.6 m0 -7.6 l-7.6 7.6' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='406' cy='26' r='10' fill='%231b7f47' stroke='%23ffffff' stroke-width='2.2'/%3E%3Cpath d='M401.6 26.2 l3.3 3.3 l5.8 -6.7' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--art-t-chip:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 90'%3E%3Cg transform='translate(2 8)'%3E%3Crect x='0' y='0' width='112' height='78' rx='7.0' fill='%23ffffff' stroke='%239db8dc' stroke-width='1.5'/%3E%3Cpath d='M0.75 13.260000000000002 H111.25' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='8.0' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Ccircle cx='13.9' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Ccircle cx='19.9' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Crect x='27.8' y='3.7' width='76.2' height='5.8' rx='2.9' fill='%23e3edfb'/%3E%3C/g%3E%3Crect x='38' y='30' width='48' height='40' rx='6' fill='%23ffe17a' stroke='%2310264a' stroke-width='1.8'/%3E%3Crect x='50' y='41' width='24' height='18' rx='3' fill='%2310264a'/%3E%3Cpath d='M46 30 v-6 M46 70 v6 M38 38 h-6 M86 38 h6' stroke='%2310264a' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M54 30 v-6 M54 70 v6 M38 46 h-6 M86 46 h6' stroke='%2310264a' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M62 30 v-6 M62 70 v6 M38 54 h-6 M86 54 h6' stroke='%2310264a' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M70 30 v-6 M70 70 v6 M38 62 h-6 M86 62 h6' stroke='%2310264a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");--art-t-cloud:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 90'%3E%3Cg transform='translate(2 8)'%3E%3Crect x='0' y='0' width='112' height='78' rx='7.0' fill='%23ffffff' stroke='%239db8dc' stroke-width='1.5'/%3E%3Cpath d='M0.75 13.260000000000002 H111.25' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='8.0' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Ccircle cx='13.9' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Ccircle cx='19.9' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Crect x='27.8' y='3.7' width='76.2' height='5.8' rx='2.9' fill='%23e3edfb'/%3E%3C/g%3E%3Cg transform='translate(8 14)'%3E%3Cpath d='M30 58 a12 12 0 0 1 2 -23.8 a17 17 0 0 1 32 -4 a13 13 0 0 1 22 13 a10 10 0 0 1 -2 19.8 z' fill='%23c9e0ff' stroke='%2310264a' stroke-width='1.6'/%3E%3Cpath d='M44 50 h28 M44 44 h20' stroke='%2310264a' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");--art-t-fix:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 90'%3E%3Cg transform='translate(2 8)'%3E%3Crect x='0' y='0' width='112' height='78' rx='7.0' fill='%23ffffff' stroke='%239db8dc' stroke-width='1.5'/%3E%3Cpath d='M0.75 13.260000000000002 H111.25' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='8.0' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Ccircle cx='13.9' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Ccircle cx='19.9' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Crect x='27.8' y='3.7' width='76.2' height='5.8' rx='2.9' fill='%23e3edfb'/%3E%3Crect x='10.1' y='21.1' width='50.4' height='6.2' rx='2' fill='%23c9dcf5'/%3E%3Crect x='10.1' y='32.8' width='91.8' height='3.5' rx='1.5' fill='%23e4edf9'/%3E%3Crect x='10.1' y='39.8' width='73.9' height='3.5' rx='1.5' fill='%23e4edf9'/%3E%3Crect x='10.1' y='49.9' width='56.0' height='9.4' rx='3' fill='%23ffffff' stroke='%239db8dc'/%3E%3Crect x='71.7' y='49.9' width='30.2' height='9.4' rx='3' fill='%2310264a'/%3E%3Crect x='67.2' y='33.5' width='39.2' height='18.7' rx='4' fill='%23c9e0ff' fill-opacity='.45' stroke='%232f6fd6' stroke-width='1.4' stroke-dasharray='3 2.5'/%3E%3Cpath transform='translate(87.36 45.239999999999995) scale(0.8)' d='M0 0 L0 14 L3.6 10.4 L6.2 16 L8.6 15 L6 9.6 L11 9.6 Z' fill='%2310264a' stroke='%23ffffff' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/g%3E%3Ccircle cx='110' cy='10' r='9' fill='%231b7f47' stroke='%23ffffff' stroke-width='2.0'/%3E%3Cpath d='M106.0 10.2 l3.0 3.0 l5.2 -6.0' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--art-t-flaky:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 90'%3E%3Cg transform='translate(2 14)'%3E%3Crect x='0' y='0' width='70' height='54' rx='4.9' fill='%23ffffff' stroke='%23d63a22' stroke-width='2'/%3E%3Cpath d='M1.0 12 H69.0' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='7.2' cy='6.0' r='1.9' fill='%239db8dc'/%3E%3Ccircle cx='12.6' cy='6.0' r='1.9' fill='%239db8dc'/%3E%3Ccircle cx='18.0' cy='6.0' r='1.9' fill='%239db8dc'/%3E%3Crect x='25.2' y='3.4' width='37.6' height='5.3' rx='2.6' fill='%23e3edfb'/%3E%3Crect x='6.3' y='17.4' width='31.5' height='4.3' rx='2' fill='%23c9dcf5'/%3E%3Crect x='6.3' y='25.5' width='57.4' height='2.4' rx='1.5' fill='%23e4edf9'/%3E%3Crect x='6.3' y='30.4' width='46.2' height='2.4' rx='1.5' fill='%23e4edf9'/%3E%3Crect x='6.3' y='37.4' width='35.0' height='6.5' rx='3' fill='%23ffffff' stroke='%239db8dc'/%3E%3Crect x='44.8' y='37.4' width='18.9' height='6.5' rx='3' fill='%2310264a'/%3E%3C/g%3E%3Cg transform='translate(50 30)'%3E%3Crect x='0' y='0' width='70' height='54' rx='4.9' fill='%23ffffff' stroke='%239db8dc' stroke-width='1.5'/%3E%3Cpath d='M0.75 12 H69.25' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='7.2' cy='6.0' r='1.9' fill='%239db8dc'/%3E%3Ccircle cx='12.6' cy='6.0' r='1.9' fill='%239db8dc'/%3E%3Ccircle cx='18.0' cy='6.0' r='1.9' fill='%239db8dc'/%3E%3Crect x='25.2' y='3.4' width='37.6' height='5.3' rx='2.6' fill='%23e3edfb'/%3E%3Crect x='6.3' y='17.4' width='31.5' height='4.3' rx='2' fill='%23c9dcf5'/%3E%3Crect x='6.3' y='25.5' width='57.4' height='2.4' rx='1.5' fill='%23e4edf9'/%3E%3Crect x='6.3' y='30.4' width='46.2' height='2.4' rx='1.5' fill='%23e4edf9'/%3E%3Crect x='6.3' y='37.4' width='35.0' height='6.5' rx='3' fill='%23ffffff' stroke='%239db8dc'/%3E%3Crect x='44.8' y='37.4' width='18.9' height='6.5' rx='3' fill='%231b7f47'/%3E%3C/g%3E%3Ccircle cx='66' cy='14' r='8' fill='%23d63a22' stroke='%23ffffff' stroke-width='1.8'/%3E%3Cpath d='M63.0 11.0 l6.0 6.0 m0 -6.0 l-6.0 6.0' stroke='%23ffffff' stroke-width='2.0' stroke-linecap='round'/%3E%3Ccircle cx='114' cy='30' r='8' fill='%231b7f47' stroke='%23ffffff' stroke-width='1.8'/%3E%3Cpath d='M110.4 30.2 l2.7 2.7 l4.6 -5.3' fill='none' stroke='%23ffffff' stroke-width='2.0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--art-t-inbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 90'%3E%3Cg transform='translate(2 8)'%3E%3Crect x='0' y='0' width='112' height='78' rx='7.0' fill='%23ffffff' stroke='%239db8dc' stroke-width='1.5'/%3E%3Cpath d='M0.75 13.260000000000002 H111.25' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='8.0' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Ccircle cx='13.9' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Ccircle cx='19.9' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Crect x='27.8' y='3.7' width='76.2' height='5.8' rx='2.9' fill='%23e3edfb'/%3E%3Crect x='10' y='22' width='46' height='7' rx='2' fill='%23c9dcf5'/%3E%3Crect x='10' y='35' width='56' height='9' rx='3' fill='%23ffffff' stroke='%239db8dc'/%3E%3Crect x='10' y='49' width='56' height='9' rx='3' fill='%23ffffff' stroke='%239db8dc'/%3E%3Crect x='10' y='63' width='28' height='8' rx='3' fill='%2310264a'/%3E%3C/g%3E%3Cg transform='translate(66 44)'%3E%3Crect width='44' height='30' rx='4' fill='%23ffe17a' stroke='%2310264a' stroke-width='1.5'/%3E%3Cpath d='M2 3 L22 17 L42 3' fill='none' stroke='%2310264a' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/g%3E%3Ccircle cx='110' cy='10' r='9' fill='%231b7f47' stroke='%23ffffff' stroke-width='2.0'/%3E%3Cpath d='M106.0 10.2 l3.0 3.0 l5.2 -6.0' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--art-t-pc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 90'%3E%3Cg transform='translate(2 8)'%3E%3Crect x='0' y='0' width='112' height='78' rx='7.0' fill='%23ffffff' stroke='%239db8dc' stroke-width='1.5'/%3E%3Cpath d='M0.75 13.260000000000002 H111.25' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='8.0' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Ccircle cx='13.9' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Ccircle cx='19.9' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Crect x='27.8' y='3.7' width='76.2' height='5.8' rx='2.9' fill='%23e3edfb'/%3E%3C/g%3E%3Crect x='30' y='26' width='64' height='40' rx='4' fill='%2310264a'/%3E%3Crect x='35' y='31' width='54' height='30' rx='2' fill='%232b4b7e'/%3E%3Crect x='40' y='37' width='26' height='4' rx='2' fill='%2358c48a'/%3E%3Crect x='40' y='45' width='38' height='4' rx='2' fill='%237fa6d9'/%3E%3Cpath d='M56 66 v8 h12 v-8' fill='%2310264a'/%3E%3Crect x='48' y='74' width='28' height='4' rx='2' fill='%2310264a'/%3E%3C/svg%3E");--art-t-read:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 90'%3E%3Cg transform='translate(2 8)'%3E%3Crect x='0' y='0' width='112' height='78' rx='7.0' fill='%23ffffff' stroke='%239db8dc' stroke-width='1.5'/%3E%3Cpath d='M0.75 13.260000000000002 H111.25' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='8.0' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Ccircle cx='13.9' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Ccircle cx='19.9' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Crect x='27.8' y='3.7' width='76.2' height='5.8' rx='2.9' fill='%23e3edfb'/%3E%3Crect x='10' y='24' width='92' height='7' rx='2' fill='%23e4edf9'/%3E%3Crect x='10' y='34' width='92' height='7' rx='2' fill='%23e4edf9'/%3E%3Crect x='10' y='44' width='92' height='7' rx='2' fill='%23fbd5ce'/%3E%3Crect x='10' y='54' width='92' height='7' rx='2' fill='%23e4edf9'/%3E%3Crect x='10' y='64' width='92' height='7' rx='2' fill='%23e4edf9'/%3E%3Ccircle cx='16' cy='27.5' r='2.4' fill='%231b7f47'/%3E%3Ccircle cx='16' cy='37.5' r='2.4' fill='%231b7f47'/%3E%3Ccircle cx='16' cy='47.5' r='2.4' fill='%23d63a22'/%3E%3Ccircle cx='16' cy='57.5' r='2.4' fill='%231b7f47'/%3E%3Ccircle cx='16' cy='67.5' r='2.4' fill='%231b7f47'/%3E%3C/g%3E%3Ccircle cx='110' cy='10' r='9' fill='%231b7f47' stroke='%23ffffff' stroke-width='2.0'/%3E%3Cpath d='M106.0 10.2 l3.0 3.0 l5.2 -6.0' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--art-t-shell:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 90'%3E%3Cg transform='translate(2 8)'%3E%3Crect x='0' y='0' width='112' height='78' rx='7.0' fill='%23ffffff' stroke='%239db8dc' stroke-width='1.5'/%3E%3Cpath d='M0.75 13.260000000000002 H111.25' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='8.0' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Ccircle cx='13.9' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Ccircle cx='19.9' cy='6.6' r='2.1' fill='%239db8dc'/%3E%3Crect x='27.8' y='3.7' width='76.2' height='5.8' rx='2.9' fill='%23e3edfb'/%3E%3Crect x='6' y='18' width='100' height='54' rx='5' fill='%2310264a'/%3E%3Crect x='12' y='24' width='50' height='4' rx='2' fill='%237fa6d9'/%3E%3Crect x='12' y='33' width='78' height='4' rx='2' fill='%235b7fae'/%3E%3Crect x='12' y='42' width='36' height='4' rx='2' fill='%23d63a22'/%3E%3Crect x='12' y='51' width='64' height='4' rx='2' fill='%235b7fae'/%3E%3Crect x='12' y='60' width='44' height='4' rx='2' fill='%2358c48a'/%3E%3C/g%3E%3Ccircle cx='110' cy='10' r='9' fill='%231b7f47' stroke='%23ffffff' stroke-width='2.0'/%3E%3Cpath d='M106.0 10.2 l3.0 3.0 l5.2 -6.0' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--art-t-suite:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 90'%3E%3Cg transform='translate(26 2)'%3E%3Crect x='0' y='0' width='88' height='60' rx='5.4' fill='%23ffffff' stroke='%239db8dc' stroke-width='1.5'/%3E%3Cpath d='M0.75 12 H87.25' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='7.2' cy='6.0' r='1.9' fill='%239db8dc'/%3E%3Ccircle cx='12.6' cy='6.0' r='1.9' fill='%239db8dc'/%3E%3Ccircle cx='18.0' cy='6.0' r='1.9' fill='%239db8dc'/%3E%3Crect x='25.2' y='3.4' width='55.6' height='5.3' rx='2.6' fill='%23e3edfb'/%3E%3Crect x='7.9' y='18.0' width='39.6' height='4.8' rx='2' fill='%23c9dcf5'/%3E%3Crect x='7.9' y='27.0' width='72.2' height='2.7' rx='1.5' fill='%23e4edf9'/%3E%3Crect x='7.9' y='32.4' width='58.1' height='2.7' rx='1.5' fill='%23e4edf9'/%3E%3Crect x='7.9' y='40.2' width='44.0' height='7.2' rx='3' fill='%23ffffff' stroke='%239db8dc'/%3E%3Crect x='56.3' y='40.2' width='23.8' height='7.2' rx='3' fill='%2310264a'/%3E%3C/g%3E%3Cg transform='translate(14 14)'%3E%3Crect x='0' y='0' width='88' height='60' rx='5.4' fill='%23ffffff' stroke='%239db8dc' stroke-width='1.5'/%3E%3Cpath d='M0.75 12 H87.25' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='7.2' cy='6.0' r='1.9' fill='%239db8dc'/%3E%3Ccircle cx='12.6' cy='6.0' r='1.9' fill='%239db8dc'/%3E%3Ccircle cx='18.0' cy='6.0' r='1.9' fill='%239db8dc'/%3E%3Crect x='25.2' y='3.4' width='55.6' height='5.3' rx='2.6' fill='%23e3edfb'/%3E%3Crect x='7.9' y='18.0' width='39.6' height='4.8' rx='2' fill='%23c9dcf5'/%3E%3Crect x='7.9' y='27.0' width='72.2' height='2.7' rx='1.5' fill='%23e4edf9'/%3E%3Crect x='7.9' y='32.4' width='58.1' height='2.7' rx='1.5' fill='%23e4edf9'/%3E%3Crect x='7.9' y='40.2' width='44.0' height='7.2' rx='3' fill='%23ffffff' stroke='%239db8dc'/%3E%3Crect x='56.3' y='40.2' width='23.8' height='7.2' rx='3' fill='%2310264a'/%3E%3C/g%3E%3Cg transform='translate(2 26)'%3E%3Crect x='0' y='0' width='88' height='60' rx='5.4' fill='%23ffffff' stroke='%239db8dc' stroke-width='1.5'/%3E%3Cpath d='M0.75 12 H87.25' stroke='%239db8dc' stroke-width='1'/%3E%3Ccircle cx='7.2' cy='6.0' r='1.9' fill='%239db8dc'/%3E%3Ccircle cx='12.6' cy='6.0' r='1.9' fill='%239db8dc'/%3E%3Ccircle cx='18.0' cy='6.0' r='1.9' fill='%239db8dc'/%3E%3Crect x='25.2' y='3.4' width='55.6' height='5.3' rx='2.6' fill='%23e3edfb'/%3E%3Crect x='7.9' y='18.0' width='39.6' height='4.8' rx='2' fill='%23c9dcf5'/%3E%3Crect x='7.9' y='27.0' width='72.2' height='2.7' rx='1.5' fill='%23e4edf9'/%3E%3Crect x='7.9' y='32.4' width='58.1' height='2.7' rx='1.5' fill='%23e4edf9'/%3E%3Crect x='7.9' y='40.2' width='44.0' height='7.2' rx='3' fill='%23ffffff' stroke='%239db8dc'/%3E%3Crect x='56.3' y='40.2' width='23.8' height='7.2' rx='3' fill='%2310264a'/%3E%3C/g%3E%3Ccircle cx='84' cy='30' r='8' fill='%231b7f47' stroke='%23ffffff' stroke-width='1.8'/%3E%3Cpath d='M80.4 30.2 l2.7 2.7 l4.6 -5.3' fill='none' stroke='%23ffffff' stroke-width='2.0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='98' cy='18' r='8' fill='%231b7f47' stroke='%23ffffff' stroke-width='1.8'/%3E%3Cpath d='M94.4 18.2 l2.7 2.7 l4.6 -5.3' fill='none' stroke='%23ffffff' stroke-width='2.0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='110' cy='6' r='8' fill='%231b7f47' stroke='%23ffffff' stroke-width='1.8'/%3E%3Cpath d='M106.4 6.2 l2.7 2.7 l4.6 -5.3' fill='none' stroke='%23ffffff' stroke-width='2.0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")} /* ---------- tokens + old theme-p90-latch quirks ---------- */ body.theme-p90-latch{--bg:#eaf3ff!important;--ink:#10264a!important;--accent:#d63a22!important; --paper:#eaf3ff;--sheet:#ffffff;--navy:#10264a;--ink2:#3c5277;--line:#b6cceb;--line2:#d3e2f6;--tomato:#d63a22;--tomato-d:#b92f1a; --leaf:#1b7f47;--leaf-l:#dcf2e4;--sun:#ffe17a;--sun-l:#fff4c4;--sky:#c9e0ff;--sel:#2f6fd6; --mono:"Source Code Pro",ui-monospace,Consolas,monospace;--sans:"Encode Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif; --lang-radius:999px;--nav-radius:10px;--nav-accent:#ffe17a; background-color:#eaf3ff;background-image:radial-gradient(#c8d9f1 1px,transparent 1.3px);background-size:26px 26px; color:#10264a;font-family:var(--sans);font-stretch:100%;font-size:16px;line-height:1.65;font-weight:430} html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-p90-latch{--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif} html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-p90-latch :is(h1,h2,h3,summary){font-family:Inter,system-ui,sans-serif;font-weight:800;font-stretch:100%} html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-p90-latch summary{font-weight:650} body.theme-p90-latch .home-hero .hero-copy,body.theme-p90-latch .hero-copy{order:0;border:0;padding:0} body.theme-p90-latch .cards article{border-inline:0} body.theme-p90-latch .header{border-bottom:0} body.theme-p90-latch .closing{border:0;border-inline:0} html:has(>body.theme-p90-latch),body.theme-p90-latch{overflow-x:clip} body.theme-p90-latch .wrap,body.theme-p90-latch .header{width:min(1240px,calc(100% - 64px))} body.theme-p90-latch :is(h1,h2,h3){font-family:var(--sans);color:var(--navy);text-wrap:balance;hyphens:auto;-webkit-hyphenate-limit-before:5;-webkit-hyphenate-limit-after:5;hyphenate-limit-chars:10 5 5} body.theme-p90-latch h1{font-weight:800;font-stretch:87.5%;letter-spacing:-.025em;line-height:1.02} body.theme-p90-latch h2{font-weight:750;font-stretch:90%;letter-spacing:-.018em;line-height:1.1;font-size:clamp(28px,2.9vw,42px)} body.theme-p90-latch h3{font-weight:700;letter-spacing:-.01em;line-height:1.25} body.theme-p90-latch :is(p,li,td){overflow-wrap:break-word} body.theme-p90-latch a:focus-visible,body.theme-p90-latch summary:focus-visible,body.theme-p90-latch button:focus-visible{outline:3px solid var(--sel);outline-offset:4px} body.theme-p90-latch code{font-family:var(--mono)} /* ---------- header: a browser tab strip ---------- */ body.theme-p90-latch .header{min-height:68px;padding:0;gap:26px;align-items:stretch;background:var(--navy);color:#fff; box-shadow:0 0 0 100vmax var(--navy);clip-path:inset(0 -100vmax)} body.theme-p90-latch .header .brand{align-self:center;color:#fff;font:750 21px/1 var(--sans);font-stretch:95%;letter-spacing:-.01em;gap:11px} body.theme-p90-latch .brand-symbol{width:36px;height:36px;border-radius:0;background:none;color:inherit} body.theme-p90-latch .brand-symbol svg{width:100%;height:100%;display:block} body.theme-p90-latch .header .brand-symbol svg rect:first-child{fill:#eaf3ff} body.theme-p90-latch .header .main-nav{align-self:flex-end;margin-inline:18px auto;gap:4px;font:600 14px/1 var(--sans)} body.theme-p90-latch .header .main-nav a{opacity:1;color:#d5e1f3;background:rgba(255,255,255,.055);padding:12px 18px 14px;border-radius:11px 11px 0 0;text-decoration:none;position:relative;transition:background-color .15s,color .15s} body.theme-p90-latch .header .main-nav a:hover{color:#fff;background:rgba(255,255,255,.09);text-decoration:none} body.theme-p90-latch .header .main-nav a[aria-current]{background:#dceaff;color:var(--navy);text-decoration:none} @media (min-width:761px){body.theme-p90-latch .header .main-nav a[aria-current]::before{content:"";position:absolute;inset-inline-start:7px;top:50%;width:6px;height:6px;margin-top:-2px;border-radius:50%;background:var(--leaf)}} body.theme-p90-latch .header .language{color:#e6eefb;align-self:center} /* ---------- shared bits ---------- */ body.theme-p90-latch .eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;padding:6px 14px 6px 8px;border-radius:999px;background:#fff; border:1.5px solid var(--line);font:600 13.5px/1.2 var(--sans);text-transform:none;letter-spacing:0;color:var(--navy);width:max-content;max-width:100%} body.theme-p90-latch .eyebrow i{flex:none;width:18px;height:18px;border-radius:50%;background:var(--art-pin) center/18px 18px no-repeat} body.theme-p90-latch .button{font:650 15px/1.2 var(--sans);padding:15px 22px;border-radius:12px;gap:10px;letter-spacing:0;border-width:1.5px} body.theme-p90-latch .button.primary,body.theme-p90-latch .primary{background:var(--tomato);color:#fff;border-color:var(--tomato); box-shadow:inset 0 -3px 0 rgba(0,0,0,.17),0 12px 24px -12px rgba(214,58,34,.75)} body.theme-p90-latch .button.primary:hover{background:var(--tomato-d);border-color:var(--tomato-d)} body.theme-p90-latch .button.secondary{background:#fff;color:var(--navy);border:1.5px solid var(--navy)} body.theme-p90-latch .button.secondary:hover{background:#f3f8ff} body.theme-p90-latch .button .btn-arrow{font-size:1.05em} body.theme-p90-latch .large{opacity:1;color:var(--navy);font-size:clamp(19px,1.75vw,23px);line-height:1.55;max-width:980px} body.theme-p90-latch .notice{background:var(--sun-l);border:0;border-inline-start:5px solid var(--sun);border-radius:4px 14px 14px 4px;padding:20px 24px;color:var(--navy);font-size:15.5px} body.theme-p90-latch .notice strong{font:700 16px var(--sans)} body.theme-p90-latch .notice p{color:var(--ink2);opacity:1} /* full-bleed sky band behind every hero */ body.theme-p90-latch .hero{position:relative;isolation:isolate} body.theme-p90-latch .hero::before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw); background:var(--art-back) center/100% 100% no-repeat,radial-gradient(#b9d0ee 1.1px,transparent 1.4px) 0 0/26px 26px,linear-gradient(180deg,#dceaff 0%,#e4efff 60%,#eaf3ff 100%); border-bottom:2px dashed #b2c9ea} /* ---------- agent-run: the lead storyboard panel ---------- */ body.theme-p90-latch .agent-run{background:#fff;border:1.5px solid var(--navy);border-radius:18px;overflow:hidden;color:var(--navy); box-shadow:0 2px 0 var(--navy),0 34px 70px -34px rgba(16,38,74,.55)} body.theme-p90-latch .agent-run-bar{background:var(--navy);color:#fff;border:0;padding:13px 18px;font:500 13px/1.3 var(--mono);align-items:center} body.theme-p90-latch .agent-run-bar::before{content:"";flex:none;width:34px;height:9px;background:var(--art-dots) center/contain no-repeat} body.theme-p90-latch .agent-run-bar span:first-child{opacity:1;color:#dfe9f8;flex:1 1 auto;min-width:0} body.theme-p90-latch .agent-run-mode{color:var(--sun)} body.theme-p90-latch .agent-run-body{padding:20px 22px 18px;background:#fbfdff} body.theme-p90-latch .agent-run-prompt span{background:var(--sky);color:var(--navy);font-size:15px;border-radius:16px 16px 4px 16px;padding:11px 16px} body.theme-p90-latch[dir=rtl] .agent-run-prompt span,[dir=rtl] body.theme-p90-latch .agent-run-prompt span{border-radius:16px 16px 16px 4px} body.theme-p90-latch .agent-run-steps{gap:7px} body.theme-p90-latch .agent-run-steps li{grid-template-columns:96px minmax(0,1fr) auto;background:#fff;border:1px solid var(--line2);border-radius:10px;padding:9px 12px} body.theme-p90-latch .agent-run-steps li:has(.ar-res:not(.ar-ok)){border-color:#f0a596;background:#fff6f4} body.theme-p90-latch .ar-tool{font:600 12px/1.2 var(--mono);color:var(--navy);background:#e6effc;padding:4px 8px;border-radius:6px;justify-self:start;max-width:100%;overflow-wrap:anywhere} body.theme-p90-latch .agent-run-steps code{font:13px/1.5 var(--mono);color:var(--ink2)} body.theme-p90-latch .ar-res{font:600 12.5px/1.3 var(--mono);color:var(--tomato);opacity:1;display:inline-flex;align-items:center;gap:6px} body.theme-p90-latch .ar-res::before{content:"✕";display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--tomato);color:#fff;font:700 9px/1 system-ui,sans-serif} body.theme-p90-latch .ar-res.ar-ok{color:var(--leaf)} body.theme-p90-latch .ar-res.ar-ok::before{content:"✓";background:var(--leaf)} body.theme-p90-latch .agent-run-foot>span:first-child{opacity:1;color:var(--ink2)} body.theme-p90-latch .ar-btn{border:1.5px solid var(--line);border-radius:9px;color:var(--navy);background:#fff;font-weight:600} body.theme-p90-latch .ar-btn-primary{background:var(--leaf);border-color:var(--leaf);color:#fff} /* code blocks: dark navy console */ body.theme-p90-latch .code-example{background:#0f1f3d;border:1px solid #0f1f3d;border-radius:12px;color:#dbe7f7} body.theme-p90-latch .code-example>div{background:#1a2f57;color:#c3d4ee;font:500 12px/1.4 var(--mono);padding:11px 14px;align-items:center} body.theme-p90-latch .code-example button{background:#2c4677;color:#fff;font:600 11.5px/1 var(--sans);padding:7px 10px;border-radius:7px} body.theme-p90-latch .code-example pre{font:13px/1.8 var(--mono);padding:18px 20px;color:#dbe7f7} /* ---------- HOME: hero = storyboard sheet, agent-run is panel one ---------- */ body.theme-p90-latch .home-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px;row-gap:0;align-items:start;min-height:0;padding:40px 0 60px;margin-bottom:34px} body.theme-p90-latch .home-hero .hero-copy{display:contents} body.theme-p90-latch .home-hero .eyebrow{grid-column:1/-1;grid-row:1;justify-self:start} body.theme-p90-latch .home-hero h1{grid-column:1/-1;grid-row:2;max-width:none;font-size:clamp(46px,5.7vw,80px);margin:0 0 34px} body.theme-p90-latch .h1-mark{background:rgba(160,203,255,.5);border:2px dashed var(--sel);border-radius:10px;padding:0 .14em;margin-inline-end:.04em; -webkit-box-decoration-break:clone;box-decoration-break:clone} body.theme-p90-latch .h1-mark{position:relative} body.theme-p90-latch .h1-mark::after{content:"✓";position:absolute;display:grid;place-items:center;font:700 .28em/1 system-ui,sans-serif;width:1.5em;height:1.5em; top:-.7em;inset-inline-end:-.75em;border-radius:50%;background:var(--leaf);color:#fff;box-shadow:0 0 0 3px #fff;letter-spacing:0} body.theme-p90-latch .home-hero .agent-run{grid-column:1/span 8;grid-row:3/span 3;align-self:start;margin:0} body.theme-p90-latch .home-hero .hero-lead{grid-column:9/-1;grid-row:3;max-width:none;margin:2px 0 0;font-size:17.5px;line-height:1.6;color:var(--ink2);opacity:1} body.theme-p90-latch .home-hero .actions{grid-column:9/-1;grid-row:4;margin:26px 0 0;gap:10px} body.theme-p90-latch .home-hero::after{content:"";grid-column:9/-1;grid-row:5;align-self:end;width:100%;aspect-ratio:420/176;margin-top:34px; background:var(--art-strip) center/contain no-repeat} /* facts: a strip of tiny browser frames */ body.theme-p90-latch main>.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:0 0 64px;border:0} body.theme-p90-latch.page-0 main>.cards{grid-template-columns:repeat(6,minmax(0,1fr))} body.theme-p90-latch .cards article{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:42px 16px 16px;min-width:0; box-shadow:0 16px 30px -26px rgba(16,38,74,.6)} body.theme-p90-latch .cards article::before{content:"";position:absolute;inset:0 0 auto 0;height:26px;border-radius:10px 10px 0 0;border-bottom:1px solid var(--line2); background:var(--art-dots) 10px 50%/28px 8px no-repeat,var(--art-pin) calc(100% - 7px) 50%/16px 16px no-repeat,#e8f0fc} body.theme-p90-latch .cards article:not(:last-child)::after{content:"";position:absolute;inset-inline-end:-28px;top:calc(50% + 6px);width:26px;height:12px;background:var(--art-arrow) center/contain no-repeat} body.theme-p90-latch[dir=rtl] .cards article::after,[dir=rtl] body.theme-p90-latch .cards article::after{transform:scaleX(-1)} body.theme-p90-latch .cards .number{font:500 12.5px/1.3 var(--mono);color:var(--ink2);opacity:1;margin:0 0 6px;letter-spacing:0} body.theme-p90-latch .cards h3{font-size:clamp(20px,1.8vw,25px);font-weight:800;font-stretch:87.5%;margin:0 0 4px;overflow-wrap:anywhere} body.theme-p90-latch .cards p{font-size:14px;line-height:1.45;color:var(--ink2);opacity:1} body.theme-p90-latch.page-1 main>.cards h3{font-size:22px;font-stretch:92%;margin-bottom:8px} body.theme-p90-latch.page-1 main>.cards p{font-size:15.5px;line-height:1.6} body.theme-p90-latch.page-1 main>.cards article{padding:46px 24px 24px} /* scenario: the navy establishing panel */ body.theme-p90-latch .scenario{background:var(--navy);color:#e8f0fb;border:0;border-radius:22px;padding:46px 48px 96px;margin:0 0 70px; display:grid;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:52px;align-items:start;position:relative;overflow:hidden} body.theme-p90-latch .scenario .eyebrow{grid-column:1;grid-row:1;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff;margin:0} body.theme-p90-latch .scenario h2{grid-column:1;grid-row:2;color:#fff;margin:18px 0 0;max-width:none} body.theme-p90-latch .scenario p{grid-column:2;grid-row:1/span 2;font-size:17.5px;line-height:1.7;color:#d5e1f3;max-width:none;margin:0;opacity:1} body.theme-p90-latch .scenario::after{content:"";position:absolute;inset-inline:48px;bottom:26px;height:46px;background:var(--art-navyj) left center/contain no-repeat;opacity:.9} /* walkthroughs: storyboard panels of different widths */ body.theme-p90-latch.page-0 main>section.reading:has(.steps){max-width:none;padding-bottom:70px} body.theme-p90-latch.page-0 .steps{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 28px;margin:0 0 32px} body.theme-p90-latch.page-0 .steps article:nth-child(4n+1){grid-column:span 7} body.theme-p90-latch.page-0 .steps article:nth-child(4n+2){grid-column:span 5} body.theme-p90-latch.page-0 .steps article:nth-child(4n+3){grid-column:span 5} body.theme-p90-latch.page-0 .steps article:nth-child(4n+4){grid-column:span 7} body.theme-p90-latch .steps article{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:32px 30px 28px;min-width:0; box-shadow:0 20px 40px -34px rgba(16,38,74,.6)} body.theme-p90-latch .steps .number{position:absolute;left:auto;right:auto;top:-14px;inset-inline-start:24px;background:var(--navy);color:#fff;font:600 13px/1 var(--mono); padding:7px 11px;border-radius:8px;opacity:1;margin:0;letter-spacing:.02em} body.theme-p90-latch .steps h3{font-size:clamp(21px,1.75vw,25px);font-stretch:92%;margin:8px 0 14px;padding-inline-end:136px;min-height:64px} body.theme-p90-latch .steps article::before{content:"";position:absolute;top:18px;inset-inline-end:20px;width:120px;height:87px;background:var(--art-t-fix) center/contain no-repeat} body.theme-p90-latch .steps article:nth-child(4n+2)::before{background-image:var(--art-t-shell)} body.theme-p90-latch .steps article:nth-child(4n+3)::before{background-image:var(--art-t-suite)} body.theme-p90-latch .steps article:nth-child(4n+4)::before{background-image:var(--art-t-inbox)} body.theme-p90-latch .steps p{font-size:16px;line-height:1.7;color:var(--ink2);opacity:1} body.theme-p90-latch .steps .code-example{margin-top:20px} body.theme-p90-latch.page-0 main>section.reading:has(.steps)>p{margin:0} /* comparison: a test report */ body.theme-p90-latch .feature-matrix{background:#fff;border:1.5px solid var(--line);border-radius:22px;padding:42px 44px 30px;margin:0 0 70px; display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:48px;align-items:end} body.theme-p90-latch .feature-matrix>h2{grid-column:1;margin:0} body.theme-p90-latch .feature-matrix>p{grid-column:2;margin:0;opacity:1;color:var(--ink2);font-size:17px} body.theme-p90-latch .feature-matrix table{grid-column:1/-1;margin-top:32px;border-collapse:separate;border-spacing:0} body.theme-p90-latch .feature-matrix th,body.theme-p90-latch .feature-matrix td{border-bottom:1px solid var(--line2);padding:18px 20px;vertical-align:top} body.theme-p90-latch .feature-matrix thead th{font:600 13.5px/1.3 var(--mono);color:var(--ink2);border-bottom:2px solid var(--navy);padding-block:14px} body.theme-p90-latch .feature-matrix thead th:last-child{background:var(--leaf-l);color:#145c35;border-radius:12px 12px 0 0} body.theme-p90-latch .feature-matrix tbody th{font:600 14px/1.4 var(--mono);color:var(--navy);width:22%} body.theme-p90-latch .feature-matrix td{font-size:16px;line-height:1.5;color:var(--ink2);position:relative;padding-inline-start:52px} body.theme-p90-latch .feature-matrix td::before{content:"";position:absolute;inset-inline-start:20px;top:19px;width:20px;height:20px;border-radius:50%;border:2px solid var(--line);box-sizing:border-box} body.theme-p90-latch .feature-matrix td:last-child{background:#f2faf5;color:var(--navy);font-weight:600} body.theme-p90-latch .feature-matrix td:last-child::before{content:"✓";border:0;background:var(--leaf);color:#fff;font:700 12px/20px system-ui,sans-serif;text-align:center} body.theme-p90-latch .feature-matrix tbody tr:last-child>*{border-bottom:0} /* setup steps: a journey line A–D */ body.theme-p90-latch .setup{list-style:none;counter-reset:jr;padding:0;margin:0} body.theme-p90-latch .setup li{counter-increment:jr;position:relative;padding:0;color:var(--ink2);font-size:16px;line-height:1.65} body.theme-p90-latch .setup li::before{content:counter(jr,upper-alpha);position:absolute;top:0;inset-inline-start:0;width:42px;height:42px;border-radius:50%; background:#fff;border:2px solid var(--navy);color:var(--navy);display:grid;place-items:center;font:700 16px/1 var(--mono);z-index:1;box-sizing:border-box} body.theme-p90-latch .setup li:last-child::before{background:var(--leaf);border-color:var(--leaf);color:#fff} body.theme-p90-latch.page-0 .split-section{display:block;padding:0 0 70px;border:0} body.theme-p90-latch.page-0 .split-section h2{margin:0 0 30px;max-width:none} body.theme-p90-latch.page-0 .split-section .setup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px} body.theme-p90-latch.page-0 .split-section .setup li{padding-top:62px} body.theme-p90-latch.page-0 .split-section .setup li:not(:last-child)::after{content:"";position:absolute;top:20px;inset-inline-start:52px;inset-inline-end:-18px;border-top:2px dashed #8fb0dc} /* who it is for: three persona captions */ body.theme-p90-latch.page-0 main>section.reading:not(:has(.steps)):not(:has(.text-link)){max-width:none;padding:0 0 70px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px} body.theme-p90-latch.page-0 main>section.reading:not(:has(.steps)):not(:has(.text-link))>h2{grid-column:1/-1;margin:0 0 26px} body.theme-p90-latch.page-0 main>section.reading:not(:has(.steps)):not(:has(.text-link))>p{margin:0;color:var(--ink2);font-size:16px;line-height:1.7;border-top:2px solid var(--navy);padding-top:20px} body.theme-p90-latch.page-0 main>section.reading:not(:has(.steps)):not(:has(.text-link))>p::before{content:"";display:block;width:92px;height:72px;margin-bottom:16px;background:var(--art-p1) center/contain no-repeat} body.theme-p90-latch.page-0 main>section.reading:not(:has(.steps)):not(:has(.text-link))>p:nth-of-type(2)::before{background-image:var(--art-p2)} body.theme-p90-latch.page-0 main>section.reading:not(:has(.steps)):not(:has(.text-link))>p:nth-of-type(3)::before{background-image:var(--art-p3)} /* FAQ: test cases with pass pins */ body.theme-p90-latch .faq{max-width:none;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:52px;row-gap:0;align-items:start;margin:0 0 70px} body.theme-p90-latch .faq>h2{grid-column:1;grid-row:1/span 20;margin:0;align-self:start} body.theme-p90-latch .faq>h2::after{content:"";display:block;width:min(100%,280px);aspect-ratio:308/204;margin-top:30px;background:var(--art-faq) left top/contain no-repeat} body.theme-p90-latch .faq details{grid-column:2;background:#fff;border:1.5px solid var(--line2);border-radius:14px;padding:0;margin:0 0 10px;transition:border-color .15s} body.theme-p90-latch .faq details[open]{border-color:var(--navy);box-shadow:0 18px 34px -28px rgba(16,38,74,.6)} body.theme-p90-latch .faq summary{list-style:none;display:flex;align-items:flex-start;gap:14px;padding:18px 22px;font:650 18px/1.4 var(--sans);color:var(--navy)} body.theme-p90-latch .faq summary::-webkit-details-marker{display:none} body.theme-p90-latch .faq summary::before{content:"";flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;border:2px solid #9db8dc;box-sizing:border-box} body.theme-p90-latch .faq details[open] summary::before{content:"✓";background:var(--leaf);border-color:var(--leaf);color:#fff;font:700 12px/18px system-ui,sans-serif;text-align:center} body.theme-p90-latch .faq summary::after{content:"";flex:none;margin-inline-start:auto;margin-top:6px;width:9px;height:9px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(45deg)} body.theme-p90-latch .faq details[open] summary::after{transform:rotate(-135deg);margin-top:10px} body.theme-p90-latch .faq details p{margin:0;padding:0 24px 22px 58px;font-size:16px;line-height:1.7;color:var(--ink2);opacity:1;max-width:none} body.theme-p90-latch[dir=rtl] .faq details p,[dir=rtl] body.theme-p90-latch .faq details p{padding:0 58px 22px 24px} /* closing: the passing final frame */ body.theme-p90-latch .closing{background:var(--sun);border-radius:26px;text-align:start;padding:50px 56px;margin:0 0 70px;color:var(--navy); display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:44px;align-items:center;position:relative;overflow:hidden} body.theme-p90-latch .closing>span{grid-column:1;justify-self:start;font:600 13.5px/1.2 var(--sans);text-transform:none;letter-spacing:0;background:var(--navy);color:#fff;border-radius:999px;padding:7px 14px} body.theme-p90-latch .closing h2{grid-column:1;margin:18px 0 14px;max-width:none;font-size:clamp(32px,3.4vw,50px)} body.theme-p90-latch .closing p{grid-column:1;color:#2a3d5e;font-size:17px;opacity:1;margin:0 0 26px;max-width:640px} body.theme-p90-latch .closing .button{grid-column:1;justify-self:start} body.theme-p90-latch .closing::after{content:"";grid-column:2;grid-row:1/span 4;width:100%;max-width:400px;justify-self:end;aspect-ratio:340/250;background:var(--art-pass) center/contain no-repeat} /* useful links: tab tiles */ body.theme-p90-latch main>section.reading:has(.text-link){max-width:none;padding:0 0 64px;display:grid;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:52px;align-items:start} body.theme-p90-latch main>section.reading:has(.text-link)>h2{grid-column:1;margin:0 0 12px} body.theme-p90-latch main>section.reading:has(.text-link)>p:not(:has(.text-link)){grid-column:1;margin:0;color:var(--ink2)} body.theme-p90-latch main>section.reading:has(.text-link)>p:has(.text-link){grid-column:2;grid-row:1/span 2;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} body.theme-p90-latch .reading .text-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:16px 16px 16px 20px;background:#fff;border:1.5px solid var(--line2); border-radius:12px;text-decoration:none;font:600 16px/1.35 var(--sans);color:var(--navy);transition:border-color .15s} body.theme-p90-latch .reading .text-link:hover{border-color:var(--navy)} body.theme-p90-latch .text-link .link-arrow{flex:none;display:inline-grid;place-items:center;width:28px;height:28px;margin:0;border-radius:50%;background:#e6effc;color:var(--navy);font:700 13px/1 system-ui,sans-serif;border:0} body.theme-p90-latch .text-link:hover .link-arrow{background:var(--tomato);color:#fff} /* ---------- footer: a status bar ---------- */ body.theme-p90-latch footer{width:min(1240px,calc(100% - 64px));background:var(--navy);color:#d7e2f4;box-shadow:0 0 0 100vmax var(--navy);clip-path:inset(0 -100vmax); border:0;margin-top:20px;padding:40px 0 30px;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:48px;align-items:center} body.theme-p90-latch footer .footer-top{grid-column:1} body.theme-p90-latch footer .brand{color:#fff;font:750 20px/1 var(--sans);gap:10px} body.theme-p90-latch footer nav{grid-column:2;justify-self:end;margin:0;gap:8px 24px;font:500 14.5px/1.4 var(--sans)} body.theme-p90-latch footer nav a{color:#d7e2f4} body.theme-p90-latch footer nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px} body.theme-p90-latch .footer-bottom{grid-column:1/-1;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);opacity:1;color:#b9c9e4;font-size:13px;line-height:1.6;align-items:flex-start} body.theme-p90-latch .footer-bottom span:last-child{flex:none;display:inline-flex;align-items:center;gap:8px;font:500 13px var(--mono);color:#dfe9f8} body.theme-p90-latch .footer-bottom span:last-child::before{content:"";width:8px;height:8px;border-radius:50%;background:#58c48a;box-shadow:0 0 0 3px rgba(88,196,138,.25)} /* ---------- INNER PAGES ---------- */ body.theme-p90-latch .inner-hero{min-height:0;padding:52px 0 60px;margin-bottom:56px;display:grid;grid-template-columns:minmax(0,1fr) 316px;column-gap:56px;align-items:center} body.theme-p90-latch .inner-hero h1{font-size:clamp(40px,4.6vw,64px);margin:0;max-width:none} body.theme-p90-latch .hero-number{width:316px;aspect-ratio:316/214;background:var(--art-inner) center/contain no-repeat;opacity:1;color:var(--navy); display:flex;align-items:flex-end;padding:0 0 30px 30px;font:700 58px/1 var(--mono);letter-spacing:-.03em} body.theme-p90-latch[dir=rtl] .hero-number,[dir=rtl] body.theme-p90-latch .hero-number{padding:0 30px 30px 0} body.theme-p90-latch .product-lead{max-width:none;padding:0 0 48px} body.theme-p90-latch.page-2 main>section.reading:first-of-type{max-width:none;padding-bottom:40px} /* pair panels: h3 + p as storyboard frames (product, workflows) */ body.theme-p90-latch:is(.page-1,.page-3) main>section.reading:has(>h3){max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense;column-gap:28px;row-gap:0;padding-bottom:70px} body.theme-p90-latch:is(.page-1,.page-3) main>section.reading:has(>h3)>h2{grid-column:1/-1;margin:0 0 28px} body.theme-p90-latch:is(.page-1,.page-3) main>section.reading:has(>h3)>h3:nth-of-type(odd), body.theme-p90-latch:is(.page-1,.page-3) main>section.reading:has(>h3)>p:nth-of-type(odd){grid-column:1} body.theme-p90-latch:is(.page-1,.page-3) main>section.reading:has(>h3)>h3:nth-of-type(even), body.theme-p90-latch:is(.page-1,.page-3) main>section.reading:has(>h3)>p:nth-of-type(even){grid-column:2} body.theme-p90-latch:is(.page-1,.page-3,.page-2) main>section.reading>h3{display:flex;align-items:center;gap:20px;margin:0;background:#fff;border:1.5px solid var(--line);border-bottom:0; border-radius:18px 18px 0 0;padding:24px 28px 8px;font-size:clamp(21px,1.7vw,24px);font-stretch:92%} body.theme-p90-latch:is(.page-1,.page-3,.page-2) main>section.reading>h3::before{content:"";flex:none;width:104px;height:76px;background:var(--art-t-fix) center/contain no-repeat} body.theme-p90-latch:is(.page-1,.page-3,.page-2) main>section.reading>h3+p{margin:0 0 28px;background:#fff;border:1.5px solid var(--line);border-top:0;border-radius:0 0 18px 18px; padding:10px 28px 26px;color:var(--ink2);font-size:16px;line-height:1.72;box-shadow:0 20px 40px -34px rgba(16,38,74,.6)} body.theme-p90-latch.page-1 main>section.reading>h3:nth-of-type(1)::before{background-image:var(--art-t-inbox)} body.theme-p90-latch.page-1 main>section.reading>h3:nth-of-type(2)::before{background-image:var(--art-t-read)} body.theme-p90-latch.page-1 main>section.reading>h3:nth-of-type(3)::before{background-image:var(--art-t-fix)} body.theme-p90-latch.page-1 main>section.reading>h3:nth-of-type(4)::before{background-image:var(--art-t-suite)} body.theme-p90-latch.page-3 main>section.reading>h3:nth-of-type(1)::before{background-image:var(--art-t-suite)} body.theme-p90-latch.page-3 main>section.reading>h3:nth-of-type(2)::before{background-image:var(--art-t-shell)} body.theme-p90-latch.page-3 main>section.reading>h3:nth-of-type(3)::before{background-image:var(--art-t-fix)} body.theme-p90-latch.page-3 main>section.reading>h3:nth-of-type(4)::before{background-image:var(--art-t-flaky)} body.theme-p90-latch:is(.page-1,.page-3) main>section.reading:has(>h3)>.notice{grid-column:1/-1;margin:6px 0 0} /* product: capability list as assertion rows */ body.theme-p90-latch.page-1 main>section.reading:has(.feature-list){max-width:none;padding-bottom:70px} body.theme-p90-latch.page-1 main>section.reading:has(.feature-list)>h2{margin:0 0 26px} body.theme-p90-latch .feature-list{list-style:none;gap:12px 14px;margin:0} body.theme-p90-latch .feature-list li{position:relative;background:#fff;border:1.5px solid var(--line2);border-radius:14px;padding:18px 22px 18px 58px;font-size:15.5px;line-height:1.6;color:var(--ink2)} body.theme-p90-latch .feature-list li::before{content:"";position:absolute;inset-inline-start:20px;top:20px;width:22px;height:22px;background:var(--art-pin) center/contain no-repeat} body.theme-p90-latch[dir=rtl] .feature-list li,[dir=rtl] body.theme-p90-latch .feature-list li{padding:18px 58px 18px 22px} body.theme-p90-latch .feature-list strong{color:var(--navy);font:700 17px/1.3 var(--sans);margin-bottom:5px} body.theme-p90-latch .split-section p{opacity:1} body.theme-p90-latch.page-1 .split-section{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:52px;align-items:center;background:var(--navy);color:#e8f0fb; border:0;border-radius:22px;padding:48px;margin:0 0 70px} body.theme-p90-latch.page-1 .split-section h2{color:#fff;margin:0 0 18px} body.theme-p90-latch.page-1 .split-section p{color:#d5e1f3;font-size:17px;line-height:1.7;max-width:none;margin:0} body.theme-p90-latch.page-1 .split-section .agent-run{border-color:#fff;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)} /* models */ body.theme-p90-latch .connection{border:0;background:none;padding:0;margin:0 0 70px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:center} body.theme-p90-latch .connection span{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:58px 20px 26px;text-align:center;font:700 20px/1.3 var(--sans);color:var(--navy); box-shadow:0 18px 34px -28px rgba(16,38,74,.6);overflow-wrap:anywhere} body.theme-p90-latch .connection span::before{content:"";position:absolute;inset:0 0 auto 0;height:28px;border-radius:14px 14px 0 0;border-bottom:1px solid var(--line2); background:var(--art-dots) 12px 50%/28px 8px no-repeat,#e8f0fc} body.theme-p90-latch .connection span:last-of-type::after{content:"";position:absolute;top:-10px;inset-inline-end:-10px;width:26px;height:26px;background:var(--art-pin) center/contain no-repeat} body.theme-p90-latch .connection b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;font:700 19px/1 system-ui,sans-serif} body.theme-p90-latch[dir=rtl] .connection b,[dir=rtl] body.theme-p90-latch .connection b{transform:scaleX(-1)} body.theme-p90-latch.page-2 main>section.reading:has(>h3){max-width:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:28px;row-gap:0;padding-bottom:60px} body.theme-p90-latch.page-2 main>section.reading:has(>h3)>h2{grid-column:1/-1;margin:0 0 28px} body.theme-p90-latch.page-2 main>section.reading:has(>h3)>h3{grid-row:2;flex-direction:column;align-items:flex-start;gap:16px} body.theme-p90-latch.page-2 main>section.reading:has(>h3)>h3:nth-of-type(1),body.theme-p90-latch.page-2 main>section.reading:has(>h3)>p:nth-of-type(1){grid-column:1/3} body.theme-p90-latch.page-2 main>section.reading:has(>h3)>h3:nth-of-type(2),body.theme-p90-latch.page-2 main>section.reading:has(>h3)>p:nth-of-type(2){grid-column:3/5} body.theme-p90-latch.page-2 main>section.reading:has(>h3)>h3:nth-of-type(3),body.theme-p90-latch.page-2 main>section.reading:has(>h3)>p:nth-of-type(3){grid-column:5/7} body.theme-p90-latch.page-2 main>section.reading:has(>h3)>p:nth-of-type(-n+3){grid-row:3;margin-bottom:0} body.theme-p90-latch.page-2 main>section.reading>h3:nth-of-type(1)::before{background-image:var(--art-t-cloud)} body.theme-p90-latch.page-2 main>section.reading>h3:nth-of-type(2)::before{background-image:var(--art-t-pc)} body.theme-p90-latch.page-2 main>section.reading>h3:nth-of-type(3)::before{background-image:var(--art-t-chip)} body.theme-p90-latch.page-2 main>section.reading:has(>h3)>h2:nth-of-type(n+2){margin:64px 0 16px} body.theme-p90-latch.page-2 main>section.reading:has(>h3)>h2:nth-of-type(2){grid-column:1/4;grid-row:4} body.theme-p90-latch.page-2 main>section.reading:has(>h3)>p:nth-of-type(4){grid-column:1/4;grid-row:5} body.theme-p90-latch.page-2 main>section.reading:has(>h3)>h2:nth-of-type(3){grid-column:4/7;grid-row:4} body.theme-p90-latch.page-2 main>section.reading:has(>h3)>p:nth-of-type(5){grid-column:4/7;grid-row:5} body.theme-p90-latch.page-2 main>section.reading:has(>h3)>p:nth-of-type(6){grid-column:1/-1;grid-row:6;margin-top:22px;background:var(--sun-l);border-inline-start:5px solid var(--sun);border-radius:4px 14px 14px 4px;padding:20px 24px;color:var(--navy)} body.theme-p90-latch.page-2 main>section.reading:has(>h3)>p:is(:nth-of-type(4),:nth-of-type(5)){color:var(--ink2);margin:0;border-top:2px solid var(--navy);padding-top:18px} body.theme-p90-latch.page-2 main>section.reading:has(>h3)>h2:nth-of-type(n+2){font-size:clamp(24px,2.2vw,32px)} /* workflows */ body.theme-p90-latch .workflow-grid{display:block;padding:0 0 70px} body.theme-p90-latch.page-3 .workflow-grid .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:0 0 56px} body.theme-p90-latch.page-3 .workflow-grid .steps article{padding:118px 24px 24px} body.theme-p90-latch.page-3 .workflow-grid .steps article::before{top:22px;inset-inline-start:22px;inset-inline-end:auto;width:110px;height:80px} body.theme-p90-latch.page-3 .workflow-grid .steps article:nth-child(1)::before{background-image:var(--art-t-suite)} body.theme-p90-latch.page-3 .workflow-grid .steps article:nth-child(2)::before{background-image:var(--art-t-read)} body.theme-p90-latch.page-3 .workflow-grid .steps article:nth-child(3)::before{background-image:var(--art-t-shell)} body.theme-p90-latch.page-3 .workflow-grid .steps article:nth-child(4)::before{background-image:var(--art-t-fix)} body.theme-p90-latch.page-3 .workflow-grid .steps article:not(:last-child)::after{content:"";position:absolute;inset-inline-end:-29px;top:58px;width:28px;height:12px;background:var(--art-arrow) center/contain no-repeat} body.theme-p90-latch[dir=rtl].page-3 .workflow-grid .steps article::after,[dir=rtl] body.theme-p90-latch.page-3 .workflow-grid .steps article::after{transform:scaleX(-1)} body.theme-p90-latch.page-3 .workflow-grid .steps h3{padding:0;min-height:0;font-size:21px;margin:0 0 10px} body.theme-p90-latch.page-3 .workflow-grid .steps p{font-size:15.5px;line-height:1.65} body.theme-p90-latch .sticky-example{position:static;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px;row-gap:0;align-items:start} body.theme-p90-latch .sticky-example>h2{grid-column:1/-1;margin:0 0 26px} body.theme-p90-latch .sticky-example .agent-run{grid-column:1/span 7;grid-row:2/span 2;margin:0} body.theme-p90-latch .sticky-example .code-example{grid-column:8/-1;grid-row:2;margin:0} body.theme-p90-latch .sticky-example>p{grid-column:8/-1;grid-row:3;margin:20px 0 0;opacity:1;color:var(--ink2);font-size:15.5px;line-height:1.7} /* download */ body.theme-p90-latch .download-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px;gap:28px;margin:0 0 70px;padding:0;align-items:start} body.theme-p90-latch .download-card{grid-column:1/span 5;position:relative;background:#fff;border:1.5px solid var(--navy);border-radius:20px;padding:70px 34px 36px;text-align:center; box-shadow:0 2px 0 var(--navy),0 34px 70px -34px rgba(16,38,74,.55)} body.theme-p90-latch .download-card::before{content:"";position:absolute;inset:0 0 auto 0;height:34px;border-radius:18px 18px 0 0;background:var(--art-dots) 16px 50%/32px 9px no-repeat,var(--navy)} body.theme-p90-latch .app-icon{width:96px;height:96px;border-radius:24px;background:var(--navy);color:#fff;font:800 52px/1 var(--sans);margin:0 auto 22px;position:relative;box-shadow:0 18px 30px -16px rgba(16,38,74,.7)} body.theme-p90-latch .app-icon::after{content:"";position:absolute;inset-inline-end:-10px;bottom:-10px;width:34px;height:34px;background:var(--art-pin) center/contain no-repeat} body.theme-p90-latch .download-card h2{margin:0 0 6px} body.theme-p90-latch .download-card p{font:500 14px/1.5 var(--mono);color:var(--ink2);opacity:1;margin:0 0 26px} body.theme-p90-latch .download-card .button{width:100%} body.theme-p90-latch .download-grid>div:not(.download-card){grid-column:6/-1;min-width:0} body.theme-p90-latch .download-grid .large{margin:0 0 30px} body.theme-p90-latch.page-4 .setup{margin:0 0 30px;display:grid;gap:0} body.theme-p90-latch.page-4 .setup li{padding:8px 0 26px 64px;min-height:42px} body.theme-p90-latch[dir=rtl].page-4 .setup li,[dir=rtl] body.theme-p90-latch.page-4 .setup li{padding:8px 64px 26px 0} body.theme-p90-latch.page-4 .setup li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:20px;top:44px;bottom:2px;border-inline-start:2px dashed #8fb0dc} body.theme-p90-latch.page-4 main>section.reading{max-width:none;background:#fff;border:1.5px solid var(--line);border-radius:22px;padding:44px 48px 34px;margin-bottom:70px; display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px} body.theme-p90-latch.page-4 main>section.reading>h2{grid-column:1/-1;margin:0 0 14px;font-size:clamp(24px,2.3vw,32px)} body.theme-p90-latch.page-4 main>section.reading>h2:not(:first-child){margin-top:30px;padding-top:28px;border-top:1.5px dashed var(--line)} body.theme-p90-latch.page-4 main>section.reading>p{grid-column:1/-1;color:var(--ink2);margin:0;font-size:16px} body.theme-p90-latch.page-4 main>section.reading>p:first-of-type{columns:2;column-gap:48px} body.theme-p90-latch.page-4 main>section.reading>p:nth-of-type(2){max-width:860px} body.theme-p90-latch.page-4 main>section.reading>.code-example{grid-column:1;align-self:start} body.theme-p90-latch.page-4 main>section.reading>.code-example~p{grid-column:2} body.theme-p90-latch.page-4 main>section.reading>.code-example pre{overflow-wrap:anywhere} /* faq page: three chapters of test cases */ body.theme-p90-latch.page-5 main>section.faq+section.faq{border-top:2px dashed #a9c3e6;padding-top:56px} /* privacy: a sheet of panels */ body.theme-p90-latch .privacy.reading{max-width:none;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px;padding-bottom:70px} body.theme-p90-latch .privacy article{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:52px 30px 18px;min-width:0} body.theme-p90-latch .privacy article::before{content:"";position:absolute;inset:0 0 auto 0;height:28px;border-radius:16px 16px 0 0;border-bottom:1px solid var(--line2); background:var(--art-dots) 12px 50%/28px 8px no-repeat,#e8f0fc} body.theme-p90-latch .privacy article:nth-of-type(1),body.theme-p90-latch .privacy article:nth-of-type(3){grid-column:span 5} body.theme-p90-latch .privacy article:nth-of-type(2),body.theme-p90-latch .privacy article:nth-of-type(4){grid-column:span 7} body.theme-p90-latch .privacy article:nth-of-type(5){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:40px;background:var(--navy);border-color:var(--navy);color:#e8f0fb} body.theme-p90-latch .privacy article:nth-of-type(5)::before{background:var(--art-dots) 12px 50%/28px 8px no-repeat,#1c3561;border-color:#2b4777} body.theme-p90-latch .privacy article:nth-of-type(5) h2{grid-row:1/span 3;color:#fff} body.theme-p90-latch .privacy article:nth-of-type(5) p{grid-column:2;color:#d5e1f3} body.theme-p90-latch .privacy h2{font-size:clamp(23px,2vw,29px);margin:0 0 12px} body.theme-p90-latch .privacy p{font-size:16px;line-height:1.7;color:var(--ink2);opacity:1} body.theme-p90-latch .privacy .updated{grid-column:1/-1;margin:0;font:500 13.5px/1.4 var(--mono)!important;color:var(--ink2);opacity:1!important} /* ---------- tablet ---------- */ @media (max-width:1100px){ body.theme-p90-latch.page-0 main>.cards{grid-template-columns:repeat(3,minmax(0,1fr))} body.theme-p90-latch.page-0 main>.cards article:nth-child(3n)::after{content:none} body.theme-p90-latch .home-hero .agent-run{grid-column:1/span 7} body.theme-p90-latch .home-hero .hero-lead,body.theme-p90-latch .home-hero .actions,body.theme-p90-latch .home-hero::after{grid-column:8/-1} body.theme-p90-latch.page-3 .workflow-grid .steps{grid-template-columns:repeat(2,minmax(0,1fr))} body.theme-p90-latch.page-3 .workflow-grid .steps article:nth-child(2n)::after{content:none} body.theme-p90-latch.page-0 .split-section .setup{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px} body.theme-p90-latch.page-0 .split-section .setup li:nth-child(2n)::after{content:none} } /* ---------- phones ---------- */ @media (max-width:760px){ body.theme-p90-latch .wrap,body.theme-p90-latch .header,body.theme-p90-latch footer{width:calc(100% - 32px)} body.theme-p90-latch .header{min-height:0} body.theme-p90-latch .header .brand{font-size:19px} body.theme-p90-latch .brand-symbol{width:32px;height:32px} body.theme-p90-latch h2{font-size:clamp(25px,7vw,30px)} body.theme-p90-latch .home-hero{grid-template-columns:minmax(0,1fr);padding:26px 0 40px;margin-bottom:26px} body.theme-p90-latch .home-hero :is(.eyebrow,h1,.hero-lead,.actions),body.theme-p90-latch .home-hero .agent-run,body.theme-p90-latch .home-hero::after{grid-column:1;grid-row:auto} body.theme-p90-latch .home-hero .eyebrow{font-size:12.5px;margin-bottom:16px} body.theme-p90-latch .home-hero h1{font-size:clamp(33px,9.4vw,40px);margin:0 0 18px;overflow-wrap:anywhere} body.theme-p90-latch .h1-mark{border-width:1.5px;border-radius:7px;padding:0 .08em} body.theme-p90-latch .home-hero .hero-lead{font-size:16px;line-height:1.55;margin:0} body.theme-p90-latch .home-hero .actions{margin:20px 0 32px} body.theme-p90-latch .button{font-size:15px;padding:14px 18px} body.theme-p90-latch .home-hero::after{margin-top:24px;max-width:420px} body.theme-p90-latch .agent-run-steps li{grid-template-columns:minmax(0,1fr) auto} body.theme-p90-latch .agent-run-body{padding:16px 14px} body.theme-p90-latch main>.cards,body.theme-p90-latch.page-0 main>.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:48px} body.theme-p90-latch.page-1 main>.cards{grid-template-columns:minmax(0,1fr)} body.theme-p90-latch .cards article:not(:last-child)::after,body.theme-p90-latch.page-0 main>.cards article:nth-child(n)::after{content:none} body.theme-p90-latch .cards article{padding:40px 14px 14px} body.theme-p90-latch .cards h3{font-size:21px} body.theme-p90-latch .scenario{grid-template-columns:minmax(0,1fr);padding:28px 22px 84px;margin-bottom:48px;border-radius:18px} body.theme-p90-latch .scenario p{grid-column:1;grid-row:auto;margin-top:16px;font-size:16px} body.theme-p90-latch .scenario::after{inset-inline:22px;bottom:20px;height:38px} body.theme-p90-latch.page-0 .steps{grid-template-columns:minmax(0,1fr);gap:34px} body.theme-p90-latch.page-0 .steps article:nth-child(n){grid-column:1} body.theme-p90-latch .steps article{padding:30px 20px 22px} body.theme-p90-latch .steps h3{padding-inline-end:96px;min-height:58px;font-size:21px} body.theme-p90-latch .steps article::before{width:84px;height:61px;top:18px;inset-inline-end:14px} body.theme-p90-latch .steps p{font-size:15.5px} body.theme-p90-latch .feature-matrix{grid-template-columns:minmax(0,1fr);padding:28px 18px 18px;border-radius:18px;margin-bottom:48px} body.theme-p90-latch .feature-matrix>p{grid-column:1;margin-top:12px;font-size:16px} body.theme-p90-latch .feature-matrix table,body.theme-p90-latch .feature-matrix thead,body.theme-p90-latch .feature-matrix tbody{display:block} body.theme-p90-latch .feature-matrix tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} body.theme-p90-latch .feature-matrix thead th:first-child{display:none} body.theme-p90-latch .feature-matrix th,body.theme-p90-latch .feature-matrix td{display:block;width:auto;padding:12px 10px} body.theme-p90-latch .feature-matrix thead th{font-size:12.5px;padding:10px} body.theme-p90-latch .feature-matrix tbody th{grid-column:1/-1;width:auto;padding:16px 4px 4px;border-bottom:0} body.theme-p90-latch .feature-matrix td{font-size:14.5px;padding-inline-start:36px} body.theme-p90-latch .feature-matrix td::before{inset-inline-start:10px;top:13px;width:18px;height:18px} body.theme-p90-latch .feature-matrix td:last-child::before{line-height:18px;font-size:11px} body.theme-p90-latch .feature-matrix tbody tr:last-child>td{border-bottom:0} body.theme-p90-latch.page-0 .split-section{padding-bottom:48px} body.theme-p90-latch.page-0 .split-section .setup{grid-template-columns:minmax(0,1fr);row-gap:0} body.theme-p90-latch.page-0 .split-section .setup li{padding:8px 0 24px 60px;min-height:42px} body.theme-p90-latch[dir=rtl].page-0 .split-section .setup li,[dir=rtl] body.theme-p90-latch.page-0 .split-section .setup li{padding:8px 60px 24px 0} body.theme-p90-latch.page-0 .split-section .setup li:nth-child(n):not(:last-child)::after{content:"";top:44px;bottom:2px;inset-inline-start:20px;inset-inline-end:auto;border-top:0;border-inline-start:2px dashed #8fb0dc} body.theme-p90-latch.page-0 main>section.reading:not(:has(.steps)):not(:has(.text-link)){grid-template-columns:minmax(0,1fr);row-gap:24px;padding-bottom:48px} body.theme-p90-latch.page-0 main>section.reading:not(:has(.steps)):not(:has(.text-link))>h2{margin-bottom:0} body.theme-p90-latch.page-0 main>section.reading:not(:has(.steps)):not(:has(.text-link))>p::before{width:78px;height:61px;margin-bottom:12px} body.theme-p90-latch .faq{grid-template-columns:minmax(0,1fr);margin-bottom:48px} body.theme-p90-latch .faq>h2{grid-row:auto;margin-bottom:20px} body.theme-p90-latch .faq>h2::after{content:none} body.theme-p90-latch .faq details{grid-column:1} body.theme-p90-latch .faq summary{font-size:16.5px;padding:15px 16px;gap:12px} body.theme-p90-latch .faq details p{padding:0 16px 18px 50px;font-size:15.5px} body.theme-p90-latch[dir=rtl] .faq details p,[dir=rtl] body.theme-p90-latch .faq details p{padding:0 50px 18px 16px} body.theme-p90-latch .closing{grid-template-columns:minmax(0,1fr);padding:32px 22px;border-radius:20px;margin-bottom:48px} body.theme-p90-latch .closing h2{font-size:clamp(27px,7.6vw,32px)} body.theme-p90-latch .closing p{font-size:16px} body.theme-p90-latch .closing::after{grid-column:1;grid-row:auto;justify-self:start;max-width:250px;margin-top:26px} body.theme-p90-latch main>section.reading:has(.text-link){grid-template-columns:minmax(0,1fr);padding-bottom:48px} body.theme-p90-latch main>section.reading:has(.text-link)>p:has(.text-link){grid-column:1;grid-row:auto;grid-template-columns:minmax(0,1fr);margin-top:18px} body.theme-p90-latch footer{grid-template-columns:minmax(0,1fr);padding:30px 0 24px} body.theme-p90-latch footer nav{grid-column:1;justify-self:start;margin-top:20px} body.theme-p90-latch .footer-bottom{flex-direction:column;gap:10px} /* inner */ body.theme-p90-latch .inner-hero{grid-template-columns:minmax(0,1fr);padding:30px 0 38px;margin-bottom:34px} body.theme-p90-latch .inner-hero h1{font-size:clamp(31px,8.6vw,38px);overflow-wrap:anywhere} body.theme-p90-latch .hero-number{display:none} body.theme-p90-latch .product-lead{padding-bottom:34px} body.theme-p90-latch:is(.page-1,.page-3) main>section.reading:has(>h3),body.theme-p90-latch.page-2 main>section.reading:has(>h3){grid-template-columns:minmax(0,1fr);padding-bottom:48px} body.theme-p90-latch:is(.page-1,.page-2,.page-3) main>section.reading:has(>h3)>*{grid-column:1!important;grid-row:auto!important} body.theme-p90-latch:is(.page-1,.page-3,.page-2) main>section.reading>h3{padding:20px 18px 6px;gap:14px;font-size:20px} body.theme-p90-latch:is(.page-1,.page-3,.page-2) main>section.reading>h3::before{width:78px;height:57px} body.theme-p90-latch.page-2 main>section.reading:has(>h3)>h3{flex-direction:row;align-items:center} body.theme-p90-latch:is(.page-1,.page-3,.page-2) main>section.reading>h3+p{padding:8px 18px 22px;font-size:15.5px;margin-bottom:22px} body.theme-p90-latch.page-2 main>section.reading:has(>h3)>h2:nth-of-type(n+2){margin:34px 0 14px} body.theme-p90-latch.page-1 main>section.reading:has(.feature-list){padding-bottom:48px} body.theme-p90-latch .feature-list li{padding:16px 16px 16px 52px} body.theme-p90-latch[dir=rtl] .feature-list li,[dir=rtl] body.theme-p90-latch .feature-list li{padding:16px 52px 16px 16px} body.theme-p90-latch.page-1 .split-section{grid-template-columns:minmax(0,1fr);padding:28px 16px 18px;gap:28px;margin-bottom:48px;border-radius:18px} body.theme-p90-latch .connection{grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:12px;margin-bottom:48px} body.theme-p90-latch .connection span{padding:46px 16px 18px;font-size:18px;width:auto} body.theme-p90-latch .connection b{justify-self:center;transform:rotate(90deg)} body.theme-p90-latch[dir=rtl] .connection b,[dir=rtl] body.theme-p90-latch .connection b{transform:rotate(90deg)} body.theme-p90-latch.page-3 .workflow-grid{padding-bottom:48px} body.theme-p90-latch.page-3 .workflow-grid .steps{grid-template-columns:minmax(0,1fr);gap:30px;margin-bottom:40px} body.theme-p90-latch.page-3 .workflow-grid .steps article{padding:30px 20px 22px} body.theme-p90-latch.page-3 .workflow-grid .steps article::before{top:18px;inset-inline-start:auto;inset-inline-end:14px;width:78px;height:57px} body.theme-p90-latch.page-3 .workflow-grid .steps h3{padding-inline-end:92px;min-height:52px;margin-top:6px} body.theme-p90-latch.page-3 .workflow-grid .steps article:nth-child(n)::after{content:none} body.theme-p90-latch .sticky-example{grid-template-columns:minmax(0,1fr)} body.theme-p90-latch .sticky-example>*{grid-column:1!important;grid-row:auto!important} body.theme-p90-latch .sticky-example .code-example{margin-top:22px} body.theme-p90-latch .download-grid{grid-template-columns:minmax(0,1fr);margin-bottom:48px} body.theme-p90-latch .download-card,body.theme-p90-latch .download-grid>div:not(.download-card){grid-column:1} body.theme-p90-latch .download-card{padding:60px 20px 26px} body.theme-p90-latch.page-4 main>section.reading{grid-template-columns:minmax(0,1fr);padding:28px 18px 22px;margin-bottom:48px;border-radius:18px} body.theme-p90-latch.page-4 main>section.reading>*{grid-column:1!important} body.theme-p90-latch.page-4 main>section.reading>p:first-of-type{columns:1} body.theme-p90-latch.page-4 main>section.reading>.code-example~p{margin-top:18px} body.theme-p90-latch.page-5 main>section.faq+section.faq{padding-top:40px} body.theme-p90-latch .privacy.reading{grid-template-columns:minmax(0,1fr);gap:18px;padding-bottom:48px} body.theme-p90-latch .privacy article:nth-of-type(n){grid-column:1;padding:46px 18px 10px} body.theme-p90-latch .privacy article:nth-of-type(5){grid-template-columns:minmax(0,1fr)} body.theme-p90-latch .privacy article:nth-of-type(5) :is(h2,p){grid-column:1;grid-row:auto} } @media (prefers-reduced-motion:reduce){body.theme-p90-latch *{transition:none!important}} /* no automatic hyphenation in the main headline (long words still wrap) */ body h1{hyphens:manual;-webkit-hyphens:manual}