/* codesdevs.com theme "ratelimit" (2026-10-30): style + layout, CSS only (HTML/text unchanged).
   One audited variant (frontend-design skill), v3 redo on owner request (round 3); own skeleton, logo and favicon. Fonts self-hosted from Google Fonts (SIL OFL). */
@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:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/montserrat-700-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/montserrat-700-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/montserrat-700-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:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/montserrat-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/montserrat-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/montserrat-700-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/montserrat-700-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/montserrat-700-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:"Montserrat";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/montserrat-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/montserrat-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* p3-launch template — generated by src/build.py, edit src/ */
:root{
--t-code-art-dark:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 420 520%22%3E%3Crect width=%22420%22 height=%2240%22 fill=%22%23ffffff08%22/%3E%3Crect x=%2212%22 y=%228%22 width=%22128%22 height=%2232%22 rx=%227%22 fill=%22%23ffffff10%22/%3E%3Crect x=%2226%22 y=%2221%22 width=%2274%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f0%22 opacity=%22.7%22/%3E%3Crect x=%22156%22 y=%2221%22 width=%2262%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.8%22/%3E%3Crect x=%22234%22 y=%2221%22 width=%2248%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.6%22/%3E%3Crect x=%2216%22 y=%2266%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2248%22 y=%2266%22 width=%2234%22 height=%226%22 rx=%223%22 fill=%22%23c4b5fd%22/%3E%3Crect x=%2290%22 y=%2266%22 width=%2260%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f0%22/%3E%3Crect x=%22158%22 y=%2266%22 width=%2290%22 height=%226%22 rx=%223%22 fill=%22%235eead4%22/%3E%3Crect x=%2216%22 y=%2288%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2248%22 y=%2288%22 width=%2234%22 height=%226%22 rx=%223%22 fill=%22%23c4b5fd%22/%3E%3Crect x=%2290%22 y=%2288%22 width=%2272%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f0%22/%3E%3Crect x=%2216%22 y=%22110%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2216%22 y=%22132%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2248%22 y=%22132%22 width=%2226%22 height=%226%22 rx=%223%22 fill=%22%23c4b5fd%22/%3E%3Crect x=%2282%22 y=%22132%22 width=%2296%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f0%22/%3E%3Crect x=%22186%22 y=%22132%22 width=%2270%22 height=%226%22 rx=%223%22 fill=%22%235f6b86%22/%3E%3Crect x=%2216%22 y=%22154%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2270%22 y=%22154%22 width=%2252%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f0%22/%3E%3Crect x=%22130%22 y=%22154%22 width=%2218%22 height=%226%22 rx=%223%22 fill=%22%23c4b5fd%22/%3E%3Crect x=%22156%22 y=%22154%22 width=%2222%22 height=%226%22 rx=%223%22 fill=%22%2393c5fd%22/%3E%3Crect x=%2216%22 y=%22176%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2270%22 y=%22176%22 width=%2222%22 height=%226%22 rx=%223%22 fill=%22%23c4b5fd%22/%3E%3Crect x=%22100%22 y=%22176%22 width=%2280%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f0%22/%3E%3Crect x=%22188%22 y=%22176%22 width=%2264%22 height=%226%22 rx=%223%22 fill=%22%235eead4%22/%3E%3Crect x=%2216%22 y=%22198%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2292%22 y=%22198%22 width=%2244%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f0%22/%3E%3Crect x=%22144%22 y=%22198%22 width=%22110%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f0%22/%3E%3Crect x=%2216%22 y=%22220%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2292%22 y=%22220%22 width=%2230%22 height=%226%22 rx=%223%22 fill=%22%23c4b5fd%22/%3E%3Crect x=%22130%22 y=%22220%22 width=%22120%22 height=%226%22 rx=%223%22 fill=%22%235eead4%22/%3E%3Crect x=%2216%22 y=%22242%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2270%22 y=%22242%22 width=%2240%22 height=%226%22 rx=%223%22 fill=%22%23c4b5fd%22/%3E%3Crect x=%2216%22 y=%22264%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2216%22 y=%22286%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2248%22 y=%22286%22 width=%22210%22 height=%226%22 rx=%223%22 fill=%22%235f6b86%22/%3E%3Crect x=%220%22 y=%22300%22 width=%22420%22 height=%2222%22 fill=%22%235eead414%22/%3E%3Crect x=%220%22 y=%22300%22 width=%222.5%22 height=%2222%22 fill=%22%235eead4%22/%3E%3Crect x=%2216%22 y=%22308%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2248%22 y=%22308%22 width=%2226%22 height=%226%22 rx=%223%22 fill=%22%23c4b5fd%22/%3E%3Crect x=%2282%22 y=%22308%22 width=%2284%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f0%22/%3E%3Crect x=%22174%22 y=%22308%22 width=%2218%22 height=%226%22 rx=%223%22 fill=%22%2393c5fd%22/%3E%3Crect x=%220%22 y=%22322%22 width=%22420%22 height=%2222%22 fill=%22%235eead414%22/%3E%3Crect x=%220%22 y=%22322%22 width=%222.5%22 height=%2222%22 fill=%22%235eead4%22/%3E%3Crect x=%2216%22 y=%22330%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2270%22 y=%22330%22 width=%2264%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f0%22/%3E%3Crect x=%22142%22 y=%22330%22 width=%22140%22 height=%226%22 rx=%223%22 fill=%22%235eead4%22/%3E%3Crect x=%2216%22 y=%22352%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2270%22 y=%22352%22 width=%2258%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f0%22/%3E%3Crect x=%22136%22 y=%22352%22 width=%2230%22 height=%226%22 rx=%223%22 fill=%22%2393c5fd%22/%3E%3Crect x=%22174%22 y=%22352%22 width=%2240%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f0%22/%3E%3Crect x=%2216%22 y=%22374%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2292%22 y=%22374%22 width=%2222%22 height=%226%22 rx=%223%22 fill=%22%23c4b5fd%22/%3E%3Crect x=%22122%22 y=%22374%22 width=%2296%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f0%22/%3E%3Crect x=%2216%22 y=%22396%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2270%22 y=%22396%22 width=%2234%22 height=%226%22 rx=%223%22 fill=%22%23c4b5fd%22/%3E%3Crect x=%22112%22 y=%22396%22 width=%2250%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f0%22/%3E%3Crect x=%2216%22 y=%22418%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2216%22 y=%22440%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2248%22 y=%22440%22 width=%2226%22 height=%226%22 rx=%223%22 fill=%22%23c4b5fd%22/%3E%3Crect x=%2282%22 y=%22440%22 width=%2270%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f0%22/%3E%3Crect x=%22160%22 y=%22440%22 width=%2286%22 height=%226%22 rx=%223%22 fill=%22%235eead4%22/%3E%3Crect x=%2216%22 y=%22462%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3Crect x=%2270%22 y=%22462%22 width=%22120%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f0%22/%3E%3Crect x=%220%22 y=%22488%22 width=%22420%22 height=%2232%22 fill=%22%23ffffff08%22/%3E%3Crect x=%2216%22 y=%22501%22 width=%2240%22 height=%226%22 rx=%223%22 fill=%22%235eead4%22 opacity=%22.8%22/%3E%3Crect x=%2266%22 y=%22501%22 width=%2270%22 height=%226%22 rx=%223%22 fill=%22%235b6382%22 opacity=%22.7%22/%3E%3C/svg%3E");
--t-code-art-light:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 420 520%22%3E%3Crect width=%22420%22 height=%2240%22 fill=%22%230c10220a%22/%3E%3Crect x=%2212%22 y=%228%22 width=%22128%22 height=%2232%22 rx=%227%22 fill=%22%23ffffff%22/%3E%3Crect x=%2226%22 y=%2221%22 width=%2274%22 height=%226%22 rx=%223%22 fill=%22%23334155%22 opacity=%22.7%22/%3E%3Crect x=%22156%22 y=%2221%22 width=%2262%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.8%22/%3E%3Crect x=%22234%22 y=%2221%22 width=%2248%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.6%22/%3E%3Crect x=%2216%22 y=%2266%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2248%22 y=%2266%22 width=%2234%22 height=%226%22 rx=%223%22 fill=%22%237c3aed%22/%3E%3Crect x=%2290%22 y=%2266%22 width=%2260%22 height=%226%22 rx=%223%22 fill=%22%23334155%22/%3E%3Crect x=%22158%22 y=%2266%22 width=%2290%22 height=%226%22 rx=%223%22 fill=%22%230f766e%22/%3E%3Crect x=%2216%22 y=%2288%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2248%22 y=%2288%22 width=%2234%22 height=%226%22 rx=%223%22 fill=%22%237c3aed%22/%3E%3Crect x=%2290%22 y=%2288%22 width=%2272%22 height=%226%22 rx=%223%22 fill=%22%23334155%22/%3E%3Crect x=%2216%22 y=%22110%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2216%22 y=%22132%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2248%22 y=%22132%22 width=%2226%22 height=%226%22 rx=%223%22 fill=%22%237c3aed%22/%3E%3Crect x=%2282%22 y=%22132%22 width=%2296%22 height=%226%22 rx=%223%22 fill=%22%23334155%22/%3E%3Crect x=%22186%22 y=%22132%22 width=%2270%22 height=%226%22 rx=%223%22 fill=%22%23a3acc0%22/%3E%3Crect x=%2216%22 y=%22154%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2270%22 y=%22154%22 width=%2252%22 height=%226%22 rx=%223%22 fill=%22%23334155%22/%3E%3Crect x=%22130%22 y=%22154%22 width=%2218%22 height=%226%22 rx=%223%22 fill=%22%237c3aed%22/%3E%3Crect x=%22156%22 y=%22154%22 width=%2222%22 height=%226%22 rx=%223%22 fill=%22%232563eb%22/%3E%3Crect x=%2216%22 y=%22176%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2270%22 y=%22176%22 width=%2222%22 height=%226%22 rx=%223%22 fill=%22%237c3aed%22/%3E%3Crect x=%22100%22 y=%22176%22 width=%2280%22 height=%226%22 rx=%223%22 fill=%22%23334155%22/%3E%3Crect x=%22188%22 y=%22176%22 width=%2264%22 height=%226%22 rx=%223%22 fill=%22%230f766e%22/%3E%3Crect x=%2216%22 y=%22198%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2292%22 y=%22198%22 width=%2244%22 height=%226%22 rx=%223%22 fill=%22%23334155%22/%3E%3Crect x=%22144%22 y=%22198%22 width=%22110%22 height=%226%22 rx=%223%22 fill=%22%23334155%22/%3E%3Crect x=%2216%22 y=%22220%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2292%22 y=%22220%22 width=%2230%22 height=%226%22 rx=%223%22 fill=%22%237c3aed%22/%3E%3Crect x=%22130%22 y=%22220%22 width=%22120%22 height=%226%22 rx=%223%22 fill=%22%230f766e%22/%3E%3Crect x=%2216%22 y=%22242%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2270%22 y=%22242%22 width=%2240%22 height=%226%22 rx=%223%22 fill=%22%237c3aed%22/%3E%3Crect x=%2216%22 y=%22264%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2216%22 y=%22286%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2248%22 y=%22286%22 width=%22210%22 height=%226%22 rx=%223%22 fill=%22%23a3acc0%22/%3E%3Crect x=%220%22 y=%22300%22 width=%22420%22 height=%2222%22 fill=%22%2314b8a614%22/%3E%3Crect x=%220%22 y=%22300%22 width=%222.5%22 height=%2222%22 fill=%22%2314b8a6%22/%3E%3Crect x=%2216%22 y=%22308%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2248%22 y=%22308%22 width=%2226%22 height=%226%22 rx=%223%22 fill=%22%237c3aed%22/%3E%3Crect x=%2282%22 y=%22308%22 width=%2284%22 height=%226%22 rx=%223%22 fill=%22%23334155%22/%3E%3Crect x=%22174%22 y=%22308%22 width=%2218%22 height=%226%22 rx=%223%22 fill=%22%232563eb%22/%3E%3Crect x=%220%22 y=%22322%22 width=%22420%22 height=%2222%22 fill=%22%2314b8a614%22/%3E%3Crect x=%220%22 y=%22322%22 width=%222.5%22 height=%2222%22 fill=%22%2314b8a6%22/%3E%3Crect x=%2216%22 y=%22330%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2270%22 y=%22330%22 width=%2264%22 height=%226%22 rx=%223%22 fill=%22%23334155%22/%3E%3Crect x=%22142%22 y=%22330%22 width=%22140%22 height=%226%22 rx=%223%22 fill=%22%230f766e%22/%3E%3Crect x=%2216%22 y=%22352%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2270%22 y=%22352%22 width=%2258%22 height=%226%22 rx=%223%22 fill=%22%23334155%22/%3E%3Crect x=%22136%22 y=%22352%22 width=%2230%22 height=%226%22 rx=%223%22 fill=%22%232563eb%22/%3E%3Crect x=%22174%22 y=%22352%22 width=%2240%22 height=%226%22 rx=%223%22 fill=%22%23334155%22/%3E%3Crect x=%2216%22 y=%22374%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2292%22 y=%22374%22 width=%2222%22 height=%226%22 rx=%223%22 fill=%22%237c3aed%22/%3E%3Crect x=%22122%22 y=%22374%22 width=%2296%22 height=%226%22 rx=%223%22 fill=%22%23334155%22/%3E%3Crect x=%2216%22 y=%22396%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2270%22 y=%22396%22 width=%2234%22 height=%226%22 rx=%223%22 fill=%22%237c3aed%22/%3E%3Crect x=%22112%22 y=%22396%22 width=%2250%22 height=%226%22 rx=%223%22 fill=%22%23334155%22/%3E%3Crect x=%2216%22 y=%22418%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2216%22 y=%22440%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2248%22 y=%22440%22 width=%2226%22 height=%226%22 rx=%223%22 fill=%22%237c3aed%22/%3E%3Crect x=%2282%22 y=%22440%22 width=%2270%22 height=%226%22 rx=%223%22 fill=%22%23334155%22/%3E%3Crect x=%22160%22 y=%22440%22 width=%2286%22 height=%226%22 rx=%223%22 fill=%22%230f766e%22/%3E%3Crect x=%2216%22 y=%22462%22 width=%2214%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3Crect x=%2270%22 y=%22462%22 width=%22120%22 height=%226%22 rx=%223%22 fill=%22%23334155%22/%3E%3Crect x=%220%22 y=%22488%22 width=%22420%22 height=%2232%22 fill=%22%230c10220a%22/%3E%3Crect x=%2216%22 y=%22501%22 width=%2240%22 height=%226%22 rx=%223%22 fill=%22%2314b8a6%22 opacity=%22.8%22/%3E%3Crect x=%2266%22 y=%22501%22 width=%2270%22 height=%226%22 rx=%223%22 fill=%22%23a3abbe%22 opacity=%22.7%22/%3E%3C/svg%3E");
--t-art-1:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 440 300%22%3E %3Crect x=%2230%22 y=%2230%22 width=%22360%22 height=%22190%22 rx=%2218%22 fill=%22%23ffffff%22 fill-opacity=%22.2%22 stroke=%22%23ffffff%22 stroke-opacity=%22.55%22 stroke-width=%221.5%22/%3E %3Crect x=%2254%22 y=%2252%22 width=%2290%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%22.9%22/%3E%3Crect x=%2254%22 y=%2268%22 width=%2254%22 height=%226%22 rx=%223%22 fill=%22%23fff%22 opacity=%22.55%22/%3E %3Crect x=%22318%22 y=%2250%22 width=%2248%22 height=%2220%22 rx=%2210%22 fill=%22%23fff%22 opacity=%22.9%22/%3E %3Cpath d=%22M60 120h306M60 158h306%22 stroke=%22%23fff%22 stroke-opacity=%22.25%22 stroke-dasharray=%223 6%22/%3E %3Cpath d=%22M60 170 L94 158 L128 164 L162 136 L196 144 L230 118 L264 130 L298 108 L332 122 L366 102 L366 196 L60 196 Z%22 fill=%22%23fff%22 fill-opacity=%22.22%22/%3E%3Cpath d=%22M60 170 L94 158 L128 164 L162 136 L196 144 L230 118 L264 130 L298 108 L332 122 L366 102%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%223%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22/%3E %3Ccircle cx=%22366%22 cy=%22102%22 r=%226%22 fill=%22%23fff%22/%3E%3Ccircle cx=%22366%22 cy=%22102%22 r=%2212%22 fill=%22%23fff%22 fill-opacity=%22.3%22/%3E %3Crect x=%22250%22 y=%22176%22 width=%22170%22 height=%22104%22 rx=%2216%22 fill=%22%23fff%22 fill-opacity=%22.9%22/%3E %3Crect x=%22268%22 y=%22194%22 width=%2260%22 height=%226%22 rx=%223%22 fill=%22%230c1022%22 opacity=%22.55%22/%3E %3Crect x=%22268%22 y=%22244%22 width=%2216%22 height=%2222%22 rx=%224%22 fill=%22%230c1022%22 opacity=%22.7%22/%3E%3Crect x=%22292%22 y=%22226%22 width=%2216%22 height=%2240%22 rx=%224%22 fill=%22%230c1022%22 opacity=%22.7%22/%3E %3Crect x=%22316%22 y=%22236%22 width=%2216%22 height=%2230%22 rx=%224%22 fill=%22%230c1022%22 opacity=%22.7%22/%3E%3Crect x=%22340%22 y=%22214%22 width=%2216%22 height=%2252%22 rx=%224%22 fill=%22%230c1022%22 opacity=%22.85%22/%3E %3Crect x=%22364%22 y=%22230%22 width=%2216%22 height=%2236%22 rx=%224%22 fill=%22%230c1022%22 opacity=%22.7%22/%3E%3Crect x=%22388%22 y=%22248%22 width=%2216%22 height=%2218%22 rx=%224%22 fill=%22%230c1022%22 opacity=%22.7%22/%3E %3C/svg%3E");
--t-art-2:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 420 300%22%3E %3Crect x=%2230%22 y=%2236%22 width=%22360%22 height=%22232%22 rx=%2218%22 fill=%22%23ffffff%22 fill-opacity=%22.2%22 stroke=%22%23ffffff%22 stroke-opacity=%22.55%22 stroke-width=%221.5%22/%3E %3Crect x=%2254%22 y=%2256%22 width=%22110%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%22.9%22/%3E%3Crect x=%2246%22 y=%2280%22 width=%22328%22 height=%2234%22 rx=%2210%22 fill=%22%23fff%22 fill-opacity=%220%22/%3E%3Ccircle cx=%2268%22 cy=%2297%22 r=%229%22 fill=%22%23fff%22 fill-opacity=%220.9%22/%3E%3Cpath d=%22M63.5 97l3 3 5.5-6%22 fill=%22none%22 stroke=%22%230c1022%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.8%22/%3E%3Crect x=%2288%22 y=%2294%22 width=%22150%22 height=%227%22 rx=%223.5%22 fill=%22%23fff%22 opacity=%220.85%22/%3E%3Crect x=%22318%22 y=%2292%22 width=%2240%22 height=%2211%22 rx=%225.5%22 fill=%22%23fff%22 opacity=%220.45%22/%3E%3Crect x=%2246%22 y=%22120%22 width=%22328%22 height=%2234%22 rx=%2210%22 fill=%22%23fff%22 fill-opacity=%220%22/%3E%3Ccircle cx=%2268%22 cy=%22137%22 r=%229%22 fill=%22%23fff%22 fill-opacity=%220.9%22/%3E%3Cpath d=%22M63.5 137l3 3 5.5-6%22 fill=%22none%22 stroke=%22%230c1022%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.8%22/%3E%3Crect x=%2288%22 y=%22134%22 width=%22120%22 height=%227%22 rx=%223.5%22 fill=%22%23fff%22 opacity=%220.85%22/%3E%3Crect x=%22318%22 y=%22132%22 width=%2240%22 height=%2211%22 rx=%225.5%22 fill=%22%23fff%22 opacity=%220.45%22/%3E%3Crect x=%2246%22 y=%22160%22 width=%22328%22 height=%2234%22 rx=%2210%22 fill=%22%23fff%22 fill-opacity=%220.92%22/%3E%3Ccircle cx=%2268%22 cy=%22177%22 r=%229%22 fill=%22%230c1022%22 fill-opacity=%220.85%22/%3E%3Cpath d=%22M63.5 177l3 3 5.5-6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.8%22/%3E%3Crect x=%2288%22 y=%22174%22 width=%22170%22 height=%227%22 rx=%223.5%22 fill=%22%230c1022%22 opacity=%220.7%22/%3E%3Crect x=%22318%22 y=%22172%22 width=%2240%22 height=%2211%22 rx=%225.5%22 fill=%22%230c1022%22 opacity=%220.25%22/%3E%3Crect x=%2246%22 y=%22200%22 width=%22328%22 height=%2234%22 rx=%2210%22 fill=%22%23fff%22 fill-opacity=%220%22/%3E%3Ccircle cx=%2268%22 cy=%22217%22 r=%229%22 fill=%22%23fff%22 fill-opacity=%220.9%22/%3E%3Cpath d=%22M63.5 217l3 3 5.5-6%22 fill=%22none%22 stroke=%22%230c1022%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.8%22/%3E%3Crect x=%2288%22 y=%22214%22 width=%2296%22 height=%227%22 rx=%223.5%22 fill=%22%23fff%22 opacity=%220.85%22/%3E%3Crect x=%22318%22 y=%22212%22 width=%2240%22 height=%2211%22 rx=%225.5%22 fill=%22%23fff%22 opacity=%220.45%22/%3E %3Crect x=%22236%22 y=%22246%22 width=%2266%22 height=%2226%22 rx=%2213%22 fill=%22%23fff%22 fill-opacity=%22.25%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22/%3E%3Crect x=%22308%22 y=%22246%22 width=%2266%22 height=%2226%22 rx=%2213%22 fill=%22%23fff%22/%3E %3C/svg%3E");
--t-art-3:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 420 300%22%3E %3Crect x=%2230%22 y=%2234%22 width=%22360%22 height=%22236%22 rx=%2218%22 fill=%22%230c1022%22 fill-opacity=%22.72%22 stroke=%22%23fff%22 stroke-opacity=%22.3%22 stroke-width=%221.5%22/%3E %3Ccircle cx=%2256%22 cy=%2258%22 r=%224.5%22 fill=%22%23fff%22 opacity=%22.45%22/%3E%3Ccircle cx=%2272%22 cy=%2258%22 r=%224.5%22 fill=%22%23fff%22 opacity=%22.3%22/%3E%3Ccircle cx=%2288%22 cy=%2258%22 r=%224.5%22 fill=%22%23fff%22 opacity=%22.2%22/%3E %3Cpath d=%22M54 88l7 6-7 6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.95%22/%3E%3Crect x=%2274%22 y=%2291%22 width=%22150%22 height=%227%22 rx=%223.5%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Cpath d=%22M54 118l7 6-7 6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.5%22/%3E%3Crect x=%2274%22 y=%22121%22 width=%2290%22 height=%227%22 rx=%223.5%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Crect x=%22174%22 y=%22121%22 width=%2260%22 height=%227%22 rx=%223.5%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Cpath d=%22M54 148l7 6-7 6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.95%22/%3E%3Crect x=%2274%22 y=%22151%22 width=%22190%22 height=%227%22 rx=%223.5%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Cpath d=%22M54 178l7 6-7 6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.5%22/%3E%3Crect x=%2274%22 y=%22181%22 width=%22120%22 height=%227%22 rx=%223.5%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Cpath d=%22M54 208l7 6-7 6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.95%22/%3E%3Crect x=%2274%22 y=%22211%22 width=%2270%22 height=%227%22 rx=%223.5%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Crect x=%22154%22 y=%22211%22 width=%2290%22 height=%227%22 rx=%223.5%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Cpath d=%22M54 238l7 6-7 6%22 fill=%22none%22 stroke=%22%235eead4%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Crect x=%2274%22 y=%22236%22 width=%2212%22 height=%2216%22 rx=%222%22 fill=%22%235eead4%22/%3E %3C/svg%3E");
--t-art-orb:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3CradialGradient id=%22s%22 cx=%22.36%22 cy=%22.32%22 r=%22.7%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22/%3E%3Cstop offset=%22.45%22 stop-color=%22%23fff%22 stop-opacity=%22.55%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%22.08%22/%3E%3C/radialGradient%3E%3C/defs%3E %3Cellipse cx=%2232%22 cy=%2233%22 rx=%2225%22 ry=%228.5%22 transform=%22rotate(-22 32 33)%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.45%22 stroke-width=%221.6%22/%3E %3Ccircle cx=%2232%22 cy=%2232%22 r=%2213%22 fill=%22url(%23s)%22/%3E %3Cpath d=%22M9.5 41.6A25 8.5 -22 0 0 54.5 24.4%22 transform=%22rotate(0)%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.95%22 stroke-width=%221.8%22 stroke-linecap=%22round%22/%3E %3Ccircle cx=%2252%22 cy=%2222%22 r=%222.6%22 fill=%22%23fff%22/%3E%3C/svg%3E");
--t-winctl-dark:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 72 12%22%3E%3Cpath d=%22M2 6h10%22 stroke=%22%239aa3bf%22 stroke-width=%221.3%22/%3E%3Crect x=%2231%22 y=%221.5%22 width=%229%22 height=%229%22 rx=%221%22 fill=%22none%22 stroke=%22%239aa3bf%22 stroke-width=%221.3%22/%3E%3Cpath d=%22M61 1.5l9 9M70 1.5l-9 9%22 stroke=%22%239aa3bf%22 stroke-width=%221.3%22/%3E%3C/svg%3E");
--t-winctl-light:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 72 12%22%3E%3Cpath d=%22M2 6h10%22 stroke=%22%235d6478%22 stroke-width=%221.3%22/%3E%3Crect x=%2231%22 y=%221.5%22 width=%229%22 height=%229%22 rx=%221%22 fill=%22none%22 stroke=%22%235d6478%22 stroke-width=%221.3%22/%3E%3Cpath d=%22M61 1.5l9 9M70 1.5l-9 9%22 stroke=%22%235d6478%22 stroke-width=%221.3%22/%3E%3C/svg%3E");
}
/* p3-launch — premium "product launch" template. Source file: `html body[class*="theme-"]:not(#t)` = html body[class*="theme-"]:not(#t) (beats every
   .theme-xxx quirk in site.css), `html body[class*="theme-"].page-0:not(#t)`…`html body[class*="theme-"].page-6:not(#t)` = the same for body.page-0…page-6. Build: python3 src/build.py
   Site values live ONLY in demo-<domain>.css (a :root block). Everything else is derived here. */

/* ---------- 1. Base tokens (override in demo-<domain>.css) ---------- */
:root{
  /* paint: four stops for the painterly backdrops (light, saturated; never used for text) */
  --t-g1:#2dd4bf; --t-g2:#3b82f6; --t-g3:#8b5cf6; --t-g4:#f0abfc;
  /* text-safe stops (≥4.5:1 on white) for the H1 highlight, giant footer wordmark and links */
  --t-mark-1:#0f766e; --t-mark-2:#1d4ed8; --t-mark-3:#6d28d9;
  --t-accent-text:#1d4ed8;
  /* light ground */
  --t-paper:#ffffff; --t-mist:#f3f4f7; --t-ink:#0c1022; --t-text:#3a4154; --t-muted:#5b6275;
  --t-line:rgba(12,16,34,.10); --t-line-strong:rgba(12,16,34,.18);
  /* night sections */
  --t-night:#0c1022; --t-night-2:#161b33; --t-night-ink:#f4f6ff; --t-night-text:#b8bfd6; --t-night-line:rgba(255,255,255,.12);
  /* product window — switch 2: dark (default) or light, see README */
  --t-win-bg:#11152a; --t-win-pane:#0d1122; --t-win-bar:#181d36; --t-win-ink:#e7eaf6; --t-win-muted:#9aa3bf;
  --t-win-line:rgba(255,255,255,.09); --t-win-chip:rgba(255,255,255,.04); --t-win-tool:#5eead4; --t-win-ok:#86efac;
  --t-win-bubble:#2a3566; --t-win-accept-bg:#ffffff; --t-win-accept-ink:#0c1022;
  --t-code-art:var(--t-code-art-dark); --t-winctl:var(--t-winctl-dark);
  /* type */
  --t-font-display:"Geologica",Inter,system-ui,sans-serif;
  --t-font-body:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --t-weight-display:700; --t-tracking:-.045em;
  /* hero — switch 3: centred (default) or start-aligned, see README */
  --t-hero-align:center; --t-hero-items:center; --t-hero-lead-mi:auto;
  /* brand art */
  --t-app-icon:none;          /* data-URI of the site icon (rounded square) — shown large above the H1 */
  --t-art-hero:var(--t-art-1); --t-art-scenario:var(--t-art-1);
  /* shape */
  --t-r-xl:28px; --t-r-lg:24px; --t-r:16px; --t-r-sm:12px;
  --t-sec:52px;               /* space between sections */
  --t-band:50px;              /* inner padding of full-bleed bands */
  --lang-radius:999px; --nav-radius:999px;
}

/* ---------- 2. Derived tokens + page ground ---------- */
html body[class*="theme-"]:not(#t){
  --bg:var(--t-paper)!important; --ink:var(--t-ink)!important; --accent:var(--t-accent-text)!important;
  --nav-accent:var(--t-accent-text);
  --t-paint:
    linear-gradient(112deg,transparent 18%,rgba(255,255,255,.28) 34%,transparent 46%,transparent 62%,rgba(255,255,255,.18) 72%,transparent 84%),
    radial-gradient(38% 52% at 16% 26%, color-mix(in oklab,var(--t-g1) 92%,#fff) 0,transparent 72%),
    radial-gradient(34% 50% at 84% 20%, color-mix(in oklab,var(--t-g3) 88%,#fff) 0,transparent 72%),
    radial-gradient(52% 64% at 62% 96%, var(--t-g2) 0,transparent 74%),
    radial-gradient(30% 44% at 34% 88%, var(--t-g4) 0,transparent 72%),
    radial-gradient(26% 40% at 94% 78%, color-mix(in oklab,var(--t-g1) 70%,#fff) 0,transparent 70%),
    radial-gradient(40% 30% at 50% 4%, color-mix(in oklab,var(--t-g4) 60%,#fff) 0,transparent 70%),
    linear-gradient(118deg, color-mix(in oklab,var(--t-g1) 60%,#fff), color-mix(in oklab,var(--t-g2) 58%,#fff) 48%, color-mix(in oklab,var(--t-g3) 62%,#fff));
  --t-paint-2:
    radial-gradient(46% 60% at 80% 24%, color-mix(in oklab,var(--t-g1) 90%,#fff) 0,transparent 72%),
    radial-gradient(40% 56% at 14% 80%, color-mix(in oklab,var(--t-g3) 86%,#fff) 0,transparent 72%),
    radial-gradient(36% 50% at 56% 50%, var(--t-g4) 0,transparent 72%),
    linear-gradient(200deg, color-mix(in oklab,var(--t-g2) 62%,#fff), color-mix(in oklab,var(--t-g3) 66%,#fff));
  --t-paint-3:
    radial-gradient(44% 58% at 24% 22%, color-mix(in oklab,var(--t-g2) 90%,#fff) 0,transparent 72%),
    radial-gradient(40% 52% at 86% 84%, color-mix(in oklab,var(--t-g1) 88%,#fff) 0,transparent 72%),
    radial-gradient(30% 40% at 70% 18%, var(--t-g4) 0,transparent 72%),
    linear-gradient(150deg, color-mix(in oklab,var(--t-g3) 60%,#fff), color-mix(in oklab,var(--t-g1) 60%,#fff));
  --t-aurora:
    radial-gradient(60% 90% at 20% 110%, color-mix(in oklab,var(--t-g1) 70%,transparent) 0,transparent 70%),
    radial-gradient(55% 90% at 55% 120%, color-mix(in oklab,var(--t-g2) 80%,transparent) 0,transparent 70%),
    radial-gradient(50% 80% at 88% 110%, color-mix(in oklab,var(--t-g3) 80%,transparent) 0,transparent 70%);
  --t-mark:linear-gradient(100deg,var(--t-mark-1),var(--t-mark-2) 52%,var(--t-mark-3));
  --t-band-night:linear-gradient(var(--t-night),var(--t-night));
  --t-band-mist:linear-gradient(var(--t-mist),var(--t-mist));
  background:var(--t-paper)!important; color:var(--t-ink); font-family:var(--t-font-body);
  font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased;
}
html body[class*="theme-"]:not(#t) .wrap,html body[class*="theme-"]:not(#t) .header{width:min(1200px,calc(100% - 64px))}
html body[class*="theme-"]:not(#t) :is(h1,h2,h3){font-family:var(--t-font-display);color:var(--t-ink);font-weight:var(--t-weight-display);letter-spacing:var(--t-tracking)}
html body[class*="theme-"]:not(#t) h2{font-size:clamp(30px,3.3vw,46px);line-height:1.06;margin:0 0 18px}
html body[class*="theme-"]:not(#t) h3{font-size:21px;line-height:1.25;letter-spacing:-.025em;font-weight:600}
html body[class*="theme-"]:not(#t) p{color:var(--t-text)}
html body[class*="theme-"]:not(#t) :is(.cards p,.steps p,.split-section p,.faq p,.privacy p,.large,.hero-lead,.feature-matrix>p,.sticky-example>p){opacity:1}
html body[class*="theme-"]:not(#t) a:focus-visible,html body[class*="theme-"]:not(#t) button:focus-visible,html body[class*="theme-"]:not(#t) summary:focus-visible{outline:2px solid var(--t-accent-text);outline-offset:3px;border-radius:8px}
html body[class*="theme-"]:not(#t) ::selection{background:color-mix(in oklab,var(--t-g2) 30%,#fff)}

/* full-bleed bands without horizontal overflow (border-image outset is ink overflow) */

/* ---------- 3. Header ---------- */
html body[class*="theme-"]:not(#t) .header{min-height:76px;border:0!important;gap:24px;background:transparent}
html body[class*="theme-"]:not(#t) .brand{font-family:var(--t-font-display);font-size:20px;font-weight:700;letter-spacing:-.035em;gap:11px;color:var(--t-ink)}
html body[class*="theme-"]:not(#t) .brand-symbol{width:34px;height:34px;border-radius:10px!important;background:none!important;padding:0;overflow:hidden;
  box-shadow:0 8px 18px -8px color-mix(in oklab,var(--t-g2) 80%,transparent)}
html body[class*="theme-"]:not(#t) .brand-symbol svg{display:block;width:100%;height:100%}
html body[class*="theme-"]:not(#t) .main-nav{margin-inline:auto;gap:2px;padding:4px;border-radius:999px;background:var(--t-mist);border:1px solid var(--t-line);font-size:14px;font-weight:500}
html body[class*="theme-"]:not(#t) .main-nav a{opacity:1;color:var(--t-text);padding:7px 16px;border-radius:999px;text-decoration:none!important;transition:background-color .15s,color .15s}
html body[class*="theme-"]:not(#t) .main-nav a:hover{background:#fff;color:var(--t-ink)}
html body[class*="theme-"]:not(#t) .main-nav a[aria-current]{background:#fff;color:var(--t-ink);box-shadow:0 1px 2px rgba(12,16,34,.08),0 0 0 1px var(--t-line)}
html body[class*="theme-"]:not(#t) .header .language{color:var(--t-ink)}

/* ---------- 4. Buttons ---------- */
html body[class*="theme-"]:not(#t) .button{border-radius:999px;padding:14px 24px;font-size:15px;font-weight:600;gap:10px;line-height:1.2;border:1px solid transparent;transition:transform .18s,box-shadow .18s,background-color .18s}
html body[class*="theme-"]:not(#t) .button.primary{background:var(--t-ink);color:#fff;
  box-shadow:0 12px 32px -12px color-mix(in oklab,var(--t-g2) 85%,transparent),0 0 0 1px color-mix(in oklab,var(--t-g3) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.16)}
html body[class*="theme-"]:not(#t) .button.primary:hover{transform:translateY(-1px);box-shadow:0 18px 40px -12px color-mix(in oklab,var(--t-g2) 95%,transparent),0 0 0 1px color-mix(in oklab,var(--t-g3) 45%,transparent),inset 0 1px 0 rgba(255,255,255,.2)}
html body[class*="theme-"]:not(#t) .button.secondary{background:var(--t-mist);color:var(--t-ink);border-color:var(--t-line)}
html body[class*="theme-"]:not(#t) .button.secondary:hover{background:#e9ebf1;transform:translateY(-1px)}
html body[class*="theme-"]:not(#t) .button span{opacity:.75}

/* ---------- 5. Pills (eyebrows, closing label) ---------- */
html body[class*="theme-"]:not(#t) :is(.eyebrow,.closing>span){display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin:0 0 22px;padding:6px 14px 6px 10px;
  border-radius:999px;background:var(--t-mist);border:1px solid var(--t-line);color:var(--t-text);
  font:500 13px/1.3 var(--t-font-body);letter-spacing:0;text-transform:none}
html body[class*="theme-"]:not(#t) .eyebrow i,html body[class*="theme-"]:not(#t) .closing>span::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--t-g1),var(--t-g3));
  box-shadow:0 0 0 3px color-mix(in oklab,var(--t-g2) 18%,transparent)}

/* ---------- 6. Home hero: icon + centred headline + product shot ---------- */
html body[class*="theme-"]:not(#t) .home-hero{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:30px 0 0;text-align:var(--t-hero-align)}
html body[class*="theme-"]:not(#t) .home-hero .hero-copy{display:flex;flex-direction:column;align-items:var(--t-hero-items);max-width:980px;margin-inline:var(--t-hero-lead-mi);border:0;padding:0;background:none}
html body[class*="theme-"]:not(#t) .home-hero .eyebrow{margin-bottom:18px}
html body[class*="theme-"]:not(#t) .home-hero .hero-copy::before{content:"";flex:none;width:64px;height:64px;margin:0 0 20px;border-radius:18px;background:var(--t-app-icon) center/cover no-repeat,linear-gradient(135deg,var(--t-g1),var(--t-g2),var(--t-g3));
  box-shadow:0 22px 44px -16px color-mix(in oklab,var(--t-g2) 75%,transparent),0 0 0 1px rgba(255,255,255,.5) inset}
html body[class*="theme-"]:not(#t) .home-hero h1{font-size:clamp(46px,5.7vw,78px);line-height:1.01;letter-spacing:-.05em;font-weight:var(--t-weight-display);margin:0 0 20px;max-width:14.5em;text-wrap:balance}
html body[class*="theme-"]:not(#t) .h1-mark{background:var(--t-mark);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-bottom:.04em}
html body[class*="theme-"]:not(#t) .home-hero .hero-lead{max-width:680px;margin:0 var(--t-hero-lead-mi);font-size:19px;line-height:1.6;color:var(--t-text)}
html body[class*="theme-"]:not(#t) .home-hero .actions{justify-content:var(--t-hero-items);margin-top:28px}

/* product window (every .agent-run) — the window body is ::after, the painterly backdrop is ::before */
html body[class*="theme-"]:not(#t) .agent-run{position:relative;isolation:isolate;overflow:visible;background:transparent;border:0;border-radius:var(--t-r);color:var(--t-win-ink);text-align:start;min-width:0;
  --t-shot-x:-28px;--t-shot-y:-28px}
html body[class*="theme-"]:not(#t) .agent-run::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--t-win-bg);border:1px solid var(--t-win-line);
  box-shadow:0 40px 80px -36px rgba(12,16,34,.6),0 18px 30px -18px rgba(12,16,34,.35)}
html body[class*="theme-"]:not(#t) .agent-run::before{content:"";position:absolute;inset:var(--t-shot-y) var(--t-shot-x);z-index:-2;border-radius:var(--t-r-lg);background:var(--t-paint)}
html body[class*="theme-"]:not(#t) .agent-run-bar{position:relative;display:flex;align-items:center;gap:12px;padding:13px 18px;font-size:13px;color:var(--t-win-muted);
  background:var(--t-win-bar);border-bottom:1px solid var(--t-win-line);border-radius:var(--t-r) var(--t-r) 0 0}
html body[class*="theme-"]:not(#t) .agent-run-bar::before{content:"";flex:none;width:18px;height:18px;border-radius:5px;background:var(--t-app-icon) center/cover no-repeat,linear-gradient(135deg,var(--t-g1),var(--t-g3))}
html body[class*="theme-"]:not(#t) .agent-run-bar::after{content:"";flex:none;width:72px;height:12px;margin-inline-start:6px;background:var(--t-winctl) center/contain no-repeat}
html body[class*="theme-"]:not(#t) .agent-run-bar span:first-child{flex:1 1 auto;min-width:0;opacity:1;color:var(--t-win-ink);font-weight:500}
html body[class*="theme-"]:not(#t) .agent-run-mode{flex:none;color:var(--t-win-ok)!important;font-size:12px;padding:3px 10px;border-radius:999px;background:var(--t-win-chip);border:1px solid var(--t-win-line)}
html body[class*="theme-"]:not(#t) .agent-run-body{padding:22px}
html body[class*="theme-"]:not(#t) .agent-run-prompt{margin:0 0 16px}
html body[class*="theme-"]:not(#t) .agent-run-prompt span{background:var(--t-win-bubble);color:#fff;border-radius:16px 16px 4px 16px;padding:11px 15px;font-size:14px;max-width:90%}
html[dir=rtl] body[class*="theme-"]:not(#t) .agent-run-prompt span{border-radius:16px 16px 16px 4px}
html body[class*="theme-"]:not(#t) .agent-run-steps{gap:8px}
html body[class*="theme-"]:not(#t) .agent-run-steps li{background:var(--t-win-chip);border:1px solid var(--t-win-line);border-radius:12px;padding:10px 14px;grid-template-columns:84px minmax(0,1fr) auto}
html body[class*="theme-"]:not(#t) .ar-tool{color:var(--t-win-tool)!important;font-size:11.5px}
html body[class*="theme-"]:not(#t) .agent-run-steps code{color:var(--t-win-ink);font-size:12.5px}
html body[class*="theme-"]:not(#t) .ar-res{color:var(--t-win-muted);opacity:1}
html body[class*="theme-"]:not(#t) .ar-ok{color:var(--t-win-ok)!important}
html body[class*="theme-"]:not(#t) .agent-run-foot{margin-top:18px;gap:10px}
html body[class*="theme-"]:not(#t) .agent-run-foot>span:first-child{opacity:1;color:var(--t-win-muted)}
html body[class*="theme-"]:not(#t) .ar-btn{border-radius:999px;padding:7px 16px;font-size:12.5px;border:1px solid var(--t-win-line);color:var(--t-win-ink);background:var(--t-win-chip)}
html body[class*="theme-"]:not(#t) .ar-btn-primary{background:var(--t-win-accept-bg)!important;color:var(--t-win-accept-ink)!important;border-color:transparent!important;font-weight:600}

/* the hero shot: wide window on a full-width painterly panel, editor pane on the left */
html body[class*="theme-"]:not(#t) .home-hero .agent-run{--t-bleed:clamp(0px,7.5vw,104px);--t-shot-x:calc(-1 * var(--t-bleed));--t-shot-y:-38px;
  width:calc(100% - 2 * var(--t-bleed));margin:74px auto 38px;align-self:center;border-radius:14px}
html body[class*="theme-"]:not(#t) .home-hero .agent-run::before{border-radius:var(--t-r-xl);background:var(--t-paint)}
html body[class*="theme-"]:not(#t) .home-hero .agent-run-bar{border-radius:14px 14px 0 0}
html body[class*="theme-"]:not(#t) .home-hero .agent-run-body{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);grid-template-rows:auto auto 1fr;padding:0}
html body[class*="theme-"]:not(#t) .home-hero .agent-run-body::before{content:"";grid-column:1;grid-row:1/span 3;min-height:300px;border-inline-end:1px solid var(--t-win-line);
  background:var(--t-code-art) 0 0/100% auto no-repeat,var(--t-win-pane);border-end-start-radius:14px}
html body[class*="theme-"]:not(#t) .home-hero .agent-run-body>*{grid-column:2;margin-inline:26px}
html body[class*="theme-"]:not(#t) .home-hero .agent-run-prompt{margin-top:18px;margin-bottom:12px}
html body[class*="theme-"]:not(#t) .home-hero .agent-run-steps{gap:6px}
html body[class*="theme-"]:not(#t) .home-hero .agent-run-steps li{padding-block:7px}
html body[class*="theme-"]:not(#t) .home-hero .agent-run-foot{margin-top:14px;margin-bottom:16px;align-self:end}

/* ---------- 7. Home facts: refined stat row + one wide statement card ---------- */
html body[class*="theme-"].page-0:not(#t) main>.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:36px 0 0;margin:0;border:0}
html body[class*="theme-"].page-0:not(#t) main>.cards article{margin:0;padding:6px 26px 8px;border:0;border-inline-start:1px solid var(--t-line);border-radius:0;background:none;transform:none;box-shadow:none;min-width:0}
html body[class*="theme-"].page-0:not(#t) main>.cards article:first-child{border-inline-start:0;padding-inline-start:0}
html body[class*="theme-"].page-0:not(#t) main>.cards .number{font:500 13.5px/1.3 var(--t-font-body);color:var(--t-muted);opacity:1;margin:0 0 12px;letter-spacing:0;text-transform:none}
html body[class*="theme-"].page-0:not(#t) main>.cards h3{font-size:clamp(26px,2.6vw,36px);line-height:1.08;letter-spacing:-.04em;font-weight:var(--t-weight-display);margin:0 0 8px;overflow-wrap:break-word;hyphens:manual}
html body[class*="theme-"].page-0:not(#t) main>.cards p{font-size:14px;color:var(--t-muted);margin:0}
html body[class*="theme-"].page-0:not(#t) main>.cards article:nth-child(n+6){grid-column:1/-1;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:24px;align-items:center;
  margin-top:24px;padding:20px 26px;border:1px solid var(--t-line);border-radius:var(--t-r-lg);background:var(--t-mist);overflow:hidden}
html body[class*="theme-"].page-0:not(#t) main>.cards article:nth-child(n+6)::before{content:"";grid-row:1/span 3;width:64px;height:64px;border-radius:20px;background:var(--t-art-orb) center/100% no-repeat,var(--t-paint-2);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 10px 24px -12px color-mix(in oklab,var(--t-g3) 70%,transparent)}
html body[class*="theme-"].page-0:not(#t) main>.cards article:nth-child(n+6) .number{margin:0 0 4px}
html body[class*="theme-"].page-0:not(#t) main>.cards article:nth-child(n+6) h3{font:600 17px/1.5 var(--t-font-body);letter-spacing:-.005em;margin:0 0 4px;max-width:80ch}

/* ---------- 8. Keyword section (scenario): night band, text + art panel ---------- */
html body[class*="theme-"]:not(#t) .scenario{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:auto auto 1fr;column-gap:72px;align-items:start;
  margin:var(--t-sec) 0 0;padding:var(--t-band) 0;border:0;border-radius:0;background:none;color:var(--t-night-ink);
  border-image:linear-gradient(var(--t-night),var(--t-night)) fill 0//0 100vmax}
html body[class*="theme-"]:not(#t) .scenario>*{grid-column:1;position:relative;z-index:1}
html body[class*="theme-"]:not(#t) .scenario::after{content:"";grid-column:2;grid-row:1/span 3;box-sizing:border-box;align-self:stretch;min-height:250px;border-radius:var(--t-r-lg);
  padding:18px;background:var(--t-art-scenario) center/contain no-repeat content-box,var(--t-paint) border-box;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
html body[class*="theme-"]:not(#t) .scenario::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(45% 70% at 76% 50%,color-mix(in oklab,var(--t-g3) 26%,transparent),transparent 70%)}
html body[class*="theme-"]:not(#t) .scenario .eyebrow{background:rgba(255,255,255,.06);border-color:var(--t-night-line);color:var(--t-night-text)}
html body[class*="theme-"]:not(#t) .scenario h2{color:var(--t-night-ink);max-width:none}
html body[class*="theme-"]:not(#t) .scenario p{color:var(--t-night-text);font-size:18px;line-height:1.7;max-width:none;margin:0}

/* ---------- 9. Walkthroughs: feature rows "text + art panel" ---------- */
html body[class*="theme-"]:not(#t) .reading:has(>.steps){max-width:none;padding:var(--t-sec) 0 0}
html body[class*="theme-"]:not(#t) .reading>.steps{display:grid;gap:22px}
html body[class*="theme-"]:not(#t) .reading>.steps article{display:grid;grid-template-columns:52px minmax(0,1.6fr) 52px minmax(0,1fr);grid-template-rows:auto 1fr;
  grid-template-areas:"n h . a" "n p . a";align-items:start;padding:0;border:0;position:relative}
html body[class*="theme-"]:not(#t) .reading>.steps article:nth-child(even){grid-template-columns:minmax(0,1fr) 52px 52px minmax(0,1.6fr);grid-template-areas:"a . n h" "a . n p"}
html body[class*="theme-"]:not(#t) .reading>.steps article:has(.code-example){grid-template-columns:52px minmax(0,1.08fr) 44px minmax(0,1fr)}
html body[class*="theme-"]:not(#t) .reading>.steps article:nth-child(even):has(.code-example){grid-template-columns:minmax(0,1fr) 44px 52px minmax(0,1.08fr)}
html body[class*="theme-"]:not(#t) .reading>.steps article>.number{grid-area:n}
html body[class*="theme-"]:not(#t) .reading>.steps article>h3{grid-area:h}
html body[class*="theme-"]:not(#t) .reading>.steps article>p{grid-area:p}
html body[class*="theme-"]:not(#t) .reading>.steps article>.code-example,html body[class*="theme-"]:not(#t) .reading>.steps article::after{grid-area:a;align-self:stretch;margin:0}
html body[class*="theme-"]:not(#t) .reading>.steps article:not(:has(.code-example))::after{content:"";box-sizing:border-box;min-height:180px;padding:14px;border-radius:var(--t-r-lg);background:var(--t-art-2) center/contain no-repeat content-box,var(--t-paint-2) border-box}
html body[class*="theme-"]:not(#t) .reading>.steps article:nth-child(4n+3):not(:has(.code-example))::after{background:var(--t-art-3) center/contain no-repeat content-box,var(--t-paint-3) border-box}
html body[class*="theme-"]:not(#t) .reading>.steps article:nth-child(4n+4):not(:has(.code-example))::after{background:var(--t-art-1) center/contain no-repeat content-box,var(--t-paint) border-box}
html body[class*="theme-"]:not(#t) .reading>.steps .number{position:static;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:30px;padding:0 10px;margin:1px 0 0;
  border-radius:999px;background:var(--t-mist);border:1px solid var(--t-line);font:600 13px/1 var(--t-font-display);color:var(--t-ink);opacity:1;width:max-content}
html body[class*="theme-"]:not(#t) .reading>.steps h3{font-size:clamp(22px,2vw,28px);line-height:1.15;letter-spacing:-.035em;font-weight:var(--t-weight-display);margin:0 0 12px}
html body[class*="theme-"]:not(#t) .reading>.steps p{font-size:15px;line-height:1.62;color:var(--t-text);margin:0}
html body[class*="theme-"]:not(#t) .reading:has(>.steps)>p{text-align:center;margin:24px 0 0}

/* code examples = dark window on a painterly panel */
html body[class*="theme-"]:not(#t) .code-example{position:relative;padding:20px;border-radius:var(--t-r-lg);border:0;background:var(--t-paint-3);color:var(--t-win-ink);overflow:hidden;min-width:0;display:flex;flex-direction:column;justify-content:center}
html body[class*="theme-"]:not(#t) .code-example>div{background:var(--t-win-bar);color:var(--t-win-muted);border:1px solid var(--t-win-line);border-bottom:0;border-radius:12px 12px 0 0;padding:12px 16px;font-size:12px;align-items:center}
html body[class*="theme-"]:not(#t) .code-example button{background:var(--t-win-chip);color:var(--t-win-ink);border:1px solid var(--t-win-line);border-radius:999px;padding:5px 12px;font-size:11.5px}
html body[class*="theme-"]:not(#t) .code-example pre{background:var(--t-win-bg);color:var(--t-win-ink);border:1px solid var(--t-win-line);border-radius:0 0 12px 12px;padding:14px 16px;font-size:12px;line-height:1.7;
  box-shadow:0 30px 50px -30px rgba(12,16,34,.7)}

/* ---------- 10. Comparison table: mist band, heading left, table card right ---------- */
html body[class*="theme-"]:not(#t) .feature-matrix{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.3fr);grid-template-rows:auto 1fr;column-gap:64px;align-items:start;
  margin:var(--t-sec) 0 0;padding:var(--t-band) 0;border-image:var(--t-band-mist) fill 0//0 100vmax}
html body[class*="theme-"]:not(#t) .feature-matrix>:not(table){grid-column:1}
html body[class*="theme-"]:not(#t) .feature-matrix>p{margin:0;color:var(--t-text);font-size:17px}
html body[class*="theme-"]:not(#t) .feature-matrix table{grid-column:2;grid-row:1/span 2;border-collapse:separate;border-spacing:0;border:1px solid var(--t-line)!important;border-radius:var(--t-r-lg);
  background:#fff;overflow:hidden;box-shadow:0 24px 50px -34px rgba(12,16,34,.35)}
html body[class*="theme-"]:not(#t) .feature-matrix :is(th,td){padding:13px 18px;border:0;border-bottom:1px solid var(--t-line);font-size:15px;color:var(--t-text);vertical-align:middle}
html body[class*="theme-"]:not(#t) .feature-matrix tbody tr:last-child :is(th,td){border-bottom:0}
html body[class*="theme-"]:not(#t) .feature-matrix thead th{font:600 13px/1.3 var(--t-font-body);color:var(--t-muted);background:#fafbfc}
html body[class*="theme-"]:not(#t) .feature-matrix tbody th{font-weight:600;color:var(--t-ink);width:28%}
html body[class*="theme-"]:not(#t) .feature-matrix :is(th,td):last-child{background:linear-gradient(180deg,color-mix(in oklab,var(--t-g2) 7%,#fff),color-mix(in oklab,var(--t-g3) 7%,#fff));color:var(--t-ink);font-weight:600}
html body[class*="theme-"]:not(#t) .feature-matrix thead th:last-child{color:var(--t-accent-text)}

/* ---------- 11. How it works (ol.setup) — night band, horizontal track ---------- */
html body[class*="theme-"]:not(#t) .split-section:has(>ol.setup){display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,3fr);gap:28px;align-items:center;margin:0;padding:var(--t-band) 0;border:0;border-image:var(--t-band-night) fill 0//0 100vmax;color:var(--t-night-ink)}
html body[class*="theme-"]:not(#t) .split-section:has(>ol.setup) h2{color:var(--t-night-ink);margin:0;max-width:20em}
html body[class*="theme-"]:not(#t) ol.setup{list-style:none;margin:0;padding:0;counter-reset:none}
html body[class*="theme-"]:not(#t) .split-section>ol.setup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative}
html body[class*="theme-"]:not(#t) .split-section>ol.setup li{position:relative;padding:22px 20px 20px;font-size:15.5px;border-radius:var(--t-r-lg);background:var(--t-night-2);border:1px solid var(--t-night-line);color:var(--t-night-text);font-size:16px;line-height:1.6}
html body[class*="theme-"]:not(#t) .split-section>ol.setup li::before{content:"";display:block;width:14px;height:14px;margin:0 0 20px;border-radius:50%;background:linear-gradient(135deg,var(--t-g1),var(--t-g3));
  box-shadow:0 0 0 5px color-mix(in oklab,var(--t-g2) 25%,transparent),0 0 24px color-mix(in oklab,var(--t-g2) 70%,transparent)}
html body[class*="theme-"]:not(#t) .split-section>ol.setup li:not(:last-child)::after{content:"";position:absolute;top:34px;inset-inline-start:52px;inset-inline-end:-14px;height:2px;
  background:linear-gradient(90deg,color-mix(in oklab,var(--t-g1) 70%,transparent),color-mix(in oklab,var(--t-g3) 30%,transparent))}
html[dir=rtl] body[class*="theme-"]:not(#t) .split-section>ol.setup li:not(:last-child)::after{background:linear-gradient(270deg,color-mix(in oklab,var(--t-g1) 70%,transparent),color-mix(in oklab,var(--t-g3) 30%,transparent))}

/* ---------- 12. Prose (.reading) ---------- */
html body[class*="theme-"]:not(#t) .reading{max-width:760px;margin-inline:auto;padding:var(--t-sec) 0 0}
html body[class*="theme-"]:not(#t) .reading h2{margin:1.4em 0 .5em}
html body[class*="theme-"]:not(#t) .reading>h2:first-child{margin-top:0}
html body[class*="theme-"]:not(#t) .reading h3{margin:1.5em 0 .4em}
html body[class*="theme-"]:not(#t) .reading p{font-size:17px;line-height:1.75}
html body[class*="theme-"]:not(#t) .notice{border:1px solid var(--t-line);border-inline-start:0;border-radius:var(--t-r);background:var(--t-mist);padding:20px 24px 20px 28px;position:relative;font-size:15px;overflow:hidden}
html body[class*="theme-"]:not(#t) .notice::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:linear-gradient(180deg,var(--t-g1),var(--t-g3))}
html body[class*="theme-"]:not(#t) .notice strong{color:var(--t-ink)}
html body[class*="theme-"]:not(#t) .feature-list{gap:14px}
html body[class*="theme-"]:not(#t) .reading:has(.feature-list){max-width:1000px}
html body[class*="theme-"]:not(#t) .feature-list li{padding:22px 24px;border:1px solid var(--t-line);border-radius:var(--t-r);background:#fff;color:var(--t-text);box-shadow:0 1px 0 rgba(12,16,34,.03)}
html body[class*="theme-"]:not(#t) .feature-list strong{color:var(--t-ink);font-family:var(--t-font-display);font-size:17px;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}
html body[class*="theme-"]:not(#t) .feature-list strong::before{content:"";flex:none;width:10px;height:10px;border-radius:3px;background:linear-gradient(135deg,var(--t-g1),var(--t-g3))}
html body[class*="theme-"]:not(#t) .text-link{text-decoration:none}

/* home: "who it is for" — three art cards */
html body[class*="theme-"].page-0:not(#t) main>.reading:not(:has(.steps,.text-link)){max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
html body[class*="theme-"].page-0:not(#t) main>.reading:not(:has(.steps,.text-link))>h2{grid-column:1/-1;text-align:center;margin:0 auto 20px;max-width:18em}
html body[class*="theme-"].page-0:not(#t) main>.reading:not(:has(.steps,.text-link))>p{margin:0;padding:22px 24px 24px;border:1px solid var(--t-line);border-radius:var(--t-r-lg);background:#fff;font-size:15.5px;line-height:1.68;
  box-shadow:0 20px 40px -32px rgba(12,16,34,.3)}
html body[class*="theme-"].page-0:not(#t) main>.reading:not(:has(.steps,.text-link))>p::before{content:"";float:inline-start;width:44px;height:44px;margin-block:3px 6px;margin-inline:0 14px;border-radius:14px;
  background:var(--t-art-orb) center/100% no-repeat,var(--t-paint);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 10px 22px -12px color-mix(in oklab,var(--t-g2) 70%,transparent)}
html body[class*="theme-"].page-0:not(#t) main>.reading:not(:has(.steps,.text-link))>p:nth-of-type(2)::before{background:var(--t-art-orb) center/100% no-repeat,var(--t-paint-2)}
html body[class*="theme-"].page-0:not(#t) main>.reading:not(:has(.steps,.text-link))>p:nth-of-type(3)::before{background:var(--t-art-orb) center/100% no-repeat,var(--t-paint-3)}

/* links block — chips */
html body[class*="theme-"]:not(#t) main>.reading:has(.text-link){max-width:none;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);column-gap:64px;grid-template-rows:auto 1fr;align-items:start;padding-bottom:var(--t-sec)}
html body[class*="theme-"]:not(#t) main>.reading:has(.text-link)>:is(h2,p:not(:has(.text-link))){grid-column:1}
html body[class*="theme-"]:not(#t) main>.reading:has(.text-link)>h2{font-size:clamp(26px,2.4vw,34px)}
html body[class*="theme-"]:not(#t) main>.reading:has(.text-link)>p:has(.text-link){grid-column:2;grid-row:1/span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
html body[class*="theme-"]:not(#t) main>.reading:has(.text-link) .text-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0!important;padding:13px 18px;border-radius:var(--t-r);
  background:var(--t-mist);border:1px solid var(--t-line);color:var(--t-ink);font-size:15px;font-weight:500;transition:background-color .15s,border-color .15s}
html body[class*="theme-"]:not(#t) main>.reading:has(.text-link) .text-link:hover{background:#fff;border-color:var(--t-line-strong)}

/* ---------- 13. FAQ — mist band, two-column question grid ---------- */
html body[class*="theme-"]:not(#t) .faq{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:12px;align-items:start;margin:var(--t-sec) 0 0;padding:var(--t-band) 0;
  border-image:var(--t-band-mist) fill 0//0 100vmax}
html body[class*="theme-"]:not(#t) .faq>h2{grid-column:1/-1;text-align:center;margin:0 0 20px}
html body[class*="theme-"]:not(#t) .faq details{border:1px solid var(--t-line);border-radius:var(--t-r);background:#fff;padding:0;min-width:0}
html body[class*="theme-"]:not(#t) .faq summary{list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 18px;font:600 16px/1.4 var(--t-font-display);letter-spacing:-.015em;color:var(--t-ink)}
html body[class*="theme-"]:not(#t) .faq summary::-webkit-details-marker{display:none}
html body[class*="theme-"]:not(#t) .faq summary::after{content:"";flex:none;width:26px;height:26px;margin-top:-1px;border-radius:50%;background:var(--t-mist) center/12px no-repeat;border:1px solid var(--t-line);
  background-image:linear-gradient(var(--t-ink),var(--t-ink)),linear-gradient(var(--t-ink),var(--t-ink));background-size:11px 1.6px,1.6px 11px;background-position:center;transition:transform .2s}
html body[class*="theme-"]:not(#t) .faq details[open] summary::after{transform:rotate(45deg)}
html body[class*="theme-"]:not(#t) .faq details p{margin:0;padding:0 18px 18px;font-size:15px;line-height:1.65;color:var(--t-text);max-width:none}
html body[class*="theme-"].page-5:not(#t) main>.faq+.faq{margin-top:0;padding-top:0}

/* ---------- 14. Closing CTA — night panel with aurora ---------- */
html body[class*="theme-"]:not(#t) .closing{position:relative;isolation:isolate;overflow:hidden;margin:var(--t-sec) 0 0;padding:50px 40px 56px;border:0;border-radius:var(--t-r-xl);text-align:center;
  background:var(--t-aurora),var(--t-night);color:var(--t-night-ink)}
html body[class*="theme-"]:not(#t) .closing::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(70% 60% at 50% 0%,rgba(255,255,255,.07),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 72px)}
html body[class*="theme-"]:not(#t) .closing>span{background:rgba(255,255,255,.07);border-color:var(--t-night-line);color:var(--t-night-text);margin-inline:auto}
html body[class*="theme-"]:not(#t) .closing h2{color:var(--t-night-ink);font-size:clamp(36px,4.4vw,60px);margin:4px auto 14px;max-width:14em}
html body[class*="theme-"]:not(#t) .closing p{color:var(--t-night-text);font-size:18px;max-width:640px;margin:0 auto 26px}
html body[class*="theme-"]:not(#t) .closing h2+a{margin-top:14px}
html body[class*="theme-"]:not(#t) .closing .button.primary{background:#fff;color:var(--t-ink);box-shadow:0 14px 40px -10px color-mix(in oklab,var(--t-g2) 80%,transparent)}
html body[class*="theme-"]:not(#t) main>.closing:last-child{margin-bottom:var(--t-sec)}
html body[class*="theme-"]:not(#t) main>.reading:last-child{padding-bottom:var(--t-sec)}
html body[class*="theme-"]:not(#t) .reading .code-example{margin:6px 0 16px}

/* ---------- 15. Inner pages ---------- */
html body[class*="theme-"]:not(#t) .inner-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;min-height:0;padding:72px 0 64px}
html body[class*="theme-"]:not(#t) .inner-hero::before{content:"";position:absolute;inset:8px 0 0;z-index:-1;pointer-events:none;border-radius:var(--t-r-xl);opacity:.22;background:var(--t-paint);
  -webkit-mask:radial-gradient(60% 80% at 50% 40%,#000,transparent 75%);mask:radial-gradient(60% 80% at 50% 40%,#000,transparent 75%)}
html body[class*="theme-"]:not(#t) .inner-hero .hero-copy{display:flex;flex-direction:column;align-items:center;max-width:960px;border:0;padding:0;background:none}
html body[class*="theme-"]:not(#t) .inner-hero h1{font-size:clamp(40px,5vw,68px);line-height:1.04;letter-spacing:-.048em;margin:0;max-width:16em;text-wrap:balance}
html body[class*="theme-"]:not(#t) .hero-number{order:-1;display:grid;place-items:center;width:60px;height:60px;margin:0 0 22px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 55%),var(--t-mark);
  color:#fff;font:700 20px/1 var(--t-font-display);letter-spacing:-.03em;opacity:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 16px 30px -14px color-mix(in oklab,var(--t-g2) 80%,transparent)}
html body[class*="theme-"]:not(#t) .product-lead{max-width:820px;margin-inline:auto;text-align:center;padding:0 0 56px}
html body[class*="theme-"]:not(#t) .large{font-size:21px;line-height:1.65;color:var(--t-text)}
html body[class*="theme-"]:not(#t) main>.reading:first-of-type:has(>.large:only-child){text-align:center;padding-top:0}

/* product: three art cards */
html body[class*="theme-"].page-1:not(#t) main>.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;border:0;margin:0}
html body[class*="theme-"].page-1:not(#t) main>.cards article{padding:0 26px 28px;border:1px solid var(--t-line);border-radius:var(--t-r-lg);background:var(--t-mist);overflow:hidden;transform:none;margin:0}
html body[class*="theme-"].page-1:not(#t) main>.cards article::before{content:"";display:block;height:196px;margin:0 -26px 24px;background:var(--t-art-1) center/80% auto no-repeat,var(--t-paint)}
html body[class*="theme-"].page-1:not(#t) main>.cards article:nth-child(2)::before{background:var(--t-art-2) center/80% auto no-repeat,var(--t-paint-2)}
html body[class*="theme-"].page-1:not(#t) main>.cards article:nth-child(3)::before{background:var(--t-art-3) center/80% auto no-repeat,var(--t-paint-3)}
html body[class*="theme-"].page-1:not(#t) main>.cards .number{display:inline-block;font:500 13px/1 var(--t-font-body);color:var(--t-muted);opacity:1;margin:0 0 10px}
html body[class*="theme-"].page-1:not(#t) main>.cards h3{font-size:22px;margin:0 0 8px}
html body[class*="theme-"].page-1:not(#t) main>.cards p{font-size:15px;color:var(--t-text)}

/* product: text + agent window on a night band */
html body[class*="theme-"]:not(#t) .split-section:has(>.agent-run){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:88px;align-items:center;margin:var(--t-sec) 0 0;padding:104px 0;border:0;
  border-image:var(--t-band-night) fill 0//0 100vmax}
html body[class*="theme-"]:not(#t) .split-section:has(>.agent-run) :is(h2){color:var(--t-night-ink)}
html body[class*="theme-"]:not(#t) .split-section:has(>.agent-run) p{color:var(--t-night-text);font-size:17px;max-width:none}
html body[class*="theme-"]:not(#t) .split-section:has(>.agent-run) .agent-run{--t-shot-x:-32px;--t-shot-y:-32px;margin-inline:32px}

/* models: connection diagram on a painterly panel */
html body[class*="theme-"]:not(#t) .connection{margin:8px 0 0;padding:56px 48px;border:0;border-radius:var(--t-r-xl);background:var(--t-paint);gap:18px;font:600 clamp(15px,1.6vw,19px)/1.35 var(--t-font-display);letter-spacing:-.015em;color:var(--t-ink)}
html body[class*="theme-"]:not(#t) .connection span{flex:1 1 0;min-width:0;text-align:center;padding:26px 20px;border-radius:var(--t-r);background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);
  box-shadow:0 18px 36px -24px rgba(12,16,34,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html body[class*="theme-"]:not(#t) .connection b{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--t-ink);color:#fff;font-size:18px;line-height:1}

/* workflows */
html body[class*="theme-"]:not(#t) .workflow-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start;padding:var(--t-sec) 0 0}
html body[class*="theme-"]:not(#t) .workflow-grid .steps{display:grid;gap:14px}
html body[class*="theme-"]:not(#t) .workflow-grid .steps article{padding:26px 28px;border:1px solid var(--t-line);border-radius:var(--t-r-lg);background:#fff;position:relative}
html body[class*="theme-"]:not(#t) .workflow-grid .steps .number{position:static;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:28px;padding:0 10px;margin:0 0 14px;border-radius:999px;
  background:var(--t-mist);border:1px solid var(--t-line);font:600 13px/1 var(--t-font-display);color:var(--t-ink);opacity:1}
html body[class*="theme-"]:not(#t) .workflow-grid .steps h3{margin:0 0 10px}
html body[class*="theme-"]:not(#t) .workflow-grid .steps p{font-size:15.5px;line-height:1.7;color:var(--t-text)}
html body[class*="theme-"]:not(#t) .workflow-grid .steps .code-example{margin-top:18px;padding:22px}
html[dir=rtl] body[class*="theme-"]:not(#t) .workflow-grid .steps article{padding-right:28px}
html body[class*="theme-"]:not(#t) .sticky-example{position:static;padding:30px;border-radius:var(--t-r-xl);background:var(--t-mist);border:1px solid var(--t-line)}
html body[class*="theme-"]:not(#t) .sticky-example h2{font-size:clamp(26px,2.4vw,34px)}
html body[class*="theme-"]:not(#t) .sticky-example .agent-run{margin:40px 8px 40px;--t-shot-x:-20px;--t-shot-y:-20px}
html body[class*="theme-"]:not(#t) .sticky-example .agent-run::before{background:var(--t-paint-2)}
html body[class*="theme-"]:not(#t) .sticky-example>p{color:var(--t-text);font-size:15px}

/* download */
html body[class*="theme-"]:not(#t) .download-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start;margin:0;padding:8px 0 0}
html body[class*="theme-"]:not(#t) .download-card{position:relative;isolation:isolate;overflow:hidden;padding:0 32px 40px;border:1px solid var(--t-line);border-radius:var(--t-r-xl);background:#fff;text-align:center;
  box-shadow:0 30px 60px -40px rgba(12,16,34,.45)}
html body[class*="theme-"]:not(#t) .download-card::before{content:"";display:block;height:150px;margin:0 -32px -60px;background:var(--t-paint)}
html body[class*="theme-"]:not(#t) .download-card .app-icon{position:relative;width:104px;height:104px;margin:0 auto 26px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 55%),var(--t-mark);
  color:#fff;font:700 50px/1 var(--t-font-display);letter-spacing:-.04em;box-shadow:0 0 0 6px #fff,0 24px 40px -18px color-mix(in oklab,var(--t-g2) 80%,transparent)}
html body[class*="theme-"]:not(#t) .download-card h2{font-size:clamp(28px,2.6vw,36px)}
html body[class*="theme-"]:not(#t) .download-card p{color:var(--t-text)}
html body[class*="theme-"]:not(#t) .download-grid ol.setup{display:grid;gap:10px;margin:24px 0}
html body[class*="theme-"]:not(#t) .download-grid ol.setup li{position:relative;padding:16px 20px 16px 52px;border-radius:var(--t-r);background:var(--t-mist);border:1px solid var(--t-line);color:var(--t-text)}
html body[class*="theme-"]:not(#t) .download-grid ol.setup li::before{content:"";position:absolute;top:22px;inset-inline-start:22px;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--t-g1),var(--t-g3));
  box-shadow:0 0 0 4px color-mix(in oklab,var(--t-g2) 18%,transparent)}
html[dir=rtl] body[class*="theme-"]:not(#t) .download-grid ol.setup li{padding:16px 52px 16px 20px}

/* privacy */
html body[class*="theme-"]:not(#t) .privacy.reading article{padding:28px 0 8px;border-top:1px solid var(--t-line)}
html body[class*="theme-"]:not(#t) .privacy.reading article h2{font-size:clamp(24px,2.2vw,30px);margin:0 0 12px}
html body[class*="theme-"]:not(#t) .privacy .updated{color:var(--t-muted)!important;opacity:1!important}

/* ---------- 16. Footer with giant wordmark ---------- */
html body[class*="theme-"]:not(#t) footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px 40px;align-items:end;margin-top:0;padding:40px 0 20px;border:0;
  border-image:var(--t-band-mist) fill 0//0 100vmax;color:var(--t-text)}
html body[class*="theme-"]:not(#t) .footer-top{display:contents}
html body[class*="theme-"]:not(#t) footer .footer-top p{grid-column:1;grid-row:1;margin:0;font-size:15px;color:var(--t-text);opacity:1}
html body[class*="theme-"]:not(#t) footer nav{grid-column:2;grid-row:1;margin:0;gap:6px 22px;font-size:14px;justify-content:flex-end}
html body[class*="theme-"]:not(#t) footer nav a{color:var(--t-text)}
html body[class*="theme-"]:not(#t) footer nav a:hover{color:var(--t-ink)}
html body[class*="theme-"]:not(#t) footer .footer-top .brand{grid-column:1/-1;grid-row:2;display:block;margin:10px 0 0;font-size:clamp(60px,11vw,148px);line-height:.86;letter-spacing:-.065em;font-weight:var(--t-weight-display);
  white-space:normal;overflow-wrap:anywhere;background:var(--t-mark);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
html body[class*="theme-"]:not(#t) .footer-bottom{grid-column:1/-1;grid-row:3;padding-top:20px;border-top:1px solid var(--t-line);font-size:12.5px;color:var(--t-muted);opacity:1;gap:24px}
html body[class*="theme-"]:not(#t) .footer-bottom span:first-child{max-width:820px}

/* ---------- 17. Script fallbacks (fonts without Arabic/Devanagari/Thai/CJK) ---------- */
html:is([lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body[class*="theme-"]:not(#t) :is(h1,h2,h3,summary,.brand,.number,.connection){font-family:Inter,system-ui,sans-serif;letter-spacing:-.01em}
html:is([lang=ja],[lang=ko],[lang=th]) body[class*="theme-"]:not(#t) .home-hero h1{line-height:1.15}
html:is([lang=ar],[lang=hi]) body[class*="theme-"]:not(#t) .home-hero h1{line-height:1.2}
html:is([lang=ja],[lang=ko]) body[class*="theme-"]:not(#t) :is(h1,h2){word-break:auto-phrase}

/* ---------- 18. Tablet ---------- */
@media (max-width:1050px){
  html body[class*="theme-"]:not(#t) .wrap,html body[class*="theme-"]:not(#t) .header{width:calc(100% - 48px)}
  html body[class*="theme-"]:not(#t) .main-nav a{padding:7px 12px}
  html body[class*="theme-"].page-0:not(#t) main>.cards{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
  html body[class*="theme-"].page-0:not(#t) main>.cards article:nth-child(4){border-inline-start:0;padding-inline-start:0}
  html body[class*="theme-"]:not(#t) .scenario,html body[class*="theme-"]:not(#t) .feature-matrix,html body[class*="theme-"]:not(#t) main>.reading:has(.text-link){column-gap:40px}
  html body[class*="theme-"]:not(#t) .reading>.steps article{grid-template-columns:48px minmax(0,1.4fr) 32px minmax(0,1fr)}
  html body[class*="theme-"]:not(#t) .reading>.steps article:nth-child(even){grid-template-columns:minmax(0,1fr) 32px 48px minmax(0,1.4fr)}
  html body[class*="theme-"]:not(#t) .split-section:has(>ol.setup){grid-template-columns:minmax(0,1fr)}
  html body[class*="theme-"]:not(#t) .split-section>ol.setup{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body[class*="theme-"]:not(#t) .split-section>ol.setup li::after{display:none}
  html body[class*="theme-"]:not(#t) .home-hero .agent-run-body{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr)}
}

/* ---------- 19. Phone ---------- */
@media (max-width:760px){
  html body[class*="theme-"]:not(#t) {--t-sec:64px}
  html body[class*="theme-"]:not(#t) .wrap,html body[class*="theme-"]:not(#t) .header{width:calc(100% - 32px)}
  html body[class*="theme-"]:not(#t) .header{min-height:0}
  html body[class*="theme-"]:not(#t) .brand{font-size:19px}
  html body[class*="theme-"]:not(#t) h2{font-size:clamp(28px,8vw,36px)}
  html body[class*="theme-"]:not(#t) .button{padding:13px 20px;font-size:14.5px}

  html body[class*="theme-"]:not(#t) .home-hero{padding:26px 0 0}
  html body[class*="theme-"]:not(#t) .home-hero .hero-copy::before{width:60px;height:60px;border-radius:16px;margin-bottom:18px}
  html body[class*="theme-"]:not(#t) .eyebrow{margin-bottom:16px;font-size:12.5px}
  html body[class*="theme-"]:not(#t) .home-hero h1{font-size:clamp(34px,10vw,42px);line-height:1.05;margin-bottom:16px;hyphens:manual}
  html body[class*="theme-"]:not(#t) .home-hero .hero-lead{font-size:16px;line-height:1.55}
  html body[class*="theme-"]:not(#t) .home-hero .actions{margin-top:22px;gap:10px}
  html body[class*="theme-"]:not(#t) .home-hero .agent-run{--t-bleed:0px;--t-shot-x:-10px;--t-shot-y:-26px;width:100%;margin:62px 0 36px}
  html body[class*="theme-"]:not(#t) .home-hero .agent-run::before{border-radius:22px}
  html body[class*="theme-"]:not(#t) .home-hero .agent-run-body{display:block;padding:16px}
  html body[class*="theme-"]:not(#t) .home-hero .agent-run-body::before{display:none}
  html body[class*="theme-"]:not(#t) .home-hero .agent-run-body>*{margin-inline:0}
  html body[class*="theme-"]:not(#t) .home-hero .agent-run-prompt{margin-top:0}
  html body[class*="theme-"]:not(#t) .home-hero .agent-run-foot{margin-bottom:0}
  html body[class*="theme-"]:not(#t) .agent-run-bar::after{width:48px}
  html body[class*="theme-"]:not(#t) .agent-run-steps li{grid-template-columns:minmax(0,1fr) auto}

  html body[class*="theme-"].page-0:not(#t) main>.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding-top:28px}
  html body[class*="theme-"].page-0:not(#t) main>.cards article,html body[class*="theme-"].page-0:not(#t) main>.cards article:first-child,html body[class*="theme-"].page-0:not(#t) main>.cards article:nth-child(4){border-inline-start:0;padding:18px 0;border-top:1px solid var(--t-line)}
  html body[class*="theme-"].page-0:not(#t) main>.cards article:nth-child(even){padding-inline-start:18px;border-inline-start:1px solid var(--t-line)}
  html body[class*="theme-"].page-0:not(#t) main>.cards article:nth-child(n+6){grid-template-columns:1fr;margin-top:20px;padding:22px;border-inline-start:1px solid var(--t-line)}
  html body[class*="theme-"].page-0:not(#t) main>.cards article:nth-child(n+6)::before{grid-row:auto;width:44px;height:44px;border-radius:14px;margin-bottom:14px}

  html body[class*="theme-"]:not(#t) .scenario{grid-template-columns:minmax(0,1fr);grid-template-rows:none;padding:60px 0;row-gap:0}
  html body[class*="theme-"]:not(#t) .scenario::after{grid-column:1;grid-row:auto;min-height:220px;margin-top:30px}
  html body[class*="theme-"]:not(#t) .scenario p{font-size:16.5px}

  html body[class*="theme-"]:not(#t) .reading>.steps{gap:48px}
  html body[class*="theme-"]:not(#t) .reading>.steps article,html body[class*="theme-"]:not(#t) .reading>.steps article:nth-child(even),html body[class*="theme-"]:not(#t) .reading>.steps article:has(.code-example),html body[class*="theme-"]:not(#t) .reading>.steps article:nth-child(even):has(.code-example){
    grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"n" "h" "p" "a"}
  html body[class*="theme-"]:not(#t) .reading>.steps article>.number{margin-bottom:12px}
  html body[class*="theme-"]:not(#t) .reading>.steps article>.code-example,html body[class*="theme-"]:not(#t) .reading>.steps article::after{margin-top:22px}
  html body[class*="theme-"]:not(#t) .reading>.steps article:not(:has(.code-example))::after{min-height:200px}
  html body[class*="theme-"]:not(#t) .code-example{padding:18px}
  html body[class*="theme-"]:not(#t) .code-example pre{white-space:pre;overflow-x:auto;font-size:12px;padding:16px}

  html body[class*="theme-"]:not(#t) .feature-matrix{grid-template-columns:minmax(0,1fr);grid-template-rows:none;padding:60px 0}
  html body[class*="theme-"]:not(#t) .feature-matrix table{grid-column:1;grid-row:auto;margin-top:24px}
  html body[class*="theme-"]:not(#t) .feature-matrix :is(th,td){display:table-cell;width:auto;padding:13px 10px;font-size:13.5px;border-bottom:1px solid var(--t-line)}
  html body[class*="theme-"]:not(#t) .feature-matrix tbody th{width:30%}
  html body[class*="theme-"]:not(#t) .feature-matrix thead th{font-size:12px}

  html body[class*="theme-"]:not(#t) .split-section:has(>ol.setup){padding:60px 0}
  html body[class*="theme-"]:not(#t) .split-section:has(>ol.setup) h2{margin-bottom:30px}
  html body[class*="theme-"]:not(#t) .split-section>ol.setup{grid-template-columns:minmax(0,1fr);gap:12px}
  html body[class*="theme-"]:not(#t) .split-section>ol.setup li{padding:20px 20px 20px 52px}
  html body[class*="theme-"]:not(#t) .split-section>ol.setup li::before{position:absolute;top:26px;inset-inline-start:22px;margin:0}
  html[dir=rtl] body[class*="theme-"]:not(#t) .split-section>ol.setup li{padding:20px 52px 20px 20px}

  html body[class*="theme-"].page-0:not(#t) main>.reading:not(:has(.steps,.text-link)){grid-template-columns:minmax(0,1fr);gap:16px}
    html body[class*="theme-"]:not(#t) main>.reading:has(.text-link){grid-template-columns:minmax(0,1fr)}
  html body[class*="theme-"]:not(#t) main>.reading:has(.text-link)>p:has(.text-link){grid-column:1;grid-row:auto;grid-template-columns:minmax(0,1fr);margin-top:20px}

  html body[class*="theme-"]:not(#t) .faq{grid-template-columns:minmax(0,1fr);padding:60px 0}
  html body[class*="theme-"]:not(#t) .faq>h2{margin-bottom:18px}
  html body[class*="theme-"]:not(#t) .faq summary{font-size:16px;padding:17px 18px}
  html body[class*="theme-"]:not(#t) .faq details p{padding:0 18px 18px;font-size:15px}

  html body[class*="theme-"]:not(#t) .closing{padding:60px 22px 68px;border-radius:22px}
  html body[class*="theme-"]:not(#t) .closing h2{font-size:clamp(30px,8.6vw,40px)}
  html body[class*="theme-"]:not(#t) .closing p{font-size:16px}

  html body[class*="theme-"]:not(#t) .inner-hero{padding:40px 0 40px}
  html body[class*="theme-"]:not(#t) .inner-hero h1{font-size:clamp(32px,9vw,40px);hyphens:manual}
  html body[class*="theme-"]:not(#t) .hero-number{display:grid;width:48px;height:48px;border-radius:14px;font-size:16px;margin-bottom:16px}
  html body[class*="theme-"]:not(#t) .large{font-size:18px}
  html body[class*="theme-"]:not(#t) .product-lead{padding-bottom:36px}
  html body[class*="theme-"].page-1:not(#t) main>.cards{grid-template-columns:minmax(0,1fr);gap:14px}
  html body[class*="theme-"].page-1:not(#t) main>.cards article::before{height:160px}
  html body[class*="theme-"]:not(#t) .split-section:has(>.agent-run){grid-template-columns:minmax(0,1fr);gap:56px;padding:64px 0}
  html body[class*="theme-"]:not(#t) .split-section:has(>.agent-run) .agent-run{--t-shot-x:-10px;--t-shot-y:-22px;margin-inline:0}
  html body[class*="theme-"]:not(#t) .connection{padding:22px 16px;gap:10px;flex-direction:column}
  html body[class*="theme-"]:not(#t) .connection span{width:100%;padding:16px}
  html body[class*="theme-"]:not(#t) .connection b{transform:rotate(90deg)}
  html body[class*="theme-"]:not(#t) .workflow-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  html body[class*="theme-"]:not(#t) .workflow-grid .steps article{padding:22px 20px}
  html body[class*="theme-"]:not(#t) .sticky-example{padding:22px 16px}
  html body[class*="theme-"]:not(#t) .sticky-example .agent-run{margin:34px 4px;--t-shot-x:-10px;--t-shot-y:-16px}
  html body[class*="theme-"]:not(#t) .download-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  html body[class*="theme-"]:not(#t) .download-card{padding:0 20px 30px}
  html body[class*="theme-"]:not(#t) .download-card::before{margin:0 -20px -56px;height:130px}

  html body[class*="theme-"]:not(#t) footer{grid-template-columns:minmax(0,1fr);padding:44px 0 24px;gap:18px}
  html body[class*="theme-"]:not(#t) footer nav{grid-column:1;grid-row:2;justify-content:flex-start;gap:8px 18px}
  html body[class*="theme-"]:not(#t) footer .footer-top .brand{grid-row:3;font-size:clamp(52px,18vw,96px);margin:10px 0 0}
  html body[class*="theme-"]:not(#t) .footer-bottom{grid-row:4;flex-direction:column;gap:8px}
}
@media (prefers-reduced-motion:reduce){html body[class*="theme-"]:not(#t) .button,html body[class*="theme-"]:not(#t) .faq summary::after{transition:none}}

/* keep hero order regardless of legacy site.css theme quirks (2026-10-30) */
html body[class*="theme-"]:not(#t) .home-hero .hero-copy, html body[class*="theme-"]:not(#t) .inner-hero .hero-copy{order:0}

/* demo-codesdevs.com.css — DevSpan (rate limiting + bot blocking for your own API). Only site values; load after template.css.
   Generated by gen-codesdevs.com.py (palette, rate/rule/log/bucket art, app icon). Variants: indigo/blue/cyan hue, DARK product window (template default),
   start-aligned hero. Display font: Montserrat 800 (Latin, Latin-ext, Cyrillic, Vietnamese; other scripts fall back to heavy Inter). */
:root{
  /* switch 1 — hue family: indigo / blue / cyan (+ pale periwinkle highlight); marks are the text-safe dark stops (>=4.5:1 on white) */
  --t-g1:#6366f1; --t-g2:#3b82f6; --t-g3:#22d3ee; --t-g4:#c7d2fe;
  --t-mark-1:#4338ca; --t-mark-2:#1d4ed8; --t-mark-3:#0e7490; --t-accent-text:#4338ca;
  --t-paper:#ffffff; --t-mist:#f0f3fc; --t-ink:#0b1030; --t-text:#363f63; --t-muted:#566086;
  --t-line:rgba(11,16,48,.10); --t-line-strong:rgba(11,16,48,.18);
  --t-night:#080d2b; --t-night-2:#121a49; --t-night-ink:#f2f5ff; --t-night-text:#b9c3e6; --t-night-line:rgba(255,255,255,.13);
  /* switch 2 — DARK product window (template default), navy-indigo tuned */
  --t-win-bg:#0e1330; --t-win-pane:#0a0e26; --t-win-bar:#151b3e; --t-win-ink:#e8ebfb; --t-win-muted:#a3acd0;
  --t-win-line:rgba(255,255,255,.09); --t-win-chip:rgba(255,255,255,.04); --t-win-tool:#67e8f9; --t-win-ok:#86efac;
  --t-win-bubble:#3730a3; --t-win-accept-bg:#ffffff; --t-win-accept-ink:#0b1030;
  --t-code-art-dark:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 420 520%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22 x1=%220%22 x2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%236366f1%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b82f6%22/%3E%3Cstop offset=%221%22 stop-color=%22%2322d3ee%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22f%22 x1=%220%22 x2=%220%22 y1=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2322d3ee%22 stop-opacity=%22.34%22/%3E%3Cstop offset=%221%22 stop-color=%22%2322d3ee%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3CclipPath id=%22up%22%3E%3Crect x=%220%22 y=%220%22 width=%22420%22 height=%22283%22/%3E%3C/clipPath%3E%3C/defs%3E%3Crect width=%22420%22 height=%2240%22 fill=%22%23ffffff08%22/%3E%3Crect x=%2212%22 y=%228%22 width=%22128%22 height=%2232%22 rx=%227%22 fill=%22%23ffffff10%22/%3E%3Crect x=%2226%22 y=%2221%22 width=%2274%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f7%22 opacity=%22.7%22/%3E%3Crect x=%22156%22 y=%2221%22 width=%2262%22 height=%226%22 rx=%223%22 fill=%22%235d6794%22/%3E%3Crect x=%22234%22 y=%2221%22 width=%2248%22 height=%226%22 rx=%223%22 fill=%22%235d6794%22 opacity=%22.6%22/%3E%3Crect x=%2214%22 y=%2262%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%235d6794%22 opacity=%22.7%22/%3E%3Crect x=%2240%22 y=%2262%22 width=%2240%22 height=%226%22 rx=%223%22 fill=%22%23a5b4fc%22/%3E%3Crect x=%2288%22 y=%2262%22 width=%2270%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f7%22/%3E%3Crect x=%2214%22 y=%2282%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%235d6794%22 opacity=%22.7%22/%3E%3Crect x=%2262%22 y=%2282%22 width=%2256%22 height=%226%22 rx=%223%22 fill=%22%2367e8f9%22/%3E%3Crect x=%22126%22 y=%2282%22 width=%2224%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f7%22/%3E%3Crect x=%22158%22 y=%2282%22 width=%2234%22 height=%226%22 rx=%223%22 fill=%22%23fbbf24%22/%3E%3Crect x=%2214%22 y=%22102%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%235d6794%22 opacity=%22.7%22/%3E%3Crect x=%2262%22 y=%22102%22 width=%2270%22 height=%226%22 rx=%223%22 fill=%22%2367e8f9%22/%3E%3Crect x=%22140%22 y=%22102%22 width=%2224%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f7%22/%3E%3Crect x=%22172%22 y=%22102%22 width=%2226%22 height=%226%22 rx=%223%22 fill=%22%23fbbf24%22/%3E%3Crect x=%22206%22 y=%22102%22 width=%2240%22 height=%226%22 rx=%223%22 fill=%22%23566087%22/%3E%3Crect x=%2214%22 y=%22122%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%235d6794%22 opacity=%22.7%22/%3E%3Crect x=%2262%22 y=%22122%22 width=%2262%22 height=%226%22 rx=%223%22 fill=%22%2367e8f9%22/%3E%3Crect x=%22132%22 y=%22122%22 width=%2224%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f7%22/%3E%3Crect x=%22164%22 y=%22122%22 width=%2290%22 height=%226%22 rx=%223%22 fill=%22%2367e8f9%22/%3E%3Crect x=%2214%22 y=%22142%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%235d6794%22 opacity=%22.7%22/%3E%3Crect x=%2240%22 y=%22142%22 width=%2240%22 height=%226%22 rx=%223%22 fill=%22%23a5b4fc%22/%3E%3Crect x=%2288%22 y=%22142%22 width=%2258%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f7%22/%3E%3Crect x=%2214%22 y=%22162%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%235d6794%22 opacity=%22.7%22/%3E%3Crect x=%2262%22 y=%22162%22 width=%2248%22 height=%226%22 rx=%223%22 fill=%22%2367e8f9%22/%3E%3Crect x=%22118%22 y=%22162%22 width=%2224%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f7%22/%3E%3Crect x=%22150%22 y=%22162%22 width=%2256%22 height=%226%22 rx=%223%22 fill=%22%23fb7185%22/%3E%3Crect x=%2214%22 y=%22182%22 width=%2210%22 height=%226%22 rx=%223%22 fill=%22%235d6794%22 opacity=%22.7%22/%3E%3Crect x=%2262%22 y=%22182%22 width=%2266%22 height=%226%22 rx=%223%22 fill=%22%2367e8f9%22/%3E%3Crect x=%22136%22 y=%22182%22 width=%2224%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f7%22/%3E%3Crect x=%22168%22 y=%22182%22 width=%2230%22 height=%226%22 rx=%223%22 fill=%22%23fbbf24%22/%3E%3Crect x=%2214%22 y=%22214%22 width=%22392%22 height=%22146%22 rx=%2214%22 fill=%22%23ffffff%22 fill-opacity=%22.045%22 stroke=%22%23fff%22 stroke-opacity=%22.1%22/%3E%3Crect x=%2230%22 y=%22230%22 width=%2284%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f7%22 opacity=%22.7%22/%3E%3Crect x=%22332%22 y=%22227%22 width=%2258%22 height=%2213%22 rx=%226.5%22 fill=%22%23fb7185%22 opacity=%22.22%22/%3E%3Crect x=%22342%22 y=%22231.5%22 width=%2238%22 height=%224%22 rx=%222%22 fill=%22%23fb7185%22/%3E%3Cpath d=%22M30 340h360%22 stroke=%22%23fff%22 stroke-opacity=%22.14%22/%3E%3Cpath d=%22M30.0 330 L51.2 322 L72.4 326 L93.5 312 L114.7 318 L135.9 296 L157.1 306 L178.2 262 L199.4 300 L220.6 288 L241.8 276 L262.9 244 L284.1 292 L305.3 300 L326.5 270 L347.6 250 L368.8 290 L390.0 312 L390 340 L30 340Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M30.0 330 L51.2 322 L72.4 326 L93.5 312 L114.7 318 L135.9 296 L157.1 306 L178.2 262 L199.4 300 L220.6 288 L241.8 276 L262.9 244 L284.1 292 L305.3 300 L326.5 270 L347.6 250 L368.8 290 L390.0 312%22 fill=%22none%22 stroke=%22%2367e8f9%22 stroke-width=%222.6%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22/%3E%3Cg clip-path=%22url(%23up)%22%3E%3Cpath d=%22M30.0 330 L51.2 322 L72.4 326 L93.5 312 L114.7 318 L135.9 296 L157.1 306 L178.2 262 L199.4 300 L220.6 288 L241.8 276 L262.9 244 L284.1 292 L305.3 300 L326.5 270 L347.6 250 L368.8 290 L390.0 312%22 fill=%22none%22 stroke=%22%23fb7185%22 stroke-width=%223.2%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3Cpath d=%22M30 283h360%22 stroke=%22%23fb7185%22 stroke-width=%221.6%22 stroke-dasharray=%225 5%22 opacity=%22.95%22/%3E%3Ccircle cx=%22178.2%22 cy=%22262%22 r=%224.5%22 fill=%22%230e1330%22 stroke=%22%23fb7185%22 stroke-width=%222.4%22/%3E%3Ccircle cx=%22262.9%22 cy=%22244%22 r=%224.5%22 fill=%22%230e1330%22 stroke=%22%23fb7185%22 stroke-width=%222.4%22/%3E%3Ccircle cx=%22347.6%22 cy=%22250%22 r=%224.5%22 fill=%22%230e1330%22 stroke=%22%23fb7185%22 stroke-width=%222.4%22/%3E%3Crect x=%2214%22 y=%22376%22 width=%22392%22 height=%2252%22 rx=%2212%22 fill=%22%23ffffff%22 fill-opacity=%22.045%22 stroke=%22%23fff%22 stroke-opacity=%22.1%22/%3E%3Crect x=%2230%22 y=%22397%22 width=%2260%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f7%22 opacity=%22.6%22/%3E%3Crect x=%22110%22 y=%22391%22 width=%2222%22 height=%2218%22 rx=%225%22 fill=%22%2367e8f9%22 fill-opacity=%220.9%22/%3E%3Crect x=%22138%22 y=%22391%22 width=%2222%22 height=%2218%22 rx=%225%22 fill=%22%2367e8f9%22 fill-opacity=%220.9%22/%3E%3Crect x=%22166%22 y=%22391%22 width=%2222%22 height=%2218%22 rx=%225%22 fill=%22%2367e8f9%22 fill-opacity=%220.9%22/%3E%3Crect x=%22194%22 y=%22391%22 width=%2222%22 height=%2218%22 rx=%225%22 fill=%22%2367e8f9%22 fill-opacity=%220.9%22/%3E%3Crect x=%22222%22 y=%22391%22 width=%2222%22 height=%2218%22 rx=%225%22 fill=%22%2367e8f9%22 fill-opacity=%220.9%22/%3E%3Crect x=%22250%22 y=%22391%22 width=%2222%22 height=%2218%22 rx=%225%22 fill=%22%2367e8f9%22 fill-opacity=%220.9%22/%3E%3Crect x=%22278%22 y=%22391%22 width=%2222%22 height=%2218%22 rx=%225%22 fill=%22%2367e8f9%22 fill-opacity=%220.9%22/%3E%3Crect x=%22306%22 y=%22391%22 width=%2222%22 height=%2218%22 rx=%225%22 fill=%22%23ffffff%22 fill-opacity=%220.1%22/%3E%3Crect x=%22334%22 y=%22391%22 width=%2222%22 height=%2218%22 rx=%225%22 fill=%22%23ffffff%22 fill-opacity=%220.1%22/%3E%3Crect x=%22362%22 y=%22391%22 width=%2222%22 height=%2218%22 rx=%225%22 fill=%22%23ffffff%22 fill-opacity=%220.1%22/%3E%3Crect x=%2214%22 y=%22440%22 width=%22124%22 height=%2238%22 rx=%2211%22 fill=%22%23ffffff%22 fill-opacity=%22.045%22 stroke=%22%23fff%22 stroke-opacity=%22.1%22/%3E%3Ccircle cx=%2234%22 cy=%22459%22 r=%225%22 fill=%22%234ade80%22/%3E%3Crect x=%2248%22 y=%22451%22 width=%2240%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f7%22 opacity=%22.55%22/%3E%3Crect x=%2248%22 y=%22463%22 width=%2230%22 height=%228%22 rx=%224%22 fill=%22%23dbe2f7%22 opacity=%22.85%22/%3E%3Crect x=%22148%22 y=%22440%22 width=%22124%22 height=%2238%22 rx=%2211%22 fill=%22%23ffffff%22 fill-opacity=%22.045%22 stroke=%22%23fff%22 stroke-opacity=%22.1%22/%3E%3Ccircle cx=%22168%22 cy=%22459%22 r=%225%22 fill=%22%23fbbf24%22/%3E%3Crect x=%22182%22 y=%22451%22 width=%2250%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f7%22 opacity=%22.55%22/%3E%3Crect x=%22182%22 y=%22463%22 width=%2240%22 height=%228%22 rx=%224%22 fill=%22%23dbe2f7%22 opacity=%22.85%22/%3E%3Crect x=%22282%22 y=%22440%22 width=%22124%22 height=%2238%22 rx=%2211%22 fill=%22%23ffffff%22 fill-opacity=%22.045%22 stroke=%22%23fff%22 stroke-opacity=%22.1%22/%3E%3Ccircle cx=%22302%22 cy=%22459%22 r=%225%22 fill=%22%23fb7185%22/%3E%3Crect x=%22316%22 y=%22451%22 width=%2234%22 height=%226%22 rx=%223%22 fill=%22%23dbe2f7%22 opacity=%22.55%22/%3E%3Crect x=%22316%22 y=%22463%22 width=%2224%22 height=%228%22 rx=%224%22 fill=%22%23dbe2f7%22 opacity=%22.85%22/%3E%3Crect x=%220%22 y=%22488%22 width=%22420%22 height=%2232%22 fill=%22%23ffffff08%22/%3E%3Crect x=%2216%22 y=%22501%22 width=%22120%22 height=%227%22 rx=%223.5%22 fill=%22%23fff%22 fill-opacity=%22.14%22/%3E%3Crect x=%2216%22 y=%22501%22 width=%2284%22 height=%227%22 rx=%223.5%22 fill=%22%2367e8f9%22/%3E%3Crect x=%22100%22 y=%22501%22 width=%2222%22 height=%227%22 rx=%223.5%22 fill=%22%23fb7185%22 opacity=%22.9%22/%3E%3Crect x=%22150%22 y=%22501%22 width=%2240%22 height=%227%22 rx=%223.5%22 fill=%22%235d6794%22 opacity=%22.7%22/%3E%3C/svg%3E");
  --t-code-art:var(--t-code-art-dark);
  /* switch 3 — start-aligned hero */
  --t-hero-align:start; --t-hero-items:flex-start; --t-hero-lead-mi:0;
  /* rhythm (slightly tighter: Montserrat runs wide) */
  --t-sec:42px; --t-band:42px;
  /* type */
  --t-font-display:"Montserrat",Inter,system-ui,sans-serif; --t-weight-display:800; --t-tracking:-.032em;
  /* brand */
  --t-app-icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%225%22 y1=%223%22 x2=%2259%22 y2=%2261%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%236366f1%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b82f6%22/%3E%3Cstop offset=%221%22 stop-color=%22%2322d3ee%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22gh%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%2264%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.30%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%2264%22 height=%2264%22 rx=%2216%22 fill=%22url(%23g)%22/%3E%3Crect width=%2264%22 height=%2264%22 rx=%2216%22 fill=%22url(%23gh)%22/%3E%3Cg transform=%22translate(32 32) scale(0.92) translate(-32 -32)%22%3E%3Ccircle cx=%2232%22 cy=%2213%22 r=%225%22 fill=%22%23fff%22/%3E%3Cpath d=%22M32 19v5%22 stroke=%22%23fff%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-opacity=%22.7%22/%3E%3Cpath d=%22M13 31h38l-4.6 21.5a4.5 4.5 0 0 1-4.4 3.5H22a4.5 4.5 0 0 1-4.4-3.5Z%22 fill=%22%23fff%22 fill-opacity=%22.5%22/%3E%3Cpath d=%22M15.2 42h33.6l-2.4 10.500a4.500 4.500 0 0 1-4.400 3.500H22a4.500 4.500 0 0 1-4.400-3.500Z%22 fill=%22%23fff%22/%3E%3Crect x=%2210%22 y=%2227.500%22 width=%2244%22 height=%227%22 rx=%223.500%22 fill=%22%23fff%22/%3E%3C/g%3E%3C/svg%3E");
  /* per-site art: request-rate graph + limit line, bot rule table, 429 response log, token-bucket meter */
  --t-art-1:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 440 300%22%3E%3Cdefs%3E %3ClinearGradient id=%22a%22 x1=%220%22 x2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%236366f1%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%233b82f6%22/%3E%3Cstop offset=%221%22 stop-color=%22%2322d3ee%22/%3E%3C/linearGradient%3E %3ClinearGradient id=%22f%22 x1=%220%22 x2=%220%22 y1=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233b82f6%22 stop-opacity=%22.30%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b82f6%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E %3CclipPath id=%22up%22%3E%3Crect x=%220%22 y=%220%22 width=%22440%22 height=%22130%22/%3E%3C/clipPath%3E%3C/defs%3E %3Crect x=%2230%22 y=%2224%22 width=%22380%22 height=%22226%22 rx=%2220%22 fill=%22%23fff%22 fill-opacity=%22.94%22/%3E %3Crect x=%2254%22 y=%2246%22 width=%2292%22 height=%228%22 rx=%224%22 fill=%22%230b1030%22 opacity=%22.78%22/%3E%3Crect x=%2254%22 y=%2260%22 width=%2258%22 height=%226%22 rx=%223%22 fill=%22%230b1030%22 opacity=%22.32%22/%3E %3Crect x=%22318%22 y=%2242%22 width=%2272%22 height=%2222%22 rx=%2211%22 fill=%22%23e11d48%22 fill-opacity=%22.14%22/%3E%3Crect x=%22330%22 y=%2250%22 width=%2248%22 height=%226%22 rx=%223%22 fill=%22%23e11d48%22/%3E %3Cpath d=%22M54 100h336M54 150h336M54 200h336%22 stroke=%22%230b1030%22 stroke-opacity=%22.08%22/%3E %3Cpath d=%22M58.0 190 L76.7 184 L95.4 188 L114.1 176 L132.8 180 L151.5 158 L170.2 168 L188.9 112 L207.6 150 L226.4 140 L245.1 128 L263.8 100 L282.5 146 L301.2 154 L319.9 124 L338.6 106 L357.3 142 L376.0 170 L376 208 L58 208Z%22 fill=%22url(%23f)%22/%3E %3Cpath d=%22M58.0 190 L76.7 184 L95.4 188 L114.1 176 L132.8 180 L151.5 158 L170.2 168 L188.9 112 L207.6 150 L226.4 140 L245.1 128 L263.8 100 L282.5 146 L301.2 154 L319.9 124 L338.6 106 L357.3 142 L376.0 170%22 fill=%22none%22 stroke=%22url(%23a)%22 stroke-width=%223.6%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22/%3E %3Cg clip-path=%22url(%23up)%22%3E%3Cpath d=%22M58.0 190 L76.7 184 L95.4 188 L114.1 176 L132.8 180 L151.5 158 L170.2 168 L188.9 112 L207.6 150 L226.4 140 L245.1 128 L263.8 100 L282.5 146 L301.2 154 L319.9 124 L338.6 106 L357.3 142 L376.0 170%22 fill=%22none%22 stroke=%22%23e11d48%22 stroke-width=%223.8%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22/%3E%3C/g%3E %3Cpath d=%22M54 130h336%22 stroke=%22%23e11d48%22 stroke-width=%222%22 stroke-dasharray=%226 6%22/%3E %3Crect x=%22334%22 y=%22119%22 width=%2252%22 height=%2222%22 rx=%2211%22 fill=%22%230b1030%22/%3E%3Crect x=%22346%22 y=%22127%22 width=%2228%22 height=%226%22 rx=%223%22 fill=%22%23fff%22/%3E %3Ccircle cx=%22188.9%22 cy=%22112%22 r=%225%22 fill=%22%23fff%22 stroke=%22%23e11d48%22 stroke-width=%223%22/%3E%3Ccircle cx=%22263.8%22 cy=%22100%22 r=%225%22 fill=%22%23fff%22 stroke=%22%23e11d48%22 stroke-width=%223%22/%3E%3Ccircle cx=%22338.6%22 cy=%22106%22 r=%225%22 fill=%22%23fff%22 stroke=%22%23e11d48%22 stroke-width=%223%22/%3E %3Cpath d=%22M54 208h336%22 stroke=%22%230b1030%22 stroke-opacity=%22.25%22/%3E %3Crect x=%2254%22 y=%22222%22 width=%2246%22 height=%226%22 rx=%223%22 fill=%22%230b1030%22 opacity=%22.35%22/%3E%3Crect x=%22170%22 y=%22222%22 width=%2246%22 height=%226%22 rx=%223%22 fill=%22%230b1030%22 opacity=%22.35%22/%3E%3Crect x=%22286%22 y=%22222%22 width=%2246%22 height=%226%22 rx=%223%22 fill=%22%230b1030%22 opacity=%22.35%22/%3E %3C/svg%3E");
  --t-art-2:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 420 300%22%3E %3Crect x=%2230%22 y=%2224%22 width=%22360%22 height=%22252%22 rx=%2220%22 fill=%22%23fff%22 fill-opacity=%22.94%22/%3E %3Crect x=%2230%22 y=%2224%22 width=%22360%22 height=%2234%22 rx=%2220%22 fill=%22%230b1030%22 fill-opacity=%22.06%22/%3E%3Crect x=%2230%22 y=%2244%22 width=%22360%22 height=%2214%22 fill=%22%230b1030%22 fill-opacity=%22.06%22/%3E %3Crect x=%2262%22 y=%2237%22 width=%2252%22 height=%228%22 rx=%224%22 fill=%22%230b1030%22 opacity=%22.6%22/%3E%3Crect x=%22170%22 y=%2237%22 width=%2252%22 height=%228%22 rx=%224%22 fill=%22%230b1030%22 opacity=%22.35%22/%3E%3Crect x=%22290%22 y=%2237%22 width=%2246%22 height=%228%22 rx=%224%22 fill=%22%230b1030%22 opacity=%22.35%22/%3E %3Crect x=%2244%22 y=%2272%22 width=%22332%22 height=%2232%22 rx=%229%22 fill=%22%23e11d48%22 fill-opacity=%22.08%22/%3E%3Ccircle cx=%2262%22 cy=%2288%22 r=%225%22 fill=%22%23e11d48%22/%3E%3Crect x=%2278%22 y=%2285%22 width=%2270%22 height=%227%22 rx=%223.5%22 fill=%22%230b1030%22 opacity=%22.72%22/%3E%3Crect x=%22158%22 y=%2285%22 width=%2296%22 height=%227%22 rx=%223.5%22 fill=%22%230b1030%22 opacity=%22.26%22/%3E%3Crect x=%22284%22 y=%2278%22 width=%2258%22 height=%2220%22 rx=%2210%22 fill=%22%23e11d48%22/%3E%3Crect x=%22296%22 y=%2285%22 width=%2234%22 height=%226%22 rx=%223%22 fill=%22%23fff%22/%3E%3Crect x=%22350%22 y=%2281%22 width=%2222%22 height=%2214%22 rx=%227%22 fill=%22%234338ca%22 fill-opacity=%221%22/%3E%3Ccircle cx=%22365%22 cy=%2288%22 r=%225%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2262%22 cy=%22126%22 r=%225%22 fill=%22%23d97706%22/%3E%3Crect x=%2278%22 y=%22123%22 width=%2284%22 height=%227%22 rx=%223.5%22 fill=%22%230b1030%22 opacity=%22.72%22/%3E%3Crect x=%22172%22 y=%22123%22 width=%2270%22 height=%227%22 rx=%223.5%22 fill=%22%230b1030%22 opacity=%22.26%22/%3E%3Crect x=%22284%22 y=%22116%22 width=%2258%22 height=%2220%22 rx=%2210%22 fill=%22%23d97706%22/%3E%3Crect x=%22296%22 y=%22123%22 width=%2234%22 height=%226%22 rx=%223%22 fill=%22%23fff%22/%3E%3Crect x=%22350%22 y=%22119%22 width=%2222%22 height=%2214%22 rx=%227%22 fill=%22%234338ca%22 fill-opacity=%221%22/%3E%3Ccircle cx=%22365%22 cy=%22126%22 r=%225%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2262%22 cy=%22164%22 r=%225%22 fill=%22%234338ca%22/%3E%3Crect x=%2278%22 y=%22161%22 width=%2262%22 height=%227%22 rx=%223.5%22 fill=%22%230b1030%22 opacity=%22.72%22/%3E%3Crect x=%22150%22 y=%22161%22 width=%22110%22 height=%227%22 rx=%223.5%22 fill=%22%230b1030%22 opacity=%22.26%22/%3E%3Crect x=%22284%22 y=%22154%22 width=%2258%22 height=%2220%22 rx=%2210%22 fill=%22%234338ca%22/%3E%3Crect x=%22296%22 y=%22161%22 width=%2234%22 height=%226%22 rx=%223%22 fill=%22%23fff%22/%3E%3Crect x=%22350%22 y=%22157%22 width=%2222%22 height=%2214%22 rx=%227%22 fill=%22%234338ca%22 fill-opacity=%221%22/%3E%3Ccircle cx=%22365%22 cy=%22164%22 r=%225%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2262%22 cy=%22202%22 r=%225%22 fill=%22%2315803d%22/%3E%3Crect x=%2278%22 y=%22199%22 width=%2296%22 height=%227%22 rx=%223.5%22 fill=%22%230b1030%22 opacity=%22.72%22/%3E%3Crect x=%22184%22 y=%22199%22 width=%2254%22 height=%227%22 rx=%223.5%22 fill=%22%230b1030%22 opacity=%22.26%22/%3E%3Crect x=%22284%22 y=%22192%22 width=%2258%22 height=%2220%22 rx=%2210%22 fill=%22%2315803d%22/%3E%3Crect x=%22296%22 y=%22199%22 width=%2234%22 height=%226%22 rx=%223%22 fill=%22%23fff%22/%3E%3Crect x=%22350%22 y=%22195%22 width=%2222%22 height=%2214%22 rx=%227%22 fill=%22%230b1030%22 fill-opacity=%220.22%22/%3E%3Ccircle cx=%22357%22 cy=%22202%22 r=%225%22 fill=%22%23fff%22/%3E%3Crect x=%2244%22 y=%22224%22 width=%22332%22 height=%2232%22 rx=%229%22 fill=%22%23e11d48%22 fill-opacity=%22.08%22/%3E%3Ccircle cx=%2262%22 cy=%22240%22 r=%225%22 fill=%22%23e11d48%22/%3E%3Crect x=%2278%22 y=%22237%22 width=%2258%22 height=%227%22 rx=%223.5%22 fill=%22%230b1030%22 opacity=%22.72%22/%3E%3Crect x=%22146%22 y=%22237%22 width=%2288%22 height=%227%22 rx=%223.5%22 fill=%22%230b1030%22 opacity=%22.26%22/%3E%3Crect x=%22284%22 y=%22230%22 width=%2258%22 height=%2220%22 rx=%2210%22 fill=%22%23e11d48%22/%3E%3Crect x=%22296%22 y=%22237%22 width=%2234%22 height=%226%22 rx=%223%22 fill=%22%23fff%22/%3E%3Crect x=%22350%22 y=%22233%22 width=%2222%22 height=%2214%22 rx=%227%22 fill=%22%234338ca%22 fill-opacity=%221%22/%3E%3Ccircle cx=%22365%22 cy=%22240%22 r=%225%22 fill=%22%23fff%22/%3E %3C/svg%3E");
  --t-art-3:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 420 300%22%3E %3Crect x=%2230%22 y=%2234%22 width=%22360%22 height=%22236%22 rx=%2218%22 fill=%22%230b1030%22 fill-opacity=%22.8%22 stroke=%22%23fff%22 stroke-opacity=%22.3%22 stroke-width=%221.5%22/%3E %3Ccircle cx=%2256%22 cy=%2254%22 r=%224.5%22 fill=%22%23fb7185%22 opacity=%22.7%22/%3E%3Ccircle cx=%2272%22 cy=%2254%22 r=%224.5%22 fill=%22%23fbbf24%22 opacity=%22.7%22/%3E%3Ccircle cx=%2288%22 cy=%2254%22 r=%224.5%22 fill=%22%234ade80%22 opacity=%22.7%22/%3E %3Crect x=%2254%22 y=%2273%22 width=%2236%22 height=%2216%22 rx=%228%22 fill=%22%234ade80%22 fill-opacity=%22.22%22/%3E%3Crect x=%2262%22 y=%2279%22 width=%2220%22 height=%224.5%22 rx=%222.2%22 fill=%22%234ade80%22/%3E%3Crect x=%22100%22 y=%2276%22 width=%2226%22 height=%2210%22 rx=%225%22 fill=%22%23fff%22 fill-opacity=%22.14%22/%3E%3Crect x=%22136%22 y=%2278%22 width=%2288%22 height=%226%22 rx=%223%22 fill=%22%23fff%22 opacity=%22.82%22/%3E%3Crect x=%22232%22 y=%2278%22 width=%2240%22 height=%226%22 rx=%223%22 fill=%22%23a5b4fc%22 opacity=%22.7%22/%3E%3Crect x=%22330%22 y=%2278%22 width=%2236%22 height=%226%22 rx=%223%22 fill=%22%23fff%22 opacity=%22.35%22/%3E%3Crect x=%2254%22 y=%22100%22 width=%2236%22 height=%2216%22 rx=%228%22 fill=%22%234ade80%22 fill-opacity=%22.22%22/%3E%3Crect x=%2262%22 y=%22106%22 width=%2220%22 height=%224.5%22 rx=%222.2%22 fill=%22%234ade80%22/%3E%3Crect x=%22100%22 y=%22103%22 width=%2234%22 height=%2210%22 rx=%225%22 fill=%22%23fff%22 fill-opacity=%22.14%22/%3E%3Crect x=%22144%22 y=%22105%22 width=%2264%22 height=%226%22 rx=%223%22 fill=%22%23fff%22 opacity=%22.82%22/%3E%3Crect x=%22216%22 y=%22105%22 width=%2252%22 height=%226%22 rx=%223%22 fill=%22%23a5b4fc%22 opacity=%22.7%22/%3E%3Crect x=%22330%22 y=%22105%22 width=%2236%22 height=%226%22 rx=%223%22 fill=%22%23fff%22 opacity=%22.35%22/%3E%3Crect x=%2242%22 y=%22122%22 width=%22336%22 height=%2224%22 rx=%228%22 fill=%22%23fb7185%22 fill-opacity=%22.14%22/%3E%3Crect x=%2254%22 y=%22127%22 width=%2236%22 height=%2216%22 rx=%228%22 fill=%22%23fb7185%22 fill-opacity=%22.22%22/%3E%3Crect x=%2262%22 y=%22133%22 width=%2220%22 height=%224.5%22 rx=%222.2%22 fill=%22%23fb7185%22/%3E%3Crect x=%22100%22 y=%22130%22 width=%2234%22 height=%2210%22 rx=%225%22 fill=%22%23fff%22 fill-opacity=%22.14%22/%3E%3Crect x=%22144%22 y=%22132%22 width=%22110%22 height=%226%22 rx=%223%22 fill=%22%23fff%22 opacity=%22.82%22/%3E%3Crect x=%22262%22 y=%22132%22 width=%2236%22 height=%226%22 rx=%223%22 fill=%22%23a5b4fc%22 opacity=%22.7%22/%3E%3Crect x=%22330%22 y=%22132%22 width=%2236%22 height=%226%22 rx=%223%22 fill=%22%23fff%22 opacity=%22.35%22/%3E%3Crect x=%2242%22 y=%22149%22 width=%22336%22 height=%2224%22 rx=%228%22 fill=%22%23fb7185%22 fill-opacity=%22.14%22/%3E%3Crect x=%2254%22 y=%22154%22 width=%2236%22 height=%2216%22 rx=%228%22 fill=%22%23fb7185%22 fill-opacity=%22.22%22/%3E%3Crect x=%2262%22 y=%22160%22 width=%2220%22 height=%224.5%22 rx=%222.2%22 fill=%22%23fb7185%22/%3E%3Crect x=%22100%22 y=%22157%22 width=%2226%22 height=%2210%22 rx=%225%22 fill=%22%23fff%22 fill-opacity=%22.14%22/%3E%3Crect x=%22136%22 y=%22159%22 width=%2276%22 height=%226%22 rx=%223%22 fill=%22%23fff%22 opacity=%22.82%22/%3E%3Crect x=%22220%22 y=%22159%22 width=%2244%22 height=%226%22 rx=%223%22 fill=%22%23a5b4fc%22 opacity=%22.7%22/%3E%3Crect x=%22330%22 y=%22159%22 width=%2236%22 height=%226%22 rx=%223%22 fill=%22%23fff%22 opacity=%22.35%22/%3E%3Crect x=%2254%22 y=%22181%22 width=%2236%22 height=%2216%22 rx=%228%22 fill=%22%234ade80%22 fill-opacity=%22.22%22/%3E%3Crect x=%2262%22 y=%22187%22 width=%2220%22 height=%224.5%22 rx=%222.2%22 fill=%22%234ade80%22/%3E%3Crect x=%22100%22 y=%22184%22 width=%2226%22 height=%2210%22 rx=%225%22 fill=%22%23fff%22 fill-opacity=%22.14%22/%3E%3Crect x=%22136%22 y=%22186%22 width=%2298%22 height=%226%22 rx=%223%22 fill=%22%23fff%22 opacity=%22.82%22/%3E%3Crect x=%22242%22 y=%22186%22 width=%2230%22 height=%226%22 rx=%223%22 fill=%22%23a5b4fc%22 opacity=%22.7%22/%3E%3Crect x=%22330%22 y=%22186%22 width=%2236%22 height=%226%22 rx=%223%22 fill=%22%23fff%22 opacity=%22.35%22/%3E %3Cpath d=%22M42 208h336%22 stroke=%22%23fff%22 stroke-opacity=%22.14%22/%3E %3Crect x=%2254%22 y=%22231%22 width=%2238%22 height=%226%22 rx=%223%22 fill=%22%23fff%22 opacity=%22.6%22/%3E%3Crect x=%22104%22 y=%22226%22 width=%2219%22 height=%2216%22 rx=%225%22 fill=%22%2367e8f9%22 fill-opacity=%220.95%22/%3E%3Crect x=%22129%22 y=%22226%22 width=%2219%22 height=%2216%22 rx=%225%22 fill=%22%2367e8f9%22 fill-opacity=%220.95%22/%3E%3Crect x=%22154%22 y=%22226%22 width=%2219%22 height=%2216%22 rx=%225%22 fill=%22%2367e8f9%22 fill-opacity=%220.95%22/%3E%3Crect x=%22179%22 y=%22226%22 width=%2219%22 height=%2216%22 rx=%225%22 fill=%22%2367e8f9%22 fill-opacity=%220.95%22/%3E%3Crect x=%22204%22 y=%22226%22 width=%2219%22 height=%2216%22 rx=%225%22 fill=%22%2367e8f9%22 fill-opacity=%220.95%22/%3E%3Crect x=%22229%22 y=%22226%22 width=%2219%22 height=%2216%22 rx=%225%22 fill=%22%2367e8f9%22 fill-opacity=%220.95%22/%3E%3Crect x=%22254%22 y=%22226%22 width=%2219%22 height=%2216%22 rx=%225%22 fill=%22%2367e8f9%22 fill-opacity=%220.95%22/%3E%3Crect x=%22279%22 y=%22226%22 width=%2219%22 height=%2216%22 rx=%225%22 fill=%22%23fff%22 fill-opacity=%220.14%22/%3E%3Crect x=%22304%22 y=%22226%22 width=%2219%22 height=%2216%22 rx=%225%22 fill=%22%23fff%22 fill-opacity=%220.14%22/%3E%3Crect x=%22329%22 y=%22226%22 width=%2219%22 height=%2216%22 rx=%225%22 fill=%22%23fff%22 fill-opacity=%220.14%22/%3E %3Cpath d=%22M356 226v16M350 236l6 6 6-6%22 fill=%22none%22 stroke=%22%2367e8f9%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.0%22/%3E %3C/svg%3E");
  --t-art-orb:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E %3Cpath d=%22M15.1 42.2A18 18 0 1 1 48.9 42.2%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.4%22 stroke-width=%227%22 stroke-linecap=%22round%22/%3E %3Cpath d=%22M15.1 42.2A18 18 0 1 1 43.5 22.1%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%227%22 stroke-linecap=%22round%22/%3E %3Cpath d=%22M32 36L40.3 26.0%22 stroke=%22%23fff%22 stroke-width=%223.2%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2232%22 cy=%2236%22 r=%224.6%22 fill=%22%23fff%22/%3E%3C/svg%3E");
  --t-art-scenario:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 440 300%22%3E %3Crect x=%2230%22 y=%2224%22 width=%22380%22 height=%22226%22 rx=%2220%22 fill=%22%23ffffff%22 fill-opacity=%22.2%22 stroke=%22%23ffffff%22 stroke-opacity=%22.55%22 stroke-width=%221.5%22/%3E %3Ccircle cx=%22212%22 cy=%2252%22 r=%227%22 fill=%22%23fff%22 fill-opacity=%22.9%22/%3E%3Ccircle cx=%22212%22 cy=%2276%22 r=%225.5%22 fill=%22%23fff%22 fill-opacity=%22.6%22/%3E%3Ccircle cx=%22212%22 cy=%2296%22 r=%224%22 fill=%22%23fff%22 fill-opacity=%22.38%22/%3E %3Cpath d=%22M150 118h124l-14 118a8 8 0 0 1-8 7H172a8 8 0 0 1-8-7Z%22 fill=%22%23fff%22 fill-opacity=%22.18%22 stroke=%22%23fff%22 stroke-width=%223%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M156.600 165h110.800l-8.600 71a8 8 0 0 1-8 7H172a8 8 0 0 1-8-7Z%22 fill=%22%23fff%22 fill-opacity=%22.28%22/%3E %3Crect x=%22142%22 y=%22110%22 width=%22140%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22/%3E %3Ccircle cx=%22190%22 cy=%22214%22 r=%229%22 fill=%22%23fff%22 fill-opacity=%22.92%22/%3E%3Ccircle cx=%22190%22 cy=%22214%22 r=%224%22 fill=%22%233b82f6%22 fill-opacity=%22.55%22/%3E%3Ccircle cx=%22212%22 cy=%22214%22 r=%229%22 fill=%22%23fff%22 fill-opacity=%22.92%22/%3E%3Ccircle cx=%22212%22 cy=%22214%22 r=%224%22 fill=%22%233b82f6%22 fill-opacity=%22.55%22/%3E%3Ccircle cx=%22234%22 cy=%22214%22 r=%229%22 fill=%22%23fff%22 fill-opacity=%22.92%22/%3E%3Ccircle cx=%22234%22 cy=%22214%22 r=%224%22 fill=%22%233b82f6%22 fill-opacity=%22.55%22/%3E%3Ccircle cx=%22201%22 cy=%22192%22 r=%229%22 fill=%22%23fff%22 fill-opacity=%22.92%22/%3E%3Ccircle cx=%22201%22 cy=%22192%22 r=%224%22 fill=%22%233b82f6%22 fill-opacity=%22.55%22/%3E%3Ccircle cx=%22223%22 cy=%22192%22 r=%229%22 fill=%22%23fff%22 fill-opacity=%22.92%22/%3E%3Ccircle cx=%22223%22 cy=%22192%22 r=%224%22 fill=%22%233b82f6%22 fill-opacity=%22.55%22/%3E%3Ccircle cx=%22212%22 cy=%22170%22 r=%229%22 fill=%22%23fff%22 fill-opacity=%22.92%22/%3E%3Ccircle cx=%22212%22 cy=%22170%22 r=%224%22 fill=%22%233b82f6%22 fill-opacity=%22.55%22/%3E %3Crect x=%2256%22 y=%2270%22 width=%2264%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%22.85%22/%3E%3Crect x=%2256%22 y=%2286%22 width=%2240%22 height=%226%22 rx=%223%22 fill=%22%23fff%22 opacity=%22.5%22/%3E %3Cpath d=%22M304.1 171.6A34 34 0 1 1 367.9 171.6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.35%22 stroke-width=%2210%22 stroke-linecap=%22round%22/%3E %3Cpath d=%22M304.1 171.6A34 34 0 1 1 357.7 133.8%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%2210%22 stroke-linecap=%22round%22/%3E %3Cpath d=%22M336 160L352.6 140.0%22 stroke=%22%230b1030%22 stroke-width=%223.4%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%22336%22 cy=%22160%22 r=%226%22 fill=%22%230b1030%22/%3E %3Crect x=%22300%22 y=%22204%22 width=%2272%22 height=%2222%22 rx=%2211%22 fill=%22%23fff%22 fill-opacity=%22.92%22/%3E%3Crect x=%22312%22 y=%22212%22 width=%2248%22 height=%226%22 rx=%223%22 fill=%22%230b1030%22 opacity=%22.6%22/%3E %3Crect x=%2256%22 y=%22210%22 width=%2240%22 height=%2222%22 rx=%2211%22 fill=%22%23fff%22 fill-opacity=%22.92%22/%3E%3Crect x=%2266%22 y=%22218%22 width=%2220%22 height=%226%22 rx=%223%22 fill=%22%233b82f6%22/%3E %3C/svg%3E");
}

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