/* codingisawesome.com theme "firstscript" (2026-11-02): style + layout, CSS only (HTML/text unchanged).
   Premium template (owner-approved 2026-10-30), batch 4; own palette, font, 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:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Raleway";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/raleway-600-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:"Raleway";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/raleway-600-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Raleway";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/raleway-600-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:"Raleway";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/raleway-600-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:"Raleway";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/raleway-600-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:"Raleway";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/raleway-600-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:"Raleway";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/raleway-600-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Raleway";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/raleway-600-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:"Raleway";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/raleway-600-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:"Raleway";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/raleway-600-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:"Raleway";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/raleway-600-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:"Raleway";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/raleway-600-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Raleway";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/raleway-600-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:"Raleway";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/raleway-600-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:"Raleway";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/raleway-600-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}
/* p2-showcase "Product showcase" - GENERATED from template.src.css by build.py. Do not edit by hand. */
/* p2-showcase "Product showcase" — premium light fleet template. SOURCE FILE: `python3 build.py` expands every selector with the
   high-specificity body prefix, inlines the ART placeholders from art/*.svg (made by art.py) and writes template.css.
   In this file:  `&` = the <body> itself,  `& .x` = descendants,  `&.page-0 .x` = page type.  Never use site/theme names here.
   Variables (set per site in demo-<domain>.css on :root):
     colour : --t-accent (buttons) --t-accent-ink --t-accent-text (accent as text) --t-accent-2 --t-accent-3 (gradient stops of the
              highlight, art and CTA)  --t-ground (page grey) --t-card (#fff) --t-ink --t-text --t-muted
     type   : --t-font-display --t-weight-display --t-tracking --t-h1-size
     VARIANT SWITCHES
       hero layout : stage (default: centred copy, device below)  |  split (copy left, device right):
                     --t-hero-cols --t-hero-text --t-hero-items --t-hero-jc --t-h1-size --t-hero-h1-w --t-hero-dev-w
       device      : laptop (default)  |  monitor:  --t-neck-w --t-neck-h --t-deck-w --t-deck-h --t-deck-radius --t-deck-notch
       screen      : light (default)   |  dark:  --t-win-bg --t-win-bar --t-win-step --t-win-ink --t-win-muted --t-win-chip --t-win-chip-ink --t-win-line
*/

:root{
  --t-accent:#2556d6; --t-accent-ink:#fff; --t-accent-text:#2150c8; --t-accent-2:#6b45d4; --t-accent-3:#b93a72;
  --t-ground:#f4f4f6; --t-card:#fff; --t-ink:#15171c; --t-text:#3b3f48; --t-muted:#5b606b; --t-line:rgba(21,23,28,.09);
  --t-grad:linear-gradient(100deg,var(--t-accent) 0%,var(--t-accent-2) 58%,var(--t-accent-3) 100%);
  --t-grad-soft:linear-gradient(135deg,color-mix(in srgb,var(--t-accent) 14%,#fff),color-mix(in srgb,var(--t-accent-2) 12%,#fff) 55%,color-mix(in srgb,var(--t-accent-3) 12%,#fff));
  --t-tint:color-mix(in srgb,var(--t-accent) 8%,#fff);
  --t-font-display:"Host Grotesk",Inter,system-ui,sans-serif; --t-weight-display:800; --t-tracking:-.042em;
  --t-font-body:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --t-mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;
  --t-band:60px; --t-radius:28px; --t-radius-s:18px; --t-gap:16px; --t-space:clamp(44px,5vw,72px);
  /* hero: stage */
  --t-hero-cols:minmax(0,1fr); --t-stage-h:430px; --t-stage-start:0%; --t-hero-text:center; --t-hero-items:center; --t-hero-jc:center;
  --t-h1-size:clamp(44px,5.7vw,80px); --t-hero-h1-w:15ch; --t-hero-lead-w:50ch; --t-hero-dev-w:900px;
  /* device: laptop */
  --t-bezel:#1d1e23; --t-bezel-w:11px; --t-dev-radius:24px;
  --t-neck-w:0px; --t-neck-h:0px; --t-deck-w:114%; --t-deck-extra:400px; --t-dev-scale:1; --t-deck-h:15px; --t-deck-radius:2px 2px 26px 26px / 2px 2px 14px 14px; --t-deck-notch:1;
  /* screen: light */
  --t-win-bg:#fff; --t-win-bar:#f6f6f8; --t-win-step:#f4f5f8; --t-win-ink:#15171c; --t-win-muted:#5b606b;
  --t-win-chip:color-mix(in srgb,var(--t-accent) 10%,#fff); --t-win-chip-ink:var(--t-accent-text); --t-win-line:rgba(21,23,28,.08);
  --lang-radius:999px; --nav-radius:16px; --nav-accent:var(--t-accent); --lang-border:0;
}
/* scripts the display font lacks -> heavy Inter (add [lang=ru]/[lang=uk]/[lang=vi] in the demo file if the face lacks them) */
html:is([lang^=ar],[lang^=hi],[lang^=th],[lang^=ja],[lang^=ko]) body[class*="theme-"]{--t-font-display:Inter,system-ui,sans-serif;--t-weight-display:800;--t-tracking:-.01em}
html:is([lang^=ja],[lang^=ko],[lang^=th],[lang^=hi],[lang^=ar]) body[class*="theme-"] :is(h1,h2){line-height:1.3!important}
html:is([lang^=ar],[lang^=hi]) body[class*="theme-"] .setup li::before{font-family:Inter,sans-serif}
html:is([lang^=ja],[lang^=ko]) body[class*="theme-"] :is(h1,h2,h3,summary){word-break:auto-phrase}

/* ---------- 0. base: neutral grey ground, neutralise every theme-* quirk of site.css ---------- */
html{background:var(--t-ground);scroll-behavior:auto}
html body[class*="theme-"]:not(#t){--bg:var(--t-ground)!important;--ink:var(--t-ink)!important;--accent:var(--t-accent)!important;
  background:linear-gradient(rgba(255,255,255,.78),rgba(255,255,255,.78)) 0 0/100% var(--t-band) no-repeat,
    linear-gradient(var(--t-line),var(--t-line)) 0 var(--t-band)/100% 1px no-repeat,var(--t-ground)!important;color:var(--t-text);font:16px/1.6 var(--t-font-body);overflow-x:clip;display:flow-root;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html body[class*="theme-"]:not(#t) *{box-shadow:none;text-shadow:none}
html body[class*="theme-"]:not(#t) ::selection{background:color-mix(in srgb,var(--t-accent) 22%,transparent)}
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) main.wrap{display:block;overflow-wrap:anywhere;overflow-x:clip}
html body[class*="theme-"]:not(#t) h1,
html body[class*="theme-"]:not(#t) h2,
html body[class*="theme-"]:not(#t) h3,
html body[class*="theme-"]:not(#t) summary,
html body[class*="theme-"]:not(#t) .brand{font-family:var(--t-font-display);color:var(--t-ink);text-transform:none;font-style:normal}
html body[class*="theme-"]:not(#t) h1{font-weight:var(--t-weight-display);letter-spacing:var(--t-tracking);hyphens:manual;overflow-wrap:normal}
html body[class*="theme-"]:not(#t) h2{font-weight:var(--t-weight-display);letter-spacing:calc(var(--t-tracking) * .8);hyphens:manual}
html body[class*="theme-"]:not(#t) h3,
html body[class*="theme-"]:not(#t) summary{font-weight:700;letter-spacing:calc(var(--t-tracking) * .4);hyphens:manual}
html body[class*="theme-"]:not(#t) .hero-copy::before,
html body[class*="theme-"]:not(#t) .hero-copy::after,
html body[class*="theme-"]:not(#t) .inner-hero::before,
html body[class*="theme-"]:not(#t) .inner-hero::after,
html body[class*="theme-"]:not(#t) .eyebrow::before,
html body[class*="theme-"]:not(#t) .eyebrow::after,
html body[class*="theme-"]:not(#t) .cards::before,
html body[class*="theme-"]:not(#t) .cards::after,
html body[class*="theme-"]:not(#t) .split-section::before,
html body[class*="theme-"]:not(#t) .split-section::after,
html body[class*="theme-"]:not(#t) .reading::before,
html body[class*="theme-"]:not(#t) .reading::after{content:none;display:none}
html body[class*="theme-"]:not(#t) a:focus-visible,
html body[class*="theme-"]:not(#t) button:focus-visible,
html body[class*="theme-"]:not(#t) select:focus-visible,
html body[class*="theme-"]:not(#t) summary:focus-visible{outline:2px solid var(--t-accent);outline-offset:4px;border-radius:12px}

/* ---------- 1. header: a quiet full-bleed bar with a hairline, nav in the middle ---------- */
html body[class*="theme-"]:not(#t) .header{display:flex;align-items:center;gap:24px;min-height:var(--t-band);margin:0 auto;padding:0;border:0;border-radius:0;position:relative;z-index:5;
  background:none;color:var(--t-ink)}
html body[class*="theme-"]:not(#t) .brand{font-size:18px;font-weight:700;letter-spacing:-.02em;gap:10px;color:var(--t-ink);transform:none;position:static}
html body[class*="theme-"]:not(#t) .brand-symbol{all:unset;display:block;flex:none;width:30px;height:30px;line-height:0}
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;font-size:14px;font-weight:500;border:0;padding:0;background:none}
html body[class*="theme-"]:not(#t) .main-nav a{opacity:1;color:var(--t-text);text-decoration:none;padding:8px 15px;border:0;border-radius:999px;transition:background-color .15s,color .15s}
html body[class*="theme-"]:not(#t) .main-nav a:hover{color:var(--t-ink);background:rgba(21,23,28,.05)}
html body[class*="theme-"]:not(#t) .main-nav a[aria-current]{color:var(--t-ink);background:rgba(21,23,28,.06);text-decoration:none}
html body[class*="theme-"]:not(#t) .header .language{color:var(--t-ink);background:#fff;height:38px;box-shadow:0 0 0 1px var(--t-line)}
html body[class*="theme-"]:not(#t) .header .language:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--t-accent) 40%,transparent)}

/* ---------- 2. buttons, pill labels ---------- */
html body[class*="theme-"]:not(#t) .button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;min-height:48px;
  padding:0 26px;border-radius:999px;font:600 15.5px/1.2 var(--t-font-body);letter-spacing:-.005em;text-align:center;transition:background-color .15s,box-shadow .15s}
html body[class*="theme-"]:not(#t) .button.primary,
html body[class*="theme-"]:not(#t) .primary{background:var(--t-accent);color:var(--t-accent-ink);
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 24px -12px color-mix(in srgb,var(--t-accent) 90%,transparent)}
html body[class*="theme-"]:not(#t) .button.primary:hover{background:color-mix(in srgb,var(--t-accent) 86%,#000)}
html body[class*="theme-"]:not(#t) .button.secondary,
html body[class*="theme-"]:not(#t) .secondary{background:#fff;color:var(--t-accent-text);box-shadow:0 0 0 1px var(--t-line)}
html body[class*="theme-"]:not(#t) .button.secondary:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--t-accent) 45%,transparent)}
html body[class*="theme-"]:not(#t) .button:focus-visible{outline:2px solid var(--t-accent);outline-offset:3px}
/* pill label above titles: small caps, a gradient dot */
html body[class*="theme-"]:not(#t) .eyebrow{display:inline-flex;align-items:center;gap:9px;width:fit-content;margin:0 0 22px;padding:6px 14px 6px 11px;border:0;border-radius:999px;
  background:#fff;box-shadow:0 0 0 1px var(--t-line);font:600 12px/1.3 var(--t-font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--t-muted)}
html body[class*="theme-"]:not(#t) .eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--t-grad);flex:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--t-accent) 14%,transparent)}
html body[class*="theme-"]:not(#t) .number{display:block;width:auto;margin:0 0 10px;padding:0;background:none;border-radius:0;
  font:600 11.5px/1.4 var(--t-font-body);letter-spacing:.09em;text-transform:uppercase;color:var(--t-muted);opacity:1;position:static}

/* ---------- 3. hero: the stage ---------- */
html body[class*="theme-"]:not(#t) .hero{padding:0;min-height:0}
html body[class*="theme-"]:not(#t) .home-hero{all:unset;box-sizing:border-box;display:grid;grid-template-columns:var(--t-hero-cols);align-items:center;justify-items:var(--t-hero-items);
  column-gap:clamp(32px,4vw,64px);position:relative;isolation:isolate;width:100%;text-align:var(--t-hero-text);padding:clamp(40px,4.4vw,60px) 0 0}
html body[class*="theme-"]:not(#t) .hero-copy{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:var(--t-hero-items);position:relative;z-index:1;max-width:100%;min-width:0}
html body[class*="theme-"]:not(#t) .home-hero h1{font-size:var(--t-h1-size);line-height:.98;margin:0;max-width:var(--t-hero-h1-w);text-wrap:balance;text-align:var(--t-hero-text)}
/* the highlighted keyword */
html body[class*="theme-"]:not(#t) .h1-mark{background:var(--t-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;padding-bottom:.06em}
html body[class*="theme-"]:not(#t) .hero-lead{max-width:var(--t-hero-lead-w);margin:24px 0 0;font-size:clamp(17px,1.45vw,21px);line-height:1.5;color:var(--t-text);opacity:1;text-align:var(--t-hero-text);letter-spacing:-.01em}
html body[class*="theme-"]:not(#t) .actions{display:flex;flex-wrap:wrap;justify-content:var(--t-hero-jc);align-items:center;gap:12px;margin:32px 0 0}
html body[class*="theme-"]:not(#t) .home-hero .agent-run{margin-top:clamp(40px,4vw,56px);max-width:var(--t-hero-dev-w)}
/* soft light behind the device + floor reflection */
/* the stage: a lit white card the device stands on (overlapping its top edge) */
html body[class*="theme-"]:not(#t) .home-hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset-inline-start:var(--t-stage-start);inset-inline-end:0;bottom:0;height:var(--t-stage-h);
  border-radius:var(--t-radius);
  background:radial-gradient(ellipse 46% 62% at 50% 100%,color-mix(in srgb,var(--t-accent-2) 26%,transparent),transparent 72%),
    radial-gradient(ellipse 34% 70% at 8% 100%,color-mix(in srgb,var(--t-accent) 20%,transparent),transparent 72%),
    radial-gradient(ellipse 34% 70% at 92% 100%,color-mix(in srgb,var(--t-accent-3) 18%,transparent),transparent 72%),
    linear-gradient(180deg,#fff,color-mix(in srgb,var(--t-accent) 4%,#fff))}
/* soft light spill above the device */
html body[class*="theme-"]:not(#t) .home-hero::after{content:"";position:absolute;z-index:-2;pointer-events:none;inset-inline-start:calc(var(--t-stage-start) + 10%);inset-inline-end:10%;bottom:calc(var(--t-stage-h) - 120px);height:260px;
  border-radius:50%;filter:blur(50px);opacity:.35;
  background:linear-gradient(90deg,var(--t-accent),var(--t-accent-2),var(--t-accent-3))}
html body[class*="theme-"]:not(#t) .inner-hero{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;width:100%;
  padding:clamp(56px,6.4vw,92px) 0 clamp(30px,3.4vw,46px)}
html body[class*="theme-"]:not(#t) .inner-hero .hero-copy{align-items:center}
html body[class*="theme-"]:not(#t) .inner-hero h1{font-size:clamp(40px,5.2vw,72px);line-height:1.0;margin:0;max-width:17ch;text-wrap:balance;text-align:center}
html body[class*="theme-"]:not(#t) .inner-hero h1::first-letter{text-transform:uppercase}
html body[class*="theme-"]:not(#t) .hero-number{position:static;order:-1;margin:0 0 14px;padding:0;background:none;
  font:700 13px/1 var(--t-font-body);letter-spacing:.12em;color:var(--t-muted);opacity:1}
html body[class*="theme-"]:not(#t) .inner-hero .hero-number{order:-1}
html body[class*="theme-"]:not(#t) .inner-hero{flex-direction:column}

/* ---------- 4. the agent window as a product on a device ---------- */
html body[class*="theme-"]:not(#t) .agent-run{--ar-pad:22px;position:relative;display:block;width:100%;max-width:980px;margin:0 auto calc(var(--t-neck-h) * var(--t-dev-scale) + var(--t-deck-h) + 36px);
  border:var(--t-bezel-w) solid var(--t-bezel);border-radius:var(--t-dev-radius);overflow:visible;background:var(--t-win-bg);
  color:var(--t-win-ink);text-align:start;font-family:var(--t-font-body);
  box-shadow:0 0 0 1.5px #c9ccd3,0 0 0 2.5px #eef0f3,0 2px 3px rgba(21,23,28,.12),0 40px 70px -34px rgba(21,23,28,.42),0 80px 120px -60px color-mix(in srgb,var(--t-accent) 45%,transparent)}
/* stand neck (monitor) */
html body[class*="theme-"]:not(#t) .agent-run::after{content:"";position:absolute;pointer-events:none;left:50%;top:calc(100% + var(--t-bezel-w) + 2px);width:calc(var(--t-neck-w) * var(--t-dev-scale));height:calc(var(--t-neck-h) * var(--t-dev-scale));transform:translateX(-50%);
  background:linear-gradient(90deg,#b9bcc4,#e9ebef 30%,#f6f7f9 50%,#e2e4e9 70%,#b3b6be);clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}
/* deck (laptop) or foot (monitor) + its shadow on the floor */
html body[class*="theme-"]:not(#t) .agent-run::before{content:"";position:absolute;pointer-events:none;left:50%;top:calc(100% + var(--t-bezel-w) + var(--t-neck-h) * var(--t-dev-scale) + 2px);width:min(var(--t-deck-w),100% + var(--t-deck-extra));height:var(--t-deck-h);
  transform:translateX(-50%);border-radius:var(--t-deck-radius);
  background:radial-gradient(ellipse 8% 46% at 50% 0,rgba(120,124,134,calc(.6 * var(--t-deck-notch))) 96%,transparent 100%),
    linear-gradient(180deg,#f7f8fa 0,#dcdfe4 45%,#a9adb6 100%);
  box-shadow:0 1px 0 #fff inset,0 22px 26px -14px rgba(21,23,28,.45),0 40px 50px -30px rgba(21,23,28,.25)}
html body[class*="theme-"]:not(#t) .agent-run-bar{display:grid;grid-template-columns:minmax(64px,1fr) minmax(0,auto) minmax(64px,1fr);align-items:center;gap:12px;height:48px;padding:0 20px;
  background:var(--t-win-bar);border:0;border-bottom:1px solid var(--t-win-line);border-radius:calc(var(--t-dev-radius) - var(--t-bezel-w)) calc(var(--t-dev-radius) - var(--t-bezel-w)) 0 0;
  font-size:13px;color:var(--t-win-muted)}
html body[class*="theme-"]:not(#t) .agent-run-bar::before{content:"";display:block;width:52px;height:12px;justify-self:start;
  background:radial-gradient(circle at 6px 6px,#d7d9de 5.4px,transparent 6px) 0 0/12px 12px no-repeat,
    radial-gradient(circle at 6px 6px,#d7d9de 5.4px,transparent 6px) 20px 0/12px 12px no-repeat,
    radial-gradient(circle at 6px 6px,#d7d9de 5.4px,transparent 6px) 40px 0/12px 12px no-repeat}
html body[class*="theme-"]:not(#t) .agent-run-bar span:first-child{grid-column:2;text-align:center;font-weight:600;color:var(--t-win-ink);opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body[class*="theme-"]:not(#t) .agent-run-mode{grid-column:3;justify-self:end;padding:4px 12px;border-radius:999px;font:600 12px/1.3 var(--t-font-body);white-space:nowrap;
  color:var(--t-win-chip-ink)!important;background:var(--t-win-chip);border:0}
html body[class*="theme-"]:not(#t) .agent-run-body{padding:20px var(--ar-pad) var(--ar-pad);border-radius:0 0 calc(var(--t-dev-radius) - var(--t-bezel-w)) calc(var(--t-dev-radius) - var(--t-bezel-w));
  background:var(--t-win-bg)}
/* the prompt as a composer */
html body[class*="theme-"]:not(#t) .agent-run-prompt{display:flex;flex-direction:column;align-items:stretch;margin:0 0 16px;padding:16px 18px 12px;border-radius:20px;background:var(--t-win-bg);
  box-shadow:0 0 0 1px var(--t-win-line),0 12px 30px -20px rgba(21,23,28,.35)}
html body[class*="theme-"]:not(#t) .agent-run-prompt span{font-size:16px;line-height:1.5;color:var(--t-win-ink);max-width:none;padding:0;background:none}
html body[class*="theme-"]:not(#t) .agent-run-prompt::after{content:"";display:block;height:30px;margin-top:12px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M15 21V9.5M10 14l5-5 5 5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 0 top 0/30px 30px no-repeat,
    radial-gradient(circle at 15px 15px,var(--t-accent) 0 14.4px,transparent 15px) right 0 top 0/30px 30px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 30'%3E%3Ccircle cx='15' cy='15' r='13.4' fill='none' stroke='%238a90a0' stroke-opacity='.55' stroke-width='1.2'/%3E%3Cpath d='M15 9.5v11M9.5 15h11' stroke='%238a90a0' stroke-opacity='.55' stroke-width='1.6' stroke-linecap='round'/%3E%3Crect x='36' y='2' width='94' height='26' rx='13' fill='%238a90a0' fill-opacity='.16'/%3E%3Cpath d='M50 10.5 55.5 13.3 50 16.1 44.5 13.3z' fill='%238a90a0' fill-opacity='.7'/%3E%3Cpath d='M44.5 16.4 50 19.2l5.5-2.8' fill='none' stroke='%238a90a0' stroke-opacity='.6' stroke-width='1.3'/%3E%3Crect x='62' y='12' width='44' height='6' rx='3' fill='%238a90a0' fill-opacity='.4'/%3E%3Cpath d='M114 13l4 4 4-4' fill='none' stroke='%238a90a0' stroke-opacity='.55' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='140' y='5' width='36' height='20' rx='10' fill='%238a90a0' fill-opacity='.16'/%3E%3Ccircle cx='150' cy='15' r='7' fill='%23fff'/%3E%3C/svg%3E") 0 0/200px 30px no-repeat}
html body[class*="theme-"]:not(#t) .agent-run-steps{list-style:none;margin:0;padding:0;display:grid;gap:6px;border:0}
html body[class*="theme-"]:not(#t) .agent-run-steps li{display:grid;grid-template-columns:18px 112px minmax(0,1fr) auto;align-items:center;gap:0 14px;padding:9px 16px;margin:0;
  border:0;border-radius:14px;background:var(--t-win-step)}
html body[class*="theme-"]:not(#t) .agent-run-steps li::before{content:"";width:16px;height:16px;border-radius:50%;box-sizing:border-box;border:1.5px solid color-mix(in srgb,var(--t-win-muted) 50%,transparent)}
html body[class*="theme-"]:not(#t) .agent-run-steps li:has(.ar-ok)::before{border:0;background:var(--t-grad)}
html body[class*="theme-"]:not(#t) .ar-tool{justify-self:start;padding:2px 10px;border-radius:8px;background:var(--t-win-chip);font:600 12.5px/1.5 var(--t-mono);color:var(--t-win-chip-ink);letter-spacing:0}
html body[class*="theme-"]:not(#t) .agent-run-steps code{font:13.5px/1.5 var(--t-mono);color:var(--t-win-ink);background:none;padding:0}
html body[class*="theme-"]:not(#t) .ar-res{font:12.5px/1.4 var(--t-mono);color:var(--t-win-muted);opacity:1;text-align:end}
html body[class*="theme-"]:not(#t) .ar-ok{color:var(--t-win-chip-ink);opacity:1}
html body[class*="theme-"]:not(#t) .agent-run-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 0;padding:0;background:none;border:0}
html body[class*="theme-"]:not(#t) .agent-run-foot>span:first-child{flex:1 1 220px;font-size:13.5px;color:var(--t-win-muted);opacity:1}
html body[class*="theme-"]:not(#t) .ar-btn{display:inline-flex;align-items:center;padding:8px 20px;border-radius:999px;border:0;background:var(--t-win-step);color:var(--t-win-ink);font:600 13px/1.2 var(--t-font-body);
  box-shadow:0 0 0 1px var(--t-win-line)}
html body[class*="theme-"]:not(#t) .ar-btn-primary{background:var(--t-accent);color:var(--t-accent-ink);box-shadow:0 8px 18px -8px color-mix(in srgb,var(--t-accent) 90%,transparent)}

/* ---------- 5. sections: big white cards on grey ---------- */
html body[class*="theme-"]:not(#t) .cards,
html body[class*="theme-"]:not(#t) .scenario,
html body[class*="theme-"]:not(#t) .reading,
html body[class*="theme-"]:not(#t) .feature-matrix,
html body[class*="theme-"]:not(#t) .split-section,
html body[class*="theme-"]:not(#t) .faq,
html body[class*="theme-"]:not(#t) .closing,
html body[class*="theme-"]:not(#t) .workflow-grid,
html body[class*="theme-"]:not(#t) .download-grid,
html body[class*="theme-"]:not(#t) .connection{
  border:0;border-radius:0;background:none;margin:0;padding:0}
html body[class*="theme-"]:not(#t) main.wrap>*+*{margin-top:var(--t-gap)}
html body[class*="theme-"]:not(#t) main.wrap>.home-hero+*{margin-top:clamp(24px,3vw,40px)}
html body[class*="theme-"]:not(#t) main.wrap>.inner-hero+*{margin-top:0}
html body[class*="theme-"]:not(#t) .product-lead{padding:0;max-width:none}
html body[class*="theme-"]:not(#t) .large{font-size:clamp(19px,1.8vw,24px);line-height:1.5;letter-spacing:-.012em;color:var(--t-text);opacity:1;text-align:center;max-width:44ch;margin:0 auto}
html body[class*="theme-"]:not(#t) .reading{max-width:none;margin-inline:auto;padding:clamp(30px,4vw,56px) clamp(24px,6vw,96px);border-radius:var(--t-radius);background:var(--t-card)}
html body[class*="theme-"]:not(#t) .reading>*{max-width:720px;margin-inline:auto}
html body[class*="theme-"]:not(#t) .reading h2{font-size:clamp(28px,2.8vw,38px);line-height:1.08;margin:1.5em auto .5em}
html body[class*="theme-"]:not(#t) .reading h3{font-size:20px;line-height:1.3;margin:1.5em auto .35em}
html body[class*="theme-"]:not(#t) .reading>h2:first-child,
html body[class*="theme-"]:not(#t) .reading>p.large:first-child{margin-top:0}
html body[class*="theme-"]:not(#t) .reading p{color:var(--t-text);line-height:1.7;opacity:1}
html body[class*="theme-"]:not(#t) .reading:has(>p.large:only-child),
html body[class*="theme-"]:not(#t) .product-lead{background:none;padding:0 0 clamp(8px,1.4vw,18px)}
html body[class*="theme-"]:not(#t) .reading:has(>p.large:only-child)>p.large{max-width:44ch}
html body[class*="theme-"]:not(#t) .text-link{color:var(--t-accent-text);text-decoration:none;opacity:1}
html body[class*="theme-"]:not(#t) .notice,
html body[class*="theme-"]:not(#t) .reading .notice{margin:30px auto 0;padding:22px 26px;border:0;border-radius:var(--t-radius-s);background:var(--t-grad-soft);font-size:15px;color:var(--t-text)}
html body[class*="theme-"]:not(#t) .notice strong{font-family:var(--t-font-display);color:var(--t-ink);font-weight:700}
html body[class*="theme-"]:not(#t) .notice p{margin:8px 0 0}

/* facts: big-number cards (first one is the gradient feature card) */
html body[class*="theme-"]:not(#t) .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--t-gap)}
html body[class*="theme-"]:not(#t) .cards article{all:unset;box-sizing:border-box;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-width:0;
  padding:22px 28px 24px;border-radius:var(--t-radius);background:var(--t-card)}
html body[class*="theme-"]:not(#t) .cards h3{margin:0 0 6px;font-size:clamp(36px,3.5vw,50px);font-weight:var(--t-weight-display);line-height:1;letter-spacing:var(--t-tracking);color:var(--t-ink);overflow-wrap:normal;hyphens:manual}
html body[class*="theme-"]:not(#t) .cards p{margin:0;font-size:15px;line-height:1.5;color:var(--t-muted);opacity:1}
html body[class*="theme-"]:not(#t).page-0 .cards article:first-child{background:var(--t-grad);color:#fff}
html body[class*="theme-"]:not(#t).page-0 .cards article:first-child :is(h3,p,.number){color:#fff}
html body[class*="theme-"]:not(#t).page-0 .cards article:first-child::after{content:"";position:absolute;inset-inline-end:-30px;bottom:-40px;width:200px;height:170px;background:#fff;opacity:.22;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 330'%3E%3Cpath d='M50 236L200 310v12L50 248z' fill-opacity='0.19'/%3E%3Cpath d='M200 310L350 236v12L200 322z' fill-opacity='0.13'/%3E%3Cpath d='M200 162L350 236L200 310L50 236z' fill-opacity='0.34'/%3E%3Cpath d='M50 166L200 240v12L50 178z' fill-opacity='0.34'/%3E%3Cpath d='M200 240L350 166v12L200 252z' fill-opacity='0.24'/%3E%3Cpath d='M200 92L350 166L200 240L50 166z' fill-opacity='0.62'/%3E%3Cpath d='M50 96L200 170v12L50 108z' fill-opacity='0.55'/%3E%3Cpath d='M200 170L350 96v12L200 182z' fill-opacity='0.38'/%3E%3Cpath d='M200 22L350 96L200 170L50 96z' fill-opacity='1'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 330'%3E%3Cpath d='M50 236L200 310v12L50 248z' fill-opacity='0.19'/%3E%3Cpath d='M200 310L350 236v12L200 322z' fill-opacity='0.13'/%3E%3Cpath d='M200 162L350 236L200 310L50 236z' fill-opacity='0.34'/%3E%3Cpath d='M50 166L200 240v12L50 178z' fill-opacity='0.34'/%3E%3Cpath d='M200 240L350 166v12L200 252z' fill-opacity='0.24'/%3E%3Cpath d='M200 92L350 166L200 240L50 166z' fill-opacity='0.62'/%3E%3Cpath d='M50 96L200 170v12L50 108z' fill-opacity='0.55'/%3E%3Cpath d='M200 170L350 96v12L200 182z' fill-opacity='0.38'/%3E%3Cpath d='M200 22L350 96L200 170L50 96z' fill-opacity='1'/%3E%3C/svg%3E") center/contain no-repeat}
html body[class*="theme-"]:not(#t).page-0 .cards article:nth-child(n+2)::after{content:"";position:absolute;top:22px;inset-inline-end:24px;width:26px;height:26px;background:var(--t-grad);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.5v11M7.5 10.5 12 15l4.5-4.5M4.5 17v3h15v-3' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.5v11M7.5 10.5 12 15l4.5-4.5M4.5 17v3h15v-3' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
html body[class*="theme-"]:not(#t).page-0 .cards article:nth-child(3)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 3.5h7.5l4 4v13h-11.5zM14 3.5v4h4' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 3.5h7.5l4 4v13h-11.5zM14 3.5v4h4' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
html body[class*="theme-"]:not(#t).page-0 .cards article:nth-child(4)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 12h17M12 3.5c3.2 3.2 3.2 13.8 0 17M12 3.5c-3.2 3.2-3.2 13.8 0 17' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='%23000' stroke-width='1.9'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 12h17M12 3.5c3.2 3.2 3.2 13.8 0 17M12 3.5c-3.2 3.2-3.2 13.8 0 17' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='%23000' stroke-width='1.9'/%3E%3C/svg%3E")}
html body[class*="theme-"]:not(#t).page-0 .cards article:nth-child(5)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2 19.5 6v6c0 4.7-3.3 7.7-7.5 8.8C7.8 19.7 4.5 16.7 4.5 12V6zM8.8 12.2l2.3 2.3 4.2-4.6' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2 19.5 6v6c0 4.7-3.3 7.7-7.5 8.8C7.8 19.7 4.5 16.7 4.5 12V6zM8.8 12.2l2.3 2.3 4.2-4.6' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
html body[class*="theme-"]:not(#t).page-0 .cards article:nth-child(6)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 11V8.2a4 4 0 0 1 8 0V11M6.2 11h11.6v9.3H6.2z' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 11V8.2a4 4 0 0 1 8 0V11M6.2 11h11.6v9.3H6.2z' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
html body[class*="theme-"]:not(#t):not(.page-0) .cards h3{font-size:clamp(24px,2.2vw,30px);letter-spacing:calc(var(--t-tracking) * .6)}
html body[class*="theme-"]:not(#t):not(.page-0) .cards p{font-size:16px;line-height:1.6;color:var(--t-text)}

/* keyword statement: one wide white card, text + a layered render */
html body[class*="theme-"]:not(#t) .scenario{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:auto auto 1fr;column-gap:clamp(24px,4vw,56px);align-items:start;
  padding:clamp(32px,3.8vw,50px);border-radius:var(--t-radius);background:var(--t-card);position:relative;overflow:hidden}
html body[class*="theme-"]:not(#t) .scenario>*{grid-column:1}
html body[class*="theme-"]:not(#t) .scenario .eyebrow{margin:0 0 20px;background:var(--t-ground);box-shadow:none}
html body[class*="theme-"]:not(#t) .scenario h2{font-size:clamp(36px,4.2vw,60px);line-height:1;margin:0 0 20px;max-width:13ch;text-wrap:balance}
html body[class*="theme-"]:not(#t) .scenario p{max-width:52ch;margin:0;font-size:clamp(16px,1.3vw,18px);line-height:1.6;color:var(--t-text);opacity:1}
html body[class*="theme-"]:not(#t) .scenario::before{content:"";grid-column:2;grid-row:1 / 4;align-self:stretch;min-height:260px;border-radius:22px;
  background:radial-gradient(ellipse 44% 30% at 50% 78%,color-mix(in srgb,var(--t-accent-2) 30%,transparent),transparent 75%),radial-gradient(ellipse 60% 50% at 30% 10%,#fff,transparent 70%),var(--t-grad-soft)}
html body[class*="theme-"]:not(#t) .scenario::after{content:"";grid-column:2;grid-row:1 / 4;align-self:stretch;min-height:260px;margin:8% 9%;background:var(--t-grad);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 330'%3E%3Cpath d='M50 236L200 310v12L50 248z' fill-opacity='0.19'/%3E%3Cpath d='M200 310L350 236v12L200 322z' fill-opacity='0.13'/%3E%3Cpath d='M200 162L350 236L200 310L50 236z' fill-opacity='0.34'/%3E%3Cpath d='M50 166L200 240v12L50 178z' fill-opacity='0.34'/%3E%3Cpath d='M200 240L350 166v12L200 252z' fill-opacity='0.24'/%3E%3Cpath d='M200 92L350 166L200 240L50 166z' fill-opacity='0.62'/%3E%3Cpath d='M50 96L200 170v12L50 108z' fill-opacity='0.55'/%3E%3Cpath d='M200 170L350 96v12L200 182z' fill-opacity='0.38'/%3E%3Cpath d='M200 22L350 96L200 170L50 96z' fill-opacity='1'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 330'%3E%3Cpath d='M50 236L200 310v12L50 248z' fill-opacity='0.19'/%3E%3Cpath d='M200 310L350 236v12L200 322z' fill-opacity='0.13'/%3E%3Cpath d='M200 162L350 236L200 310L50 236z' fill-opacity='0.34'/%3E%3Cpath d='M50 166L200 240v12L50 178z' fill-opacity='0.34'/%3E%3Cpath d='M200 240L350 166v12L200 252z' fill-opacity='0.24'/%3E%3Cpath d='M200 92L350 166L200 240L50 166z' fill-opacity='0.62'/%3E%3Cpath d='M50 96L200 170v12L50 108z' fill-opacity='0.55'/%3E%3Cpath d='M200 170L350 96v12L200 182z' fill-opacity='0.38'/%3E%3Cpath d='M200 22L350 96L200 170L50 96z' fill-opacity='1'/%3E%3C/svg%3E") center/contain no-repeat}

/* walkthroughs: four tall cards, each with a product-UI snippet */
html body[class*="theme-"]:not(#t) .reading:has(.steps){background:none;padding:0}
html body[class*="theme-"]:not(#t) .reading:has(.steps)>*{max-width:none}
html body[class*="theme-"]:not(#t) .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--t-gap)}
html body[class*="theme-"]:not(#t) .steps article{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:178px 22px 24px;border:0;border-radius:var(--t-radius);background:var(--t-card)}
html body[class*="theme-"]:not(#t) .steps article::before,
html body[class*="theme-"]:not(#t) .steps article::after{content:"";position:absolute;top:8px;inset-inline:8px;height:156px;border-radius:20px;pointer-events:none}
html body[class*="theme-"]:not(#t) .steps article::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Cpath d='M40 16h200a10 10 0 0 1 10 10v122a10 10 0 0 1 -10 10h-200a10 10 0 0 1 -10 -10v-122a10 10 0 0 1 10 -10z' fill='%23fff' stroke='%23e2e5eb' stroke-width='1.2'/%3E%3Ccircle cx='42' cy='27' r='2.6' fill='%23dde1e7'/%3E%3Ccircle cx='51' cy='27' r='2.6' fill='%23dde1e7'/%3E%3Ccircle cx='60' cy='27' r='2.6' fill='%23dde1e7'/%3E%3Crect x='44' y='36' width='48' height='6' rx='3' fill='%23dde1e7'/%3E%3Crect x='176' y='37' width='14' height='4' rx='2' fill='%23eceef2'/%3E%3Crect x='196' y='37' width='14' height='4' rx='2' fill='%23eceef2'/%3E%3Crect x='216' y='37' width='14' height='4' rx='2' fill='%23eceef2'/%3E%3Crect x='44' y='106' width='58' height='40' rx='6' fill='%23eceef2'/%3E%3Crect x='51' y='128' width='36' height='4' rx='2' fill='%23c9ced6'/%3E%3Crect x='51' y='136' width='24' height='4' rx='2' fill='%23dde1e7'/%3E%3Crect x='111' y='106' width='58' height='40' rx='6' fill='%23eceef2'/%3E%3Crect x='118' y='128' width='36' height='4' rx='2' fill='%23c9ced6'/%3E%3Crect x='118' y='136' width='24' height='4' rx='2' fill='%23dde1e7'/%3E%3Crect x='178' y='106' width='58' height='40' rx='6' fill='%23eceef2'/%3E%3Crect x='185' y='128' width='36' height='4' rx='2' fill='%23c9ced6'/%3E%3Crect x='185' y='136' width='24' height='4' rx='2' fill='%23dde1e7'/%3E%3C/svg%3E") center/contain no-repeat,var(--t-grad-soft)}
html body[class*="theme-"]:not(#t) .steps article::after{background:var(--t-grad);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Cpath fill-rule='evenodd' d='M51 50h178a7 7 0 0 1 7 7v34a7 7 0 0 1 -7 7h-178a7 7 0 0 1 -7 -7v-34a7 7 0 0 1 7 -7zM60 61h88a4 4 0 0 1 4 4v0a4 4 0 0 1 -4 4h-88a4 4 0 0 1 -4 -4v-0a4 4 0 0 1 4 -4zM58.5 74h59.0a2.5 2.5 0 0 1 2.5 2.5v0.0a2.5 2.5 0 0 1 -2.5 2.5h-59.0a2.5 2.5 0 0 1 -2.5 -2.5v-0.0a2.5 2.5 0 0 1 2.5 -2.5zM60 84h26a4 4 0 0 1 4 4v0a4 4 0 0 1 -4 4h-26a4 4 0 0 1 -4 -4v-0a4 4 0 0 1 4 -4z'/%3E%3Crect x='51' y='113' width='18' height='9' rx='4.5' fill-opacity='0.9'/%3E%3Crect x='118' y='113' width='18' height='9' rx='4.5' fill-opacity='0.5'/%3E%3Crect x='185' y='113' width='18' height='9' rx='4.5' fill-opacity='0.3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Cpath fill-rule='evenodd' d='M51 50h178a7 7 0 0 1 7 7v34a7 7 0 0 1 -7 7h-178a7 7 0 0 1 -7 -7v-34a7 7 0 0 1 7 -7zM60 61h88a4 4 0 0 1 4 4v0a4 4 0 0 1 -4 4h-88a4 4 0 0 1 -4 -4v-0a4 4 0 0 1 4 -4zM58.5 74h59.0a2.5 2.5 0 0 1 2.5 2.5v0.0a2.5 2.5 0 0 1 -2.5 2.5h-59.0a2.5 2.5 0 0 1 -2.5 -2.5v-0.0a2.5 2.5 0 0 1 2.5 -2.5zM60 84h26a4 4 0 0 1 4 4v0a4 4 0 0 1 -4 4h-26a4 4 0 0 1 -4 -4v-0a4 4 0 0 1 4 -4z'/%3E%3Crect x='51' y='113' width='18' height='9' rx='4.5' fill-opacity='0.9'/%3E%3Crect x='118' y='113' width='18' height='9' rx='4.5' fill-opacity='0.5'/%3E%3Crect x='185' y='113' width='18' height='9' rx='4.5' fill-opacity='0.3'/%3E%3C/svg%3E") center/contain no-repeat}
html body[class*="theme-"]:not(#t) .steps article:nth-child(4n+2)::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Cpath d='M30 22h156a10 10 0 0 1 10 10v102a10 10 0 0 1 -10 10h-156a10 10 0 0 1 -10 -10v-102a10 10 0 0 1 10 -10z' fill='%23fff' stroke='%23e2e5eb' stroke-width='1.2'/%3E%3Ccircle cx='32' cy='33' r='2.6' fill='%23dde1e7'/%3E%3Ccircle cx='41' cy='33' r='2.6' fill='%23dde1e7'/%3E%3Ccircle cx='50' cy='33' r='2.6' fill='%23dde1e7'/%3E%3Crect x='34' y='86' width='70' height='46' rx='6' fill='%23eceef2'/%3E%3Crect x='112' y='86' width='70' height='46' rx='6' fill='%23eceef2'/%3E%3Cpath d='M192 26h46a14 14 0 0 1 14 14v104a14 14 0 0 1 -14 14h-46a14 14 0 0 1 -14 -14v-104a14 14 0 0 1 14 -14z' fill='%23fff' stroke='%23c9ced6' stroke-width='1.4'/%3E%3Crect x='204' y='33' width='22' height='5' rx='2.5' fill='%23dde1e7'/%3E%3Crect x='187' y='92' width='56' height='22' rx='5' fill='%23eceef2'/%3E%3Crect x='187' y='120' width='56' height='22' rx='5' fill='%23eceef2'/%3E%3C/svg%3E") center/contain no-repeat,var(--t-grad-soft)}
html body[class*="theme-"]:not(#t) .steps article:nth-child(4n+2)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Cpath fill-rule='evenodd' d='M40 36h136a6 6 0 0 1 6 6v30a6 6 0 0 1 -6 6h-136a6 6 0 0 1 -6 -6v-30a6 6 0 0 1 6 -6zM47.5 46h63.0a3.5 3.5 0 0 1 3.5 3.5v0.0a3.5 3.5 0 0 1 -3.5 3.5h-63.0a3.5 3.5 0 0 1 -3.5 -3.5v-0.0a3.5 3.5 0 0 1 3.5 -3.5z'/%3E%3Cpath fill-rule='evenodd' d='M193 46h44a6 6 0 0 1 6 6v28a6 6 0 0 1 -6 6h-44a6 6 0 0 1 -6 -6v-28a6 6 0 0 1 6 -6zM197 54h28a3 3 0 0 1 3 3v0a3 3 0 0 1 -3 3h-28a3 3 0 0 1 -3 -3v-0a3 3 0 0 1 3 -3z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='.85' d='M239 30a11 11 0 1 0 22 0a11 11 0 1 0 -22 0zM244.5 30a5.5 5.5 0 1 0 11.0 0a5.5 5.5 0 1 0 -11.0 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Cpath fill-rule='evenodd' d='M40 36h136a6 6 0 0 1 6 6v30a6 6 0 0 1 -6 6h-136a6 6 0 0 1 -6 -6v-30a6 6 0 0 1 6 -6zM47.5 46h63.0a3.5 3.5 0 0 1 3.5 3.5v0.0a3.5 3.5 0 0 1 -3.5 3.5h-63.0a3.5 3.5 0 0 1 -3.5 -3.5v-0.0a3.5 3.5 0 0 1 3.5 -3.5z'/%3E%3Cpath fill-rule='evenodd' d='M193 46h44a6 6 0 0 1 6 6v28a6 6 0 0 1 -6 6h-44a6 6 0 0 1 -6 -6v-28a6 6 0 0 1 6 -6zM197 54h28a3 3 0 0 1 3 3v0a3 3 0 0 1 -3 3h-28a3 3 0 0 1 -3 -3v-0a3 3 0 0 1 3 -3z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='.85' d='M239 30a11 11 0 1 0 22 0a11 11 0 1 0 -22 0zM244.5 30a5.5 5.5 0 1 0 11.0 0a5.5 5.5 0 1 0 -11.0 0z'/%3E%3C/svg%3E")}
html body[class*="theme-"]:not(#t) .steps article:nth-child(4n+3)::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Cpath d='M38 18h204a12 12 0 0 1 12 12v112a12 12 0 0 1 -12 12h-204a12 12 0 0 1 -12 -12v-112a12 12 0 0 1 12 -12z' fill='%23fff' stroke='%23e2e5eb' stroke-width='1.2'/%3E%3Crect x='76' y='38' width='70' height='6' rx='3' fill='%23dde1e7'/%3E%3Crect x='76' y='50' width='44' height='5' rx='2.5' fill='%23eceef2'/%3E%3Crect x='76' y='74' width='56' height='6' rx='3' fill='%23dde1e7'/%3E%3Crect x='76' y='86' width='50' height='5' rx='2.5' fill='%23eceef2'/%3E%3Crect x='76' y='110' width='42' height='6' rx='3' fill='%23dde1e7'/%3E%3Crect x='76' y='122' width='56' height='5' rx='2.5' fill='%23eceef2'/%3E%3Ccircle cx='206' cy='86' r='36' fill='none' stroke='%23eceef2' stroke-width='9'/%3E%3C/svg%3E") center/contain no-repeat,var(--t-grad-soft)}
html body[class*="theme-"]:not(#t) .steps article:nth-child(4n+3)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Crect x='42' y='34' width='24' height='24' rx='7' fill-opacity='1'/%3E%3Crect x='42' y='70' width='24' height='24' rx='7' fill-opacity='0.62'/%3E%3Crect x='42' y='106' width='24' height='24' rx='7' fill-opacity='0.32'/%3E%3Cpath d='M206 50a36 36 0 1 1 -34.2 47.1' fill='none' stroke='%23000' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M196 80h20a6 6 0 0 1 6 6v0a6 6 0 0 1 -6 6h-20a6 6 0 0 1 -6 -6v-0a6 6 0 0 1 6 -6z' fill-opacity='.45'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Crect x='42' y='34' width='24' height='24' rx='7' fill-opacity='1'/%3E%3Crect x='42' y='70' width='24' height='24' rx='7' fill-opacity='0.62'/%3E%3Crect x='42' y='106' width='24' height='24' rx='7' fill-opacity='0.32'/%3E%3Cpath d='M206 50a36 36 0 1 1 -34.2 47.1' fill='none' stroke='%23000' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M196 80h20a6 6 0 0 1 6 6v0a6 6 0 0 1 -6 6h-20a6 6 0 0 1 -6 -6v-0a6 6 0 0 1 6 -6z' fill-opacity='.45'/%3E%3C/svg%3E")}
html body[class*="theme-"]:not(#t) .steps article:nth-child(4n+4)::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Cpath d='M125 34h24a7 7 0 0 1 7 7v34a7 7 0 0 1 -7 7h-24a7 7 0 0 1 -7 -7v-34a7 7 0 0 1 7 -7z' fill='%23fff' stroke='%23e2e5eb' stroke-width='1.2'/%3E%3Cpath d='M125 70l9-11 7 7 5-5 6 9z' fill='%23dde1e7'/%3E%3Ccircle cx='145' cy='48' r='3.4' fill='%23eceef2'/%3E%3Cpath d='M171 34h24a7 7 0 0 1 7 7v34a7 7 0 0 1 -7 7h-24a7 7 0 0 1 -7 -7v-34a7 7 0 0 1 7 -7z' fill='%23fff' stroke='%23e2e5eb' stroke-width='1.2'/%3E%3Cpath d='M171 70l9-11 7 7 5-5 6 9z' fill='%23dde1e7'/%3E%3Ccircle cx='191' cy='48' r='3.4' fill='%23eceef2'/%3E%3Cpath d='M217 34h24a7 7 0 0 1 7 7v34a7 7 0 0 1 -7 7h-24a7 7 0 0 1 -7 -7v-34a7 7 0 0 1 7 -7z' fill='%23fff' stroke='%23e2e5eb' stroke-width='1.2'/%3E%3Cpath d='M217 70l9-11 7 7 5-5 6 9z' fill='%23dde1e7'/%3E%3Ccircle cx='237' cy='48' r='3.4' fill='%23eceef2'/%3E%3Cpath d='M125 92h24a7 7 0 0 1 7 7v34a7 7 0 0 1 -7 7h-24a7 7 0 0 1 -7 -7v-34a7 7 0 0 1 7 -7z' fill='%23fff' stroke='%23e2e5eb' stroke-width='1.2'/%3E%3Cpath d='M125 128l9-11 7 7 5-5 6 9z' fill='%23dde1e7'/%3E%3Ccircle cx='145' cy='106' r='3.4' fill='%23eceef2'/%3E%3Cpath d='M171 92h24a7 7 0 0 1 7 7v34a7 7 0 0 1 -7 7h-24a7 7 0 0 1 -7 -7v-34a7 7 0 0 1 7 -7z' fill='%23fff' stroke='%23e2e5eb' stroke-width='1.2'/%3E%3Cpath d='M171 128l9-11 7 7 5-5 6 9z' fill='%23dde1e7'/%3E%3Ccircle cx='191' cy='106' r='3.4' fill='%23eceef2'/%3E%3Cpath d='M217 92h24a7 7 0 0 1 7 7v34a7 7 0 0 1 -7 7h-24a7 7 0 0 1 -7 -7v-34a7 7 0 0 1 7 -7z' fill='%23fff' stroke='%23e2e5eb' stroke-width='1.2'/%3E%3Cpath d='M217 128l9-11 7 7 5-5 6 9z' fill='%23dde1e7'/%3E%3Ccircle cx='237' cy='106' r='3.4' fill='%23eceef2'/%3E%3Crect x='34' y='128' width='60' height='5' rx='2.5' fill='%23dde1e7'/%3E%3Crect x='34' y='138' width='40' height='5' rx='2.5' fill='%23eceef2'/%3E%3C/svg%3E") center/contain no-repeat,var(--t-grad-soft)}
html body[class*="theme-"]:not(#t) .steps article:nth-child(4n+4)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Cpath d='M28 52a8 8 0 0 1 8-8h20l8 8h26a8 8 0 0 1 8 8v52a8 8 0 0 1 -8 8h-54a8 8 0 0 1 -8-8z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='.9' d='M170 88h24a10 10 0 0 1 10 10v38a10 10 0 0 1 -10 10h-24a10 10 0 0 1 -10 -10v-38a10 10 0 0 1 10 -10zM171 91h22a8 8 0 0 1 8 8v36a8 8 0 0 1 -8 8h-22a8 8 0 0 1 -8 -8v-36a8 8 0 0 1 8 -8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Cpath d='M28 52a8 8 0 0 1 8-8h20l8 8h26a8 8 0 0 1 8 8v52a8 8 0 0 1 -8 8h-54a8 8 0 0 1 -8-8z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='.9' d='M170 88h24a10 10 0 0 1 10 10v38a10 10 0 0 1 -10 10h-24a10 10 0 0 1 -10 -10v-38a10 10 0 0 1 10 -10zM171 91h22a8 8 0 0 1 8 8v36a8 8 0 0 1 -8 8h-22a8 8 0 0 1 -8 -8v-36a8 8 0 0 1 8 -8z'/%3E%3C/svg%3E")}
html body[class*="theme-"]:not(#t) .steps .number{color:var(--t-accent-text)}
html body[class*="theme-"]:not(#t) .steps h3{margin:0 0 10px;font-size:clamp(19px,1.6vw,22px);line-height:1.2;overflow-wrap:break-word}
html body[class*="theme-"]:not(#t) .steps p{margin:0 0 14px;font-size:14px;line-height:1.56;color:var(--t-text);opacity:1}
html body[class*="theme-"]:not(#t) .steps article>p:last-child{margin-bottom:0}
html body[class*="theme-"]:not(#t) .steps .code-example{width:100%;margin-top:auto}
html body[class*="theme-"]:not(#t) .reading:has(.steps)>p{text-align:center;margin:28px auto 0}
html body[class*="theme-"]:not(#t) .code-example{background:var(--t-ground);color:var(--t-ink);border:0;border-radius:14px;overflow:hidden;min-width:0;margin:6px 0 0}
html body[class*="theme-"]:not(#t) .code-example>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 10px 0 16px;background:none;border:0;font:600 12px/1.3 var(--t-font-body);color:var(--t-muted)}
html body[class*="theme-"]:not(#t) .code-example button{border:0;background:#fff;color:var(--t-accent-text);border-radius:999px;padding:5px 12px;font:600 11.5px/1.2 var(--t-font-body);cursor:pointer;box-shadow:0 0 0 1px var(--t-line)}
html body[class*="theme-"]:not(#t) .code-example pre{margin:0;padding:8px 16px 14px;font:12px/1.65 var(--t-mono);color:var(--t-ink);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;background:none}
html body[class*="theme-"]:not(#t) .code-example code{font:inherit;color:inherit;background:none;padding:0}

/* comparison: one clean card, the product column lifted */
html body[class*="theme-"]:not(#t) .feature-matrix{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);column-gap:clamp(24px,4vw,56px);align-items:start;
  padding:clamp(32px,4vw,56px);border-radius:var(--t-radius);background:var(--t-card)}
html body[class*="theme-"]:not(#t) .feature-matrix>h2{grid-column:1;font-size:clamp(30px,3.2vw,44px);line-height:1.04;margin:0 0 16px;text-wrap:balance}
html body[class*="theme-"]:not(#t) .feature-matrix>p{grid-column:1;margin:0;color:var(--t-text);opacity:1;font-size:16.5px;line-height:1.6}
html body[class*="theme-"]:not(#t) .feature-matrix table{grid-column:2;grid-row:1 / span 3;width:100%;margin:0;border-collapse:separate;border-spacing:0;table-layout:fixed;border:0;background:none}
html body[class*="theme-"]:not(#t) .feature-matrix th,
html body[class*="theme-"]:not(#t) .feature-matrix td{display:table-cell;padding:15px 18px;border:0;border-bottom:1px solid var(--t-line);text-align:start;vertical-align:top;font-size:15px;line-height:1.5;overflow-wrap:anywhere;background:none}
html body[class*="theme-"]:not(#t) .feature-matrix tbody tr:last-child>*{border-bottom:0}
html body[class*="theme-"]:not(#t) .feature-matrix thead th{font:600 11.5px/1.3 var(--t-font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--t-muted);padding-block:6px 14px;width:auto}
html body[class*="theme-"]:not(#t) .feature-matrix thead th:first-child{width:26%}
html body[class*="theme-"]:not(#t) .feature-matrix tbody th{width:26%;font:700 15px/1.45 var(--t-font-display);color:var(--t-ink);letter-spacing:-.01em}
html body[class*="theme-"]:not(#t) .feature-matrix td{color:var(--t-muted)}
html body[class*="theme-"]:not(#t) .feature-matrix td:last-child,
html body[class*="theme-"]:not(#t) .feature-matrix thead th:last-child{background:var(--t-tint)}
html body[class*="theme-"]:not(#t) .feature-matrix thead th:last-child{color:var(--t-accent-text);border-radius:16px 16px 0 0;padding-top:14px}
html body[class*="theme-"]:not(#t) .feature-matrix tbody tr:last-child td:last-child{border-radius:0 0 16px 16px}
html body[class*="theme-"]:not(#t) .feature-matrix td:last-child{color:var(--t-ink);font-weight:600;padding-inline-start:46px;position:relative}
html body[class*="theme-"]:not(#t) .feature-matrix td:last-child::before{content:"";position:absolute;inset-inline-start:16px;top:17px;width:18px;height:18px;background:var(--t-grad);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M0 10a10 10 0 1 0 20 0a10 10 0 1 0 -20 0zM5.6 10.4l3 3 5.8-6.4-1.3-1.2-4.5 5-1.7-1.7z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M0 10a10 10 0 1 0 20 0a10 10 0 1 0 -20 0zM5.6 10.4l3 3 5.8-6.4-1.3-1.2-4.5 5-1.7-1.7z'/%3E%3C/svg%3E") center/contain no-repeat}

/* steps A-D: a horizontal row of cards */
html body[class*="theme-"]:not(#t) .split-section{display:block}
html body[class*="theme-"]:not(#t) .split-section>h2{text-align:center;font-size:clamp(30px,3.2vw,44px);line-height:1.04;max-width:20ch;margin:clamp(18px,2.4vw,32px) auto clamp(18px,2vw,26px);text-wrap:balance}
html body[class*="theme-"]:not(#t) .setup{list-style:none;counter-reset:ss;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--t-gap);margin:0;padding:0;text-align:start}
html body[class*="theme-"]:not(#t) .setup li{counter-increment:ss;position:relative;padding:24px 24px 26px;border-radius:var(--t-radius);background:var(--t-card);font-size:15.5px;line-height:1.55;color:var(--t-text)}
html body[class*="theme-"]:not(#t) .setup li::before{content:counter(ss,upper-alpha);display:block;margin:0 0 18px;width:fit-content;font:var(--t-weight-display) 52px/1 var(--t-font-display);letter-spacing:-.04em;
  background:var(--t-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html body[class*="theme-"]:not(#t) .setup li::after{content:none}
html body[class*="theme-"]:not(#t) .split-section p{max-width:60ch;margin:16px auto 0;color:var(--t-text);opacity:1;font-size:17px}
html body[class*="theme-"]:not(#t) .split-section:has(.agent-run){display:flex;flex-direction:column;align-items:center;gap:clamp(30px,4vw,48px);padding:clamp(32px,4vw,56px) clamp(20px,4vw,56px) 0;
  border-radius:var(--t-radius);background:var(--t-card);overflow:hidden}
html body[class*="theme-"]:not(#t) .split-section:has(.agent-run)>div:first-child{text-align:center}
html body[class*="theme-"]:not(#t) .split-section:has(.agent-run)>div:first-child h2{font-size:clamp(30px,3.2vw,44px);line-height:1.04;margin:0}

/* who-for (home): three cards with a layered glyph */
html body[class*="theme-"]:not(#t).page-0 .reading:not(:has(.steps)):not(:has(.text-link)){background:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--t-gap)}
html body[class*="theme-"]:not(#t).page-0 .reading:not(:has(.steps)):not(:has(.text-link))>*{max-width:none}
html body[class*="theme-"]:not(#t).page-0 .reading:not(:has(.steps)):not(:has(.text-link))>h2{grid-column:1/-1;margin:clamp(18px,2.4vw,32px) 0 clamp(2px,.6vw,10px);text-align:center;font-size:clamp(30px,3.2vw,44px);line-height:1.04}
html body[class*="theme-"]:not(#t).page-0 .reading:not(:has(.steps)):not(:has(.text-link))>p{margin:0;padding:24px 26px 26px;border-radius:var(--t-radius);background:var(--t-card);font-size:15.5px;line-height:1.6;color:var(--t-text)}
html body[class*="theme-"]:not(#t).page-0 .reading:not(:has(.steps)):not(:has(.text-link))>p::before{content:"";display:block;width:48px;height:48px;margin-bottom:16px;border-radius:15px;
  background:var(--t-grad-soft)}
html body[class*="theme-"]:not(#t).page-0 .reading:not(:has(.steps)):not(:has(.text-link))>p{position:relative}
html body[class*="theme-"]:not(#t).page-0 .reading:not(:has(.steps)):not(:has(.text-link))>p::after{content:"";position:absolute;top:35px;inset-inline-start:37px;width:26px;height:26px;background:var(--t-grad);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 13.6 3 9.2 12 4.8l9 4.4z'/%3E%3Cpath d='M4.8 12.9 12 16.4l7.2-3.5L21 13.8l-9 4.4-9-4.4z' fill-opacity='.62'/%3E%3Cpath d='M4.8 16.5 12 20l7.2-3.5L21 17.4l-9 4.4-9-4.4z' fill-opacity='.34'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 13.6 3 9.2 12 4.8l9 4.4z'/%3E%3Cpath d='M4.8 12.9 12 16.4l7.2-3.5L21 13.8l-9 4.4-9-4.4z' fill-opacity='.62'/%3E%3Cpath d='M4.8 16.5 12 20l7.2-3.5L21 17.4l-9 4.4-9-4.4z' fill-opacity='.34'/%3E%3C/svg%3E") center/contain no-repeat}

/* FAQ: one white card, title left, questions right */
html body[class*="theme-"]:not(#t) .faq{max-width:none;width:100%;margin-inline:0;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);grid-auto-rows:auto;row-gap:0;column-gap:clamp(24px,4vw,64px);align-items:start;
  padding:clamp(30px,4vw,56px);border-radius:var(--t-radius);background:var(--t-card)}
html body[class*="theme-"]:not(#t) .faq>h2{grid-column:1;grid-row:1 / span 20;position:relative;font-size:clamp(30px,3.2vw,44px);line-height:1.04;margin:0;text-wrap:balance}
html body[class*="theme-"]:not(#t) .faq>h2::after{content:"";display:block;height:170px;margin-top:28px;border-radius:22px;
  background:radial-gradient(ellipse 50% 40% at 50% 85%,color-mix(in srgb,var(--t-accent-2) 22%,transparent),transparent 75%),var(--t-grad-soft)}
html body[class*="theme-"]:not(#t) .faq>h2::before{content:"";position:absolute;bottom:30px;inset-inline:22%;height:110px;background:var(--t-grad);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 150'%3E%3Cpath d='M24 18h96a14 14 0 0 1 14 14v40a14 14 0 0 1-14 14H62l-22 18V86H24a14 14 0 0 1-14-14V32a14 14 0 0 1 14-14z' fill-opacity='.38'/%3E%3Cpath fill-rule='evenodd' d='M80 52h96a14 14 0 0 1 14 14v40a14 14 0 0 1-14 14h-16v18l-22-18H80a14 14 0 0 1-14-14V66a14 14 0 0 1 14-14zM102 86a6 6 0 1 0 12 0a6 6 0 1 0 -12 0zM122 86a6 6 0 1 0 12 0a6 6 0 1 0 -12 0zM142 86a6 6 0 1 0 12 0a6 6 0 1 0 -12 0z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 150'%3E%3Cpath d='M24 18h96a14 14 0 0 1 14 14v40a14 14 0 0 1-14 14H62l-22 18V86H24a14 14 0 0 1-14-14V32a14 14 0 0 1 14-14z' fill-opacity='.38'/%3E%3Cpath fill-rule='evenodd' d='M80 52h96a14 14 0 0 1 14 14v40a14 14 0 0 1-14 14h-16v18l-22-18H80a14 14 0 0 1-14-14V66a14 14 0 0 1 14-14zM102 86a6 6 0 1 0 12 0a6 6 0 1 0 -12 0zM122 86a6 6 0 1 0 12 0a6 6 0 1 0 -12 0zM142 86a6 6 0 1 0 12 0a6 6 0 1 0 -12 0z'/%3E%3C/svg%3E") center/contain no-repeat}
html body[class*="theme-"]:not(#t) .faq details{grid-column:2;padding:0;margin:0;border:0;border-bottom:1px solid var(--t-line);border-radius:0;background:none}
html body[class*="theme-"]:not(#t) .faq details:last-child{border-bottom:0}
html body[class*="theme-"]:not(#t) .faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:14px 0;font-size:clamp(16.5px,1.35vw,18px);line-height:1.38;color:var(--t-ink)}
html body[class*="theme-"]:not(#t) .faq details:first-of-type summary{padding-top:4px}
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:30px;height:30px;border-radius:50%;color:var(--t-accent-text);
  background:linear-gradient(currentColor,currentColor) center/11px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 11px no-repeat,var(--t-tint)}
html body[class*="theme-"]:not(#t) .faq details[open]>summary::after{background:linear-gradient(#fff,#fff) center/11px 2px no-repeat,var(--t-accent)}
html body[class*="theme-"]:not(#t) .faq p{max-width:66ch;margin:-4px 0 20px;font-size:16px;line-height:1.65;color:var(--t-text);opacity:1}

/* closing: a large dark card with a lit render */
html body[class*="theme-"]:not(#t) .closing{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-rows:auto auto auto 1fr;column-gap:clamp(24px,4vw,56px);align-items:start;justify-items:start;
  position:relative;isolation:isolate;overflow:hidden;max-width:none;padding:clamp(36px,4.2vw,56px) clamp(36px,4.6vw,64px);border-radius:var(--t-radius);text-align:start;
  background:radial-gradient(ellipse 60% 90% at 85% 60%,color-mix(in srgb,var(--t-accent-2) 55%,transparent),transparent 70%),
    radial-gradient(ellipse 50% 70% at 100% 0%,color-mix(in srgb,var(--t-accent-3) 45%,transparent),transparent 70%),
    radial-gradient(ellipse 70% 90% at 60% 110%,color-mix(in srgb,var(--t-accent) 60%,transparent),transparent 70%),#121318}
html body[class*="theme-"]:not(#t) .closing>*{grid-column:1;position:relative;z-index:1}
html body[class*="theme-"]:not(#t) .closing::before{content:"";grid-column:2;grid-row:1 / 5;align-self:center;justify-self:stretch;height:clamp(190px,19vw,260px);
  background:linear-gradient(160deg,#fff,color-mix(in srgb,var(--t-accent-2) 30%,#fff) 60%,color-mix(in srgb,var(--t-accent-3) 40%,#fff));opacity:.92;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 330'%3E%3Cpath d='M50 236L200 310v12L50 248z' fill-opacity='0.19'/%3E%3Cpath d='M200 310L350 236v12L200 322z' fill-opacity='0.13'/%3E%3Cpath d='M200 162L350 236L200 310L50 236z' fill-opacity='0.34'/%3E%3Cpath d='M50 166L200 240v12L50 178z' fill-opacity='0.34'/%3E%3Cpath d='M200 240L350 166v12L200 252z' fill-opacity='0.24'/%3E%3Cpath d='M200 92L350 166L200 240L50 166z' fill-opacity='0.62'/%3E%3Cpath d='M50 96L200 170v12L50 108z' fill-opacity='0.55'/%3E%3Cpath d='M200 170L350 96v12L200 182z' fill-opacity='0.38'/%3E%3Cpath d='M200 22L350 96L200 170L50 96z' fill-opacity='1'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 330'%3E%3Cpath d='M50 236L200 310v12L50 248z' fill-opacity='0.19'/%3E%3Cpath d='M200 310L350 236v12L200 322z' fill-opacity='0.13'/%3E%3Cpath d='M200 162L350 236L200 310L50 236z' fill-opacity='0.34'/%3E%3Cpath d='M50 166L200 240v12L50 178z' fill-opacity='0.34'/%3E%3Cpath d='M200 240L350 166v12L200 252z' fill-opacity='0.24'/%3E%3Cpath d='M200 92L350 166L200 240L50 166z' fill-opacity='0.62'/%3E%3Cpath d='M50 96L200 170v12L50 108z' fill-opacity='0.55'/%3E%3Cpath d='M200 170L350 96v12L200 182z' fill-opacity='0.38'/%3E%3Cpath d='M200 22L350 96L200 170L50 96z' fill-opacity='1'/%3E%3C/svg%3E") center/contain no-repeat}
html body[class*="theme-"]:not(#t) .closing::after{content:none}
html body[class*="theme-"]:not(#t) .closing>span{font:600 12px/1.3 var(--t-font-body);letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.78);margin:0 0 16px;
  padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:0 0 0 1px rgba(255,255,255,.16) inset}
html body[class*="theme-"]:not(#t) .closing h2{font-size:clamp(36px,4.4vw,62px);line-height:1;max-width:14ch;margin:0 0 18px;text-wrap:balance;color:#fff}
html body[class*="theme-"]:not(#t) .closing p{max-width:46ch;margin:0 0 28px;color:rgba(255,255,255,.82);font-size:18px;line-height:1.55;opacity:1}
html body[class*="theme-"]:not(#t) .closing h2:last-child{margin-bottom:0}
html body[class*="theme-"]:not(#t) .closing>.button{margin-top:10px;min-height:52px;padding:0 30px;font-size:16px;background:#fff;color:var(--t-ink);box-shadow:0 10px 30px -10px rgba(0,0,0,.6)}
html body[class*="theme-"]:not(#t) .closing>.button:hover{background:#eef0f4}
html body[class*="theme-"]:not(#t) .closing p + .button{margin-top:0}

/* links: pills */
html body[class*="theme-"]:not(#t).page-0 .reading:has(.text-link){background:none;padding:clamp(12px,2vw,24px) 0 0;text-align:center}
html body[class*="theme-"]:not(#t).page-0 .reading:has(.text-link) h2{font-size:clamp(24px,2.4vw,32px);margin:0 auto 10px}
html body[class*="theme-"]:not(#t).page-0 .reading:has(.text-link) p{margin-inline:auto;color:var(--t-text);max-width:60ch}
html body[class*="theme-"]:not(#t).page-0 .reading:has(.text-link) p:last-child{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;max-width:none}
html body[class*="theme-"]:not(#t) .reading .text-link{display:inline-block;margin:0;padding:10px 20px;border-radius:999px;background:var(--t-card);font-size:15px;font-weight:600;color:var(--t-ink);text-decoration:none;
  box-shadow:0 0 0 1px var(--t-line);transition:box-shadow .15s,color .15s}
html body[class*="theme-"]:not(#t) .reading .text-link:hover{color:var(--t-accent-text);box-shadow:0 0 0 1px color-mix(in srgb,var(--t-accent) 45%,transparent)}

/* ---------- 6. inner pages ---------- */
html body[class*="theme-"]:not(#t) .reading:has(.feature-list){max-width:none}
html body[class*="theme-"]:not(#t) .reading:has(.feature-list)>h2{text-align:center;margin-bottom:28px}
html body[class*="theme-"]:not(#t) .reading:has(.feature-list)>.feature-list{max-width:none}
html body[class*="theme-"]:not(#t) .feature-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0}
html body[class*="theme-"]:not(#t) .feature-list li,
html body[class*="theme-"]:not(#t) .feature-definitions>div{all:unset;box-sizing:border-box;display:block;min-width:0;padding:22px 24px;border-radius:var(--t-radius-s);background:var(--t-ground);font-size:15px;line-height:1.6;color:var(--t-text)}
html body[class*="theme-"]:not(#t) .feature-list li:nth-child(n){margin-inline-start:0}
html body[class*="theme-"]:not(#t) .feature-list strong{display:block;margin:0 0 4px;font:700 17px/1.3 var(--t-font-display);letter-spacing:-.01em;color:var(--t-ink)}
html body[class*="theme-"]:not(#t) .feature-definitions{display:grid;gap:12px}
html body[class*="theme-"]:not(#t) .feature-definitions dt{font:700 19px/1.3 var(--t-font-display);color:var(--t-ink);margin-bottom:8px}
html body[class*="theme-"]:not(#t) .feature-definitions dd{margin:0;opacity:1;color:var(--t-text)}
/* models: the connection flow as a card */
html body[class*="theme-"]:not(#t) .connection{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(10px,2vw,22px);font-size:16px;padding:clamp(26px,3vw,40px) 24px;
  border-radius:var(--t-radius);background:var(--t-card)}
html body[class*="theme-"]:not(#t) .connection span{padding:14px 26px;border-radius:999px;background:var(--t-ground);font:700 17px/1.3 var(--t-font-display);color:var(--t-ink);white-space:nowrap}
html body[class*="theme-"]:not(#t) .connection span:first-child{background:var(--t-grad);color:#fff}
html body[class*="theme-"]:not(#t) .connection b{font:400 22px/1 var(--t-font-body);color:var(--t-accent-text)}
/* workflows */
html body[class*="theme-"]:not(#t) .workflow-grid{display:flex;flex-direction:column;gap:var(--t-gap);max-width:none}
html body[class*="theme-"]:not(#t) .workflow-grid .steps p{font-size:15px}
html body[class*="theme-"]:not(#t) .sticky-example{position:static;display:flex;flex-direction:column;align-items:center;padding:clamp(32px,4vw,56px) clamp(20px,4vw,56px);border-radius:var(--t-radius);background:var(--t-card)}
html body[class*="theme-"]:not(#t) .sticky-example>h2{font-size:clamp(28px,3vw,40px);line-height:1.05;text-align:center;margin:0 0 30px}
html body[class*="theme-"]:not(#t) .sticky-example .agent-run{max-width:860px}
html body[class*="theme-"]:not(#t) .sticky-example .code-example{width:100%;max-width:760px}
html body[class*="theme-"]:not(#t) .sticky-example>p{max-width:62ch;text-align:center;color:var(--t-text);opacity:1;font-size:16px;margin:22px 0 0}
/* download */
html body[class*="theme-"]:not(#t) .download-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--t-gap);align-items:stretch}
html body[class*="theme-"]:not(#t) .download-card{all:unset;box-sizing:border-box;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  width:100%;padding:clamp(36px,4vw,56px) 28px;border-radius:var(--t-radius);background:#121318;color:#fff}
html body[class*="theme-"]:not(#t) .download-card::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(ellipse 70% 60% at 50% 0%,color-mix(in srgb,var(--t-accent-2) 60%,transparent),transparent 70%),
    radial-gradient(ellipse 60% 60% at 0% 100%,color-mix(in srgb,var(--t-accent) 60%,transparent),transparent 70%),
    radial-gradient(ellipse 60% 60% at 100% 100%,color-mix(in srgb,var(--t-accent-3) 45%,transparent),transparent 70%)}
html body[class*="theme-"]:not(#t) .app-icon{width:96px;height:96px;margin:0 0 24px;border-radius:28px;background:var(--t-grad);color:#fff;display:grid;place-items:center;
  font:var(--t-weight-display) 46px/1 var(--t-font-display);box-shadow:0 0 0 1px rgba(255,255,255,.25) inset,0 24px 40px -16px rgba(0,0,0,.7)}
html body[class*="theme-"]:not(#t) .download-card h2{font-size:clamp(30px,3.2vw,42px);margin:0 0 8px;color:#fff}
html body[class*="theme-"]:not(#t) .download-card p{margin:0 0 28px;color:rgba(255,255,255,.82)}
html body[class*="theme-"]:not(#t) .download-card .button.primary{background:#fff;color:var(--t-ink)}
html body[class*="theme-"]:not(#t) .download-grid>div:last-child{min-width:0;padding:clamp(28px,3.4vw,48px);border-radius:var(--t-radius);background:var(--t-card)}
html body[class*="theme-"]:not(#t) .download-grid>div:last-child .large{text-align:start;font-size:clamp(18px,1.5vw,21px);max-width:none;margin:0 0 24px}
html body[class*="theme-"]:not(#t) .download-grid .setup{grid-template-columns:1fr;gap:10px}
html body[class*="theme-"]:not(#t) .download-grid .setup li{display:flex;gap:16px;align-items:baseline;padding:16px 18px;border-radius:var(--t-radius-s);background:var(--t-ground)}
html body[class*="theme-"]:not(#t) .download-grid .setup li::before{font-size:24px;margin:0;flex:none;min-width:22px}
html body[class*="theme-"]:not(#t) .download-grid .notice{margin:20px 0 0}
html body[class*="theme-"]:not(#t) .reading .code-example{background:var(--t-ground)}
/* privacy */
html body[class*="theme-"]:not(#t) .privacy.reading{background:none;padding:0;display:grid;gap:var(--t-gap)}
html body[class*="theme-"]:not(#t) .privacy.reading>*{max-width:none;margin:0}
html body[class*="theme-"]:not(#t) .privacy article{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);column-gap:clamp(22px,4vw,56px);margin:0;padding:34px clamp(24px,4vw,48px) 20px;border:0;border-radius:var(--t-radius);background:var(--t-card)}
html body[class*="theme-"]:not(#t) .privacy article h2{grid-row:1 / span 6;align-self:start;margin:0;font-size:22px;line-height:1.2}
html body[class*="theme-"]:not(#t) .privacy article p{grid-column:2;margin:0 0 14px;font-size:16px;line-height:1.7;color:var(--t-text);opacity:1;max-width:66ch}
html body[class*="theme-"]:not(#t) .privacy .updated{margin:8px 0 0!important;font:13px/1.4 var(--t-font-body)!important;color:var(--t-muted);opacity:1!important;text-align:center}

/* ---------- 7. footer: giant wordmark ---------- */
html body[class*="theme-"]:not(#t) footer.wrap{margin:clamp(48px,5vw,72px) auto 0;padding:0 0 28px;border:0;border-radius:0;background:none;color:var(--t-muted)}
html body[class*="theme-"]:not(#t) .footer-top{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:0 0 16px;border-bottom:1px solid var(--t-line)}
html body[class*="theme-"]:not(#t) .footer-top p{margin:0;font-size:14px;color:var(--t-muted);opacity:1;order:-1}
html body[class*="theme-"]:not(#t) footer .brand{display:block;font-size:clamp(60px,10.6vw,150px);font-weight:var(--t-weight-display);line-height:.9;letter-spacing:-.055em;padding-bottom:.06em;
  background:linear-gradient(180deg,var(--t-ink) 30%,color-mix(in srgb,var(--t-ink) 62%,var(--t-ground)));-webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;overflow-wrap:anywhere}
html body[class*="theme-"]:not(#t) footer nav{display:flex;flex-wrap:wrap;gap:6px 26px;margin:18px 0 14px;font-size:14px}
html body[class*="theme-"]:not(#t) footer nav a{padding:0;background:none;color:var(--t-ink);font-weight:500}
html body[class*="theme-"]:not(#t) footer nav a:hover{color:var(--t-accent-text)}
html body[class*="theme-"]:not(#t) .footer-bottom{font-size:12.5px;line-height:1.6;color:var(--t-muted);opacity:1;gap:12px 40px;border:0;padding:0}

/* ---------- 8. responsive ---------- */
@media(max-width:1100px){
  html body[class*="theme-"]:not(#t) .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body[class*="theme-"]:not(#t) .setup{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body[class*="theme-"]:not(#t) .feature-matrix{grid-template-columns:1fr}
  html body[class*="theme-"]:not(#t) .feature-matrix>h2,
html body[class*="theme-"]:not(#t) .feature-matrix>p{grid-column:1}
  html body[class*="theme-"]:not(#t) .feature-matrix table{grid-column:1;grid-row:auto;margin-top:26px}
}
@media(max-width:900px){
  html body[class*="theme-"]:not(#t) .home-hero{grid-template-columns:1fr;justify-items:center;text-align:center}
  html body[class*="theme-"]:not(#t) .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body[class*="theme-"]:not(#t).page-0 .reading:not(:has(.steps)):not(:has(.text-link)){grid-template-columns:1fr}
  html body[class*="theme-"]:not(#t) .scenario{grid-template-columns:1fr;grid-template-rows:none}
  html body[class*="theme-"]:not(#t) .scenario::before,
html body[class*="theme-"]:not(#t) .scenario::after{grid-column:1;grid-row:4;min-height:220px;margin-top:28px}
  html body[class*="theme-"]:not(#t) .scenario::after{margin:calc(28px + 5%) 12% 5%}
  html body[class*="theme-"]:not(#t) .faq{grid-template-columns:1fr}
  html body[class*="theme-"]:not(#t) .faq>h2{grid-row:auto;margin-bottom:18px}
  html body[class*="theme-"]:not(#t) .faq>h2::before,
html body[class*="theme-"]:not(#t) .faq>h2::after{content:none}
  html body[class*="theme-"]:not(#t) .faq details{grid-column:1}
  html body[class*="theme-"]:not(#t) .closing{grid-template-columns:1fr;grid-template-rows:none}
  html body[class*="theme-"]:not(#t) .closing::before{grid-column:1;grid-row:1;height:150px;width:190px;justify-self:start;margin-bottom:20px}
  html body[class*="theme-"]:not(#t) .download-grid{grid-template-columns:1fr}
  html body[class*="theme-"]:not(#t) .feature-list{grid-template-columns:1fr}
  html body[class*="theme-"]:not(#t) .privacy article{grid-template-columns:1fr}
  html body[class*="theme-"]:not(#t) .privacy article h2{grid-row:auto;margin-bottom:12px}
  html body[class*="theme-"]:not(#t) .privacy article p{grid-column:1}
}
@media(max-width:760px){
  html body[class*="theme-"]:not(#t){--t-band:58px;--t-gap:12px;--t-radius:24px;--t-bezel-w:7px;--t-dev-radius:18px;--t-deck-h:10px;--t-deck-extra:26px;--t-dev-scale:.62}
  html body[class*="theme-"]:not(#t) .wrap{width:calc(100% - 32px)}
  html body[class*="theme-"]:not(#t) .header{width:calc(100% - 32px);min-height:var(--t-band)!important;padding:0!important}
  html body[class*="theme-"]:not(#t) .header.has-burger{padding:0!important}
  html body[class*="theme-"]:not(#t) .header.has-burger>.nav-toggle{border:0;background:#fff;color:var(--t-ink);width:40px;height:40px;box-shadow:0 0 0 1px var(--t-line)}
  html body[class*="theme-"]:not(#t) .header.has-burger.nav-open{padding:9px 0 10px!important}
  html body[class*="theme-"]:not(#t) .header.has-burger.nav-open>.main-nav{margin:6px 0 0!important}
  html body[class*="theme-"]:not(#t) .header.has-burger.nav-open>.main-nav a{border-top:0!important;border-radius:14px!important;padding:13px 16px!important}
  html body[class*="theme-"]:not(#t) .header.has-burger.nav-open>.main-nav a[aria-current]{background:#fff!important}
  html body[class*="theme-"]:not(#t) .header.has-burger.nav-open>.language{border:0!important;background:#fff!important;margin:6px 0 4px!important;padding-inline:16px!important}
  html body[class*="theme-"]:not(#t) h2,
html body[class*="theme-"]:not(#t) h3{hyphens:auto;overflow-wrap:anywhere}
  html body[class*="theme-"]:not(#t) h1{hyphens:manual;overflow-wrap:break-word}
  html body[class*="theme-"]:not(#t) .home-hero{padding-top:34px}
  html body[class*="theme-"]:not(#t) .home-hero h1{font-size:clamp(36px,10.4vw,48px);line-height:1.02;max-width:100%}
  html body[class*="theme-"]:not(#t) .inner-hero{padding:40px 0 26px}
  html body[class*="theme-"]:not(#t) .inner-hero h1{font-size:clamp(34px,9.4vw,44px);max-width:100%}
  html body[class*="theme-"]:not(#t) .hero-lead{margin-top:18px;max-width:100%;font-size:17px}
  html body[class*="theme-"]:not(#t) .actions{flex-direction:column;align-items:stretch;width:100%;max-width:380px;margin-top:26px;gap:10px}
  html body[class*="theme-"]:not(#t) .actions .button{width:100%}
  html body[class*="theme-"]:not(#t) .home-hero .agent-run{margin-top:30px}
  html body[class*="theme-"]:not(#t){--t-stage-h:84px;--t-stage-start:0%}
  html body[class*="theme-"]:not(#t) .home-hero::before{inset-inline:-8px}
  html body[class*="theme-"]:not(#t) .agent-run{--ar-pad:12px}
  html body[class*="theme-"]:not(#t) .agent-run-bar{grid-template-columns:auto minmax(0,1fr) auto;height:auto;min-height:46px;padding:8px 12px;gap:10px}
  html body[class*="theme-"]:not(#t) .agent-run-bar::before{width:40px;background-size:10px 10px;background-position:0 1px,15px 1px,30px 1px}
  html body[class*="theme-"]:not(#t) .agent-run-bar span:first-child{grid-column:2;text-align:start;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
  html body[class*="theme-"]:not(#t) .agent-run-body{padding-top:12px}
  html body[class*="theme-"]:not(#t) .agent-run-prompt{padding:13px 14px 10px;border-radius:16px}
  html body[class*="theme-"]:not(#t) .agent-run-prompt span{font-size:14.5px}
  html body[class*="theme-"]:not(#t) .agent-run-steps li{grid-template-columns:16px minmax(0,1fr) auto;gap:5px 10px;align-items:center;padding:10px 12px;border-radius:12px}
  html body[class*="theme-"]:not(#t) .agent-run-steps li::before{grid-column:1;grid-row:1}
  html body[class*="theme-"]:not(#t) .ar-tool{grid-column:2;grid-row:1}
  html body[class*="theme-"]:not(#t) .ar-res{grid-column:3;grid-row:1}
  html body[class*="theme-"]:not(#t) .agent-run-steps code{grid-column:2 / 4;grid-row:2;white-space:normal;overflow-wrap:anywhere;font-size:12.5px}
  html body[class*="theme-"]:not(#t) .agent-run-foot>span:first-child{flex:1 1 100%}
  html body[class*="theme-"]:not(#t) .agent-run-foot .ar-btn{flex:1 1 0;justify-content:center}
  html body[class*="theme-"]:not(#t) .cards article{padding:20px 20px 22px}
  html body[class*="theme-"]:not(#t) .cards article{padding:18px 18px 20px}
  html body[class*="theme-"]:not(#t) .cards h3{font-size:clamp(22px,6.6vw,30px);overflow-wrap:anywhere}
  html body[class*="theme-"]:not(#t) .cards .number{letter-spacing:.04em;font-size:10.5px}
  html body[class*="theme-"]:not(#t) .cards article:nth-last-child(-n+2){grid-column:auto}
  html body[class*="theme-"]:not(#t):not(.page-0) .cards{grid-template-columns:1fr}
  html body[class*="theme-"]:not(#t).page-0 .cards article:nth-child(n+2)::after{content:none}
  html body[class*="theme-"]:not(#t) .steps,
html body[class*="theme-"]:not(#t) .workflow-grid .steps,
html body[class*="theme-"]:not(#t) .reading .steps{grid-template-columns:1fr}
  html body[class*="theme-"]:not(#t) .steps article{padding:176px 20px 22px}
  html body[class*="theme-"]:not(#t) .steps article::before,
html body[class*="theme-"]:not(#t) .steps article::after{height:156px}
  html body[class*="theme-"]:not(#t) .setup{grid-template-columns:1fr}
  html body[class*="theme-"]:not(#t) .setup li{display:flex;gap:16px;align-items:baseline;padding:18px 20px}
  html body[class*="theme-"]:not(#t) .setup li::before{margin:0;flex:none;font-size:34px;min-width:26px}
  html body[class*="theme-"]:not(#t) .scenario,
html body[class*="theme-"]:not(#t) .feature-matrix,
html body[class*="theme-"]:not(#t) .faq,
html body[class*="theme-"]:not(#t) .reading,
html body[class*="theme-"]:not(#t) .sticky-example,
html body[class*="theme-"]:not(#t) .download-grid>div:last-child{padding:28px 20px}
  html body[class*="theme-"]:not(#t) .reading:has(.steps),
html body[class*="theme-"]:not(#t).page-0 .reading:not(:has(.steps)):not(:has(.text-link)),
html body[class*="theme-"]:not(#t) .privacy.reading{padding:0}
  html body[class*="theme-"]:not(#t).page-0 .reading:has(.text-link){padding:16px 0 0}
  html body[class*="theme-"]:not(#t) .reading:has(>p.large:only-child){padding:0 0 6px}
  html body[class*="theme-"]:not(#t) .feature-matrix th,
html body[class*="theme-"]:not(#t) .feature-matrix td{padding:12px 7px;font-size:13px;overflow-wrap:break-word;hyphens:auto}
  html body[class*="theme-"]:not(#t) .feature-matrix thead th{font-size:10.5px;letter-spacing:.05em;padding-block:6px 12px}
  html body[class*="theme-"]:not(#t) .feature-matrix thead th:first-child,
html body[class*="theme-"]:not(#t) .feature-matrix tbody th{width:25%;font-size:13px}
  html body[class*="theme-"]:not(#t) .feature-matrix thead th:nth-child(2){width:31%}
  html body[class*="theme-"]:not(#t) .feature-matrix td:last-child{padding-inline-start:27px}
  html body[class*="theme-"]:not(#t) .feature-matrix td:last-child::before{inset-inline-start:7px;top:14px;width:15px;height:15px}
  html body[class*="theme-"]:not(#t) .connection{flex-direction:column;gap:6px}
  html body[class*="theme-"]:not(#t) .connection span{padding:12px 24px}
  html body[class*="theme-"]:not(#t) .connection b{transform:rotate(90deg)}
  html body[class*="theme-"]:not(#t) .split-section:has(.agent-run){padding:28px 16px 0}
  html body[class*="theme-"]:not(#t) .closing{padding:32px 22px}
  html body[class*="theme-"]:not(#t) .closing::before{height:120px;width:150px}
  html body[class*="theme-"]:not(#t) .closing>.button{width:100%;max-width:380px}
  html body[class*="theme-"]:not(#t) .download-card{padding:34px 22px}
  html body[class*="theme-"]:not(#t) .download-grid .setup li{padding:14px 16px}
  html body[class*="theme-"]:not(#t).page-0 .reading:has(.text-link) p:last-child{gap:8px}
  html body[class*="theme-"]:not(#t) .privacy article{padding:24px 20px 12px}
  html body[class*="theme-"]:not(#t) footer nav{gap:6px 18px}
}
@media(prefers-reduced-motion:reduce){html body[class*="theme-"]:not(#t) *{transition:none!important}}

/* 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}

/* phones: fact cards one per row (long German words) (2026-10-30) */
@media(max-width:480px){html body[class*="theme-"].page-0:not(#t) .cards{grid-template-columns:minmax(0,1fr)!important}}

/* a long result label (e.g. a mistranslated one) must wrap inside the window, never widen the step list (2026-11-02) */
html body[class*="theme-"]:not(#t) .agent-run-steps{grid-template-columns:minmax(0,1fr)}
html body[class*="theme-"]:not(#t) .agent-run-steps li>*{min-width:0}
html body[class*="theme-"]:not(#t) .ar-res{overflow-wrap:anywhere}

/* Pastekind (codingisawesome.com): beginner Python projects with an AI agent. Cobalt -> deep amber -> violet on cool grey, Raleway 800.
   Variant: stage hero (centred) + MONITOR + LIGHT screen. Topic art (script file / run output / project checklist / word-count bars /
   stacked script sheets) overrides the template's generic UI art; generated by art-codingisawesome.com.py. */
:root{
  --t-accent:#1d4ed8; --t-accent-ink:#fff; --t-accent-text:#1d4ed8; --t-accent-2:#a15c07; --t-accent-3:#6d28d9;
  --t-ground:#f3f4f8; --t-card:#fff; --t-ink:#171a2b; --t-text:#3d4256; --t-muted:#5a5f72;
  --t-font-display:"Raleway",Inter,system-ui,sans-serif; --t-weight-display:800; --t-tracking:-.03em;
  /* device: monitor, light screen (template default) */
  --t-neck-w:120px; --t-neck-h:56px; --t-deck-w:290px; --t-deck-h:12px; --t-deck-radius:10px 10px 6px 6px; --t-deck-notch:0;
}
/* density: keeps the home page near 5600 px at 1366 (Raleway is wide) */
:root{--t-gap:12px;--t-h1-size:clamp(40px,4.6vw,64px)}
@media(min-width:901px){
html body[class*="theme-"]:not(#t) .scenario{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
html body[class*="theme-"]:not(#t) .scenario h2{max-width:15ch}
}
@media(min-width:1101px){
html body[class*="theme-"]:not(#t) .steps article{padding-inline:18px;padding-bottom:20px}
html body[class*="theme-"]:not(#t) .steps p{margin-bottom:10px}
}
@media(min-width:761px){
html body[class*="theme-"]:not(#t) .closing{padding-block:clamp(30px,3.4vw,44px)}
html body[class*="theme-"]:not(#t) .faq summary{padding-block:11px}
html body[class*="theme-"]:not(#t) .faq{padding-block:clamp(26px,3.2vw,44px)}
}
html:is([lang=ru],[lang=uk],[lang=de]) body[class*="theme-"]:not(#t) .steps p{font-size:13.5px;line-height:1.5}
html:is([lang=ru],[lang=uk]) body[class*="theme-"]:not(#t) .scenario p{font-size:16px;line-height:1.55}
html:is([lang=ru],[lang=uk]) body[class*="theme-"]:not(#t) .faq summary{padding-block:9px}
/* topic art */
html body[class*="theme-"]:not(#t) .steps article:nth-child(4n+1)::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Cpath d='M40 16h200a10 10 0 0 1 10 10v122a10 10 0 0 1 -10 10h-200a10 10 0 0 1 -10 -10v-122a10 10 0 0 1 10 -10z' fill='%23fff' stroke='%23e2e5eb' stroke-width='1.2'/%3E%3Ccircle cx='42' cy='27' r='2.6' fill='%23dde1e7'/%3E%3Ccircle cx='51' cy='27' r='2.6' fill='%23dde1e7'/%3E%3Ccircle cx='60' cy='27' r='2.6' fill='%23dde1e7'/%3E%3Crect x='42' y='40' width='8' height='4' rx='2.0' fill='%23dde1e7'/%3E%3Crect x='62' y='40' width='30' height='5' rx='2.5' fill='%23c9ced6'/%3E%3Crect x='98' y='40' width='40' height='5' rx='2.5' fill='%23dde1e7'/%3E%3Crect x='42' y='55' width='8' height='4' rx='2.0' fill='%23dde1e7'/%3E%3Crect x='62' y='55' width='44' height='5' rx='2.5' fill='%23c9ced6'/%3E%3Crect x='112' y='55' width='24' height='5' rx='2.5' fill='%23dde1e7'/%3E%3Crect x='42' y='70' width='8' height='4' rx='2.0' fill='%23dde1e7'/%3E%3Crect x='76' y='70' width='36' height='5' rx='2.5' fill='%23c9ced6'/%3E%3Crect x='118' y='70' width='50' height='5' rx='2.5' fill='%23dde1e7'/%3E%3Crect x='42' y='85' width='8' height='4' rx='2.0' fill='%23dde1e7'/%3E%3Crect x='54' y='80' width='188' height='14' rx='5' fill='%23eceef2'/%3E%3Crect x='76' y='85' width='26' height='5' rx='2.5' fill='%23dde1e7'/%3E%3Crect x='108' y='85' width='56' height='5' rx='2.5' fill='%23dde1e7'/%3E%3Crect x='42' y='100' width='8' height='4' rx='2.0' fill='%23dde1e7'/%3E%3Crect x='90' y='100' width='40' height='5' rx='2.5' fill='%23c9ced6'/%3E%3Crect x='136' y='100' width='30' height='5' rx='2.5' fill='%23dde1e7'/%3E%3Crect x='42' y='115' width='8' height='4' rx='2.0' fill='%23dde1e7'/%3E%3Crect x='76' y='115' width='32' height='5' rx='2.5' fill='%23c9ced6'/%3E%3Crect x='114' y='115' width='44' height='5' rx='2.5' fill='%23dde1e7'/%3E%3Crect x='42' y='130' width='8' height='4' rx='2.0' fill='%23dde1e7'/%3E%3Crect x='62' y='130' width='22' height='5' rx='2.5' fill='%23c9ced6'/%3E%3C/svg%3E") center/contain no-repeat,var(--t-grad-soft)}
html body[class*="theme-"]:not(#t) .steps article:nth-child(4n+1)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Crect x='62' y='40' width='30' height='5' rx='2.5'/%3E%3Crect x='62' y='55' width='30' height='5' rx='2.5'/%3E%3Crect x='76' y='70' width='30' height='5' rx='2.5'/%3E%3Crect x='76' y='85' width='26' height='5' rx='2.5'/%3E%3Crect x='108' y='85' width='56' height='5' rx='2.5' fill-opacity='.55'/%3E%3Crect x='90' y='100' width='30' height='5' rx='2.5'/%3E%3Crect x='76' y='115' width='30' height='5' rx='2.5'/%3E%3Cpath fill-rule='evenodd' d='M213 136a11 11 0 1 0 22 0a11 11 0 1 0 -22 0zM218.6 136.4l3.8 3.8 7-7.6-1.6-1.5-5.4 5.9-2.2-2.2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Crect x='62' y='40' width='30' height='5' rx='2.5'/%3E%3Crect x='62' y='55' width='30' height='5' rx='2.5'/%3E%3Crect x='76' y='70' width='30' height='5' rx='2.5'/%3E%3Crect x='76' y='85' width='26' height='5' rx='2.5'/%3E%3Crect x='108' y='85' width='56' height='5' rx='2.5' fill-opacity='.55'/%3E%3Crect x='90' y='100' width='30' height='5' rx='2.5'/%3E%3Crect x='76' y='115' width='30' height='5' rx='2.5'/%3E%3Cpath fill-rule='evenodd' d='M213 136a11 11 0 1 0 22 0a11 11 0 1 0 -22 0zM218.6 136.4l3.8 3.8 7-7.6-1.6-1.5-5.4 5.9-2.2-2.2z'/%3E%3C/svg%3E")}
html body[class*="theme-"]:not(#t) .steps article:nth-child(4n+2)::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Cpath d='M36 16h208a10 10 0 0 1 10 10v122a10 10 0 0 1 -10 10h-208a10 10 0 0 1 -10 -10v-122a10 10 0 0 1 10 -10z' fill='%23fff' stroke='%23e2e5eb' stroke-width='1.2'/%3E%3Ccircle cx='38' cy='27' r='2.6' fill='%23dde1e7'/%3E%3Ccircle cx='47' cy='27' r='2.6' fill='%23dde1e7'/%3E%3Ccircle cx='56' cy='27' r='2.6' fill='%23dde1e7'/%3E%3Crect x='62' y='42' width='88' height='6' rx='3.0' fill='%23c9ced6'/%3E%3Crect x='62' y='64' width='112' height='6' rx='3.0' fill='%23dde1e7'/%3E%3Crect x='62' y='86' width='64' height='6' rx='3.0' fill='%23c9ced6'/%3E%3Crect x='38' y='101' width='204' height='20' rx='7' fill='%23eceef2'/%3E%3Crect x='62' y='108' width='96' height='6' rx='3.0' fill='%23dde1e7'/%3E%3Crect x='78' y='136' width='56' height='5' rx='2.5' fill='%23eceef2'/%3E%3C/svg%3E") center/contain no-repeat,var(--t-grad-soft)}
html body[class*="theme-"]:not(#t) .steps article:nth-child(4n+2)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Cpath d='M42 39l7 6-7 6-2-2 4.2-4-4.2-4z'/%3E%3Cpath d='M42 61l7 6-7 6-2-2 4.2-4-4.2-4z'/%3E%3Cpath d='M42 83l7 6-7 6-2-2 4.2-4-4.2-4z'/%3E%3Cpath d='M42 105l7 6-7 6-2-2 4.2-4-4.2-4z'/%3E%3Crect x='166' y='105' width='38' height='12' rx='6'/%3E%3Crect x='62' y='132' width='8' height='13' rx='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Cpath d='M42 39l7 6-7 6-2-2 4.2-4-4.2-4z'/%3E%3Cpath d='M42 61l7 6-7 6-2-2 4.2-4-4.2-4z'/%3E%3Cpath d='M42 83l7 6-7 6-2-2 4.2-4-4.2-4z'/%3E%3Cpath d='M42 105l7 6-7 6-2-2 4.2-4-4.2-4z'/%3E%3Crect x='166' y='105' width='38' height='12' rx='6'/%3E%3Crect x='62' y='132' width='8' height='13' rx='2'/%3E%3C/svg%3E")}
html body[class*="theme-"]:not(#t) .steps article:nth-child(4n+3)::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Cpath d='M34 18h212a12 12 0 0 1 12 12v110a12 12 0 0 1 -12 12h-212a12 12 0 0 1 -12 -12v-110a12 12 0 0 1 12 -12z' fill='%23fff' stroke='%23e2e5eb' stroke-width='1.2'/%3E%3Crect x='38' y='34' width='204' height='8' rx='4.0' fill='%23eceef2'/%3E%3Crect x='64' y='60' width='96' height='6' rx='3' fill='%23c9ced6'/%3E%3Crect x='206' y='60' width='30' height='6' rx='3' fill='%23eceef2'/%3E%3Crect x='64' y='82' width='118' height='6' rx='3' fill='%23c9ced6'/%3E%3Crect x='206' y='82' width='30' height='6' rx='3' fill='%23eceef2'/%3E%3Crect x='64' y='104' width='84' height='6' rx='3' fill='%23c9ced6'/%3E%3Crect x='206' y='104' width='30' height='6' rx='3' fill='%23eceef2'/%3E%3Crect x='64' y='126' width='108' height='6' rx='3' fill='%23dde1e7'/%3E%3Crect x='206' y='126' width='30' height='6' rx='3' fill='%23eceef2'/%3E%3Ccircle cx='46' cy='129' r='6.4' fill='none' stroke='%23c9ced6' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat,var(--t-grad-soft)}
html body[class*="theme-"]:not(#t) .steps article:nth-child(4n+3)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Crect x='38' y='34' width='150' height='8' rx='4'/%3E%3Cpath fill-rule='evenodd' d='M39 63a7 7 0 1 0 14 0a7 7 0 1 0 -14 0zM42.4 63.2l2.4 2.5 4.8-5.2-1.1-1.1-3.7 4.1-1.3-1.4z'/%3E%3Cpath fill-rule='evenodd' d='M39 85a7 7 0 1 0 14 0a7 7 0 1 0 -14 0zM42.4 85.2l2.4 2.5 4.8-5.2-1.1-1.1-3.7 4.1-1.3-1.4z'/%3E%3Cpath fill-rule='evenodd' d='M39 107a7 7 0 1 0 14 0a7 7 0 1 0 -14 0zM42.4 107.2l2.4 2.5 4.8-5.2-1.1-1.1-3.7 4.1-1.3-1.4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Crect x='38' y='34' width='150' height='8' rx='4'/%3E%3Cpath fill-rule='evenodd' d='M39 63a7 7 0 1 0 14 0a7 7 0 1 0 -14 0zM42.4 63.2l2.4 2.5 4.8-5.2-1.1-1.1-3.7 4.1-1.3-1.4z'/%3E%3Cpath fill-rule='evenodd' d='M39 85a7 7 0 1 0 14 0a7 7 0 1 0 -14 0zM42.4 85.2l2.4 2.5 4.8-5.2-1.1-1.1-3.7 4.1-1.3-1.4z'/%3E%3Cpath fill-rule='evenodd' d='M39 107a7 7 0 1 0 14 0a7 7 0 1 0 -14 0zM42.4 107.2l2.4 2.5 4.8-5.2-1.1-1.1-3.7 4.1-1.3-1.4z'/%3E%3C/svg%3E")}
html body[class*="theme-"]:not(#t) .steps article:nth-child(4n+4)::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Cpath d='M34 18h212a12 12 0 0 1 12 12v110a12 12 0 0 1 -12 12h-212a12 12 0 0 1 -12 -12v-110a12 12 0 0 1 12 -12z' fill='%23fff' stroke='%23e2e5eb' stroke-width='1.2'/%3E%3Crect x='38' y='62' width='52' height='5' rx='2.5' fill='%23dde1e7'/%3E%3Crect x='196' y='34' width='46' height='16' rx='8' fill='%23eceef2'/%3E%3Crect x='38' y='78' width='30' height='5' rx='2.5' fill='%23c9ced6'/%3E%3Crect x='74' y='77' width='168' height='7' rx='3.5' fill='%23eceef2'/%3E%3Crect x='38' y='92' width='30' height='5' rx='2.5' fill='%23c9ced6'/%3E%3Crect x='74' y='91' width='168' height='7' rx='3.5' fill='%23eceef2'/%3E%3Crect x='38' y='106' width='30' height='5' rx='2.5' fill='%23c9ced6'/%3E%3Crect x='74' y='105' width='168' height='7' rx='3.5' fill='%23eceef2'/%3E%3Crect x='38' y='120' width='30' height='5' rx='2.5' fill='%23c9ced6'/%3E%3Crect x='74' y='119' width='168' height='7' rx='3.5' fill='%23eceef2'/%3E%3Crect x='38' y='134' width='30' height='5' rx='2.5' fill='%23c9ced6'/%3E%3Crect x='74' y='133' width='168' height='7' rx='3.5' fill='%23eceef2'/%3E%3C/svg%3E") center/contain no-repeat,var(--t-grad-soft)}
html body[class*="theme-"]:not(#t) .steps article:nth-child(4n+4)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Crect x='38' y='34' width='62' height='20' rx='6'/%3E%3Crect x='204' y='39' width='30' height='6' rx='3' fill-opacity='.6'/%3E%3Crect x='74' y='77' width='150' height='7' rx='3.5' fill-opacity='1'/%3E%3Crect x='74' y='91' width='118' height='7' rx='3.5' fill-opacity='1'/%3E%3Crect x='74' y='105' width='92' height='7' rx='3.5' fill-opacity='0.55'/%3E%3Crect x='74' y='119' width='64' height='7' rx='3.5' fill-opacity='0.55'/%3E%3Crect x='74' y='133' width='40' height='7' rx='3.5' fill-opacity='0.55'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 170'%3E%3Crect x='38' y='34' width='62' height='20' rx='6'/%3E%3Crect x='204' y='39' width='30' height='6' rx='3' fill-opacity='.6'/%3E%3Crect x='74' y='77' width='150' height='7' rx='3.5' fill-opacity='1'/%3E%3Crect x='74' y='91' width='118' height='7' rx='3.5' fill-opacity='1'/%3E%3Crect x='74' y='105' width='92' height='7' rx='3.5' fill-opacity='0.55'/%3E%3Crect x='74' y='119' width='64' height='7' rx='3.5' fill-opacity='0.55'/%3E%3Crect x='74' y='133' width='40' height='7' rx='3.5' fill-opacity='0.55'/%3E%3C/svg%3E")}
html body[class*="theme-"]:not(#t).page-0 .cards article:first-child::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 350'%3E%3Cpath fill-opacity='0.18' d='M50 252L200 326v10L50 262z'/%3E%3Cpath fill-opacity='0.12' d='M200 326L350 252v10L200 336z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='0.3' d='M200 178L350 252L200 326L50 252z'/%3E%3Cpath fill-opacity='0.33' d='M50 190L200 264v10L50 200z'/%3E%3Cpath fill-opacity='0.22' d='M200 264L350 190v10L200 274z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='0.55' d='M200 116L350 190L200 264L50 190z'/%3E%3Cpath fill-opacity='0.60' d='M50 122L200 196v10L50 132z'/%3E%3Cpath fill-opacity='0.40' d='M200 196L350 122v10L200 206z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='1' d='M200 48L350 122L200 196L50 122zM191.0 76.1L236.0 98.3L230.6 101.0L185.6 78.8zM179.0 82.0L248.0 116.1L242.6 118.7L173.6 84.7zM188.0 98.3L248.0 127.9L242.6 130.6L182.6 101.0zM176.0 104.2L221.0 126.4L215.6 129.1L170.6 106.9zM143.0 99.8L218.0 136.8L212.6 139.5L137.6 102.5zM152.0 116.1L206.0 142.7L200.6 145.4L146.6 118.7zM119.0 111.6L161.0 132.4L155.6 135.0L113.6 114.3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 350'%3E%3Cpath fill-opacity='0.18' d='M50 252L200 326v10L50 262z'/%3E%3Cpath fill-opacity='0.12' d='M200 326L350 252v10L200 336z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='0.3' d='M200 178L350 252L200 326L50 252z'/%3E%3Cpath fill-opacity='0.33' d='M50 190L200 264v10L50 200z'/%3E%3Cpath fill-opacity='0.22' d='M200 264L350 190v10L200 274z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='0.55' d='M200 116L350 190L200 264L50 190z'/%3E%3Cpath fill-opacity='0.60' d='M50 122L200 196v10L50 132z'/%3E%3Cpath fill-opacity='0.40' d='M200 196L350 122v10L200 206z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='1' d='M200 48L350 122L200 196L50 122zM191.0 76.1L236.0 98.3L230.6 101.0L185.6 78.8zM179.0 82.0L248.0 116.1L242.6 118.7L173.6 84.7zM188.0 98.3L248.0 127.9L242.6 130.6L182.6 101.0zM176.0 104.2L221.0 126.4L215.6 129.1L170.6 106.9zM143.0 99.8L218.0 136.8L212.6 139.5L137.6 102.5zM152.0 116.1L206.0 142.7L200.6 145.4L146.6 118.7zM119.0 111.6L161.0 132.4L155.6 135.0L113.6 114.3z'/%3E%3C/svg%3E")}
html body[class*="theme-"]:not(#t) .scenario::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 350'%3E%3Cpath fill-opacity='0.18' d='M50 252L200 326v10L50 262z'/%3E%3Cpath fill-opacity='0.12' d='M200 326L350 252v10L200 336z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='0.3' d='M200 178L350 252L200 326L50 252z'/%3E%3Cpath fill-opacity='0.33' d='M50 190L200 264v10L50 200z'/%3E%3Cpath fill-opacity='0.22' d='M200 264L350 190v10L200 274z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='0.55' d='M200 116L350 190L200 264L50 190z'/%3E%3Cpath fill-opacity='0.60' d='M50 122L200 196v10L50 132z'/%3E%3Cpath fill-opacity='0.40' d='M200 196L350 122v10L200 206z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='1' d='M200 48L350 122L200 196L50 122zM191.0 76.1L236.0 98.3L230.6 101.0L185.6 78.8zM179.0 82.0L248.0 116.1L242.6 118.7L173.6 84.7zM188.0 98.3L248.0 127.9L242.6 130.6L182.6 101.0zM176.0 104.2L221.0 126.4L215.6 129.1L170.6 106.9zM143.0 99.8L218.0 136.8L212.6 139.5L137.6 102.5zM152.0 116.1L206.0 142.7L200.6 145.4L146.6 118.7zM119.0 111.6L161.0 132.4L155.6 135.0L113.6 114.3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 350'%3E%3Cpath fill-opacity='0.18' d='M50 252L200 326v10L50 262z'/%3E%3Cpath fill-opacity='0.12' d='M200 326L350 252v10L200 336z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='0.3' d='M200 178L350 252L200 326L50 252z'/%3E%3Cpath fill-opacity='0.33' d='M50 190L200 264v10L50 200z'/%3E%3Cpath fill-opacity='0.22' d='M200 264L350 190v10L200 274z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='0.55' d='M200 116L350 190L200 264L50 190z'/%3E%3Cpath fill-opacity='0.60' d='M50 122L200 196v10L50 132z'/%3E%3Cpath fill-opacity='0.40' d='M200 196L350 122v10L200 206z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='1' d='M200 48L350 122L200 196L50 122zM191.0 76.1L236.0 98.3L230.6 101.0L185.6 78.8zM179.0 82.0L248.0 116.1L242.6 118.7L173.6 84.7zM188.0 98.3L248.0 127.9L242.6 130.6L182.6 101.0zM176.0 104.2L221.0 126.4L215.6 129.1L170.6 106.9zM143.0 99.8L218.0 136.8L212.6 139.5L137.6 102.5zM152.0 116.1L206.0 142.7L200.6 145.4L146.6 118.7zM119.0 111.6L161.0 132.4L155.6 135.0L113.6 114.3z'/%3E%3C/svg%3E")}
html body[class*="theme-"]:not(#t) .closing::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 350'%3E%3Cpath fill-opacity='0.18' d='M50 252L200 326v10L50 262z'/%3E%3Cpath fill-opacity='0.12' d='M200 326L350 252v10L200 336z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='0.3' d='M200 178L350 252L200 326L50 252z'/%3E%3Cpath fill-opacity='0.33' d='M50 190L200 264v10L50 200z'/%3E%3Cpath fill-opacity='0.22' d='M200 264L350 190v10L200 274z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='0.55' d='M200 116L350 190L200 264L50 190z'/%3E%3Cpath fill-opacity='0.60' d='M50 122L200 196v10L50 132z'/%3E%3Cpath fill-opacity='0.40' d='M200 196L350 122v10L200 206z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='1' d='M200 48L350 122L200 196L50 122zM191.0 76.1L236.0 98.3L230.6 101.0L185.6 78.8zM179.0 82.0L248.0 116.1L242.6 118.7L173.6 84.7zM188.0 98.3L248.0 127.9L242.6 130.6L182.6 101.0zM176.0 104.2L221.0 126.4L215.6 129.1L170.6 106.9zM143.0 99.8L218.0 136.8L212.6 139.5L137.6 102.5zM152.0 116.1L206.0 142.7L200.6 145.4L146.6 118.7zM119.0 111.6L161.0 132.4L155.6 135.0L113.6 114.3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 350'%3E%3Cpath fill-opacity='0.18' d='M50 252L200 326v10L50 262z'/%3E%3Cpath fill-opacity='0.12' d='M200 326L350 252v10L200 336z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='0.3' d='M200 178L350 252L200 326L50 252z'/%3E%3Cpath fill-opacity='0.33' d='M50 190L200 264v10L50 200z'/%3E%3Cpath fill-opacity='0.22' d='M200 264L350 190v10L200 274z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='0.55' d='M200 116L350 190L200 264L50 190z'/%3E%3Cpath fill-opacity='0.60' d='M50 122L200 196v10L50 132z'/%3E%3Cpath fill-opacity='0.40' d='M200 196L350 122v10L200 206z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='1' d='M200 48L350 122L200 196L50 122zM191.0 76.1L236.0 98.3L230.6 101.0L185.6 78.8zM179.0 82.0L248.0 116.1L242.6 118.7L173.6 84.7zM188.0 98.3L248.0 127.9L242.6 130.6L182.6 101.0zM176.0 104.2L221.0 126.4L215.6 129.1L170.6 106.9zM143.0 99.8L218.0 136.8L212.6 139.5L137.6 102.5zM152.0 116.1L206.0 142.7L200.6 145.4L146.6 118.7zM119.0 111.6L161.0 132.4L155.6 135.0L113.6 114.3z'/%3E%3C/svg%3E")}
html body[class*="theme-"]:not(#t).page-0 .reading:not(:has(.steps)):not(:has(.text-link))>p::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.2 3.5C5.9 3.5 5 4.7 5 6.6v2.2C5 10.3 4.4 11.1 2.8 12c1.6.9 2.2 1.7 2.2 3.2v2.2c0 1.9.9 3.1 3.2 3.1v-1.7c-1-.1-1.4-.5-1.4-1.5v-2.3c0-1.6-.6-2.5-1.7-3.1 1.1-.6 1.7-1.5 1.7-3.1V6.7c0-1 .4-1.4 1.4-1.5z'/%3E%3Cpath d='M15.8 3.5c2.3 0 3.2 1.2 3.2 3.1v2.2c0 1.5.6 2.3 2.2 3.2-1.6.9-2.2 1.7-2.2 3.2v2.2c0 1.9-.9 3.1-3.2 3.1v-1.7c1-.1 1.4-.5 1.4-1.5v-2.3c0-1.6.6-2.5 1.7-3.1-1.1-.6-1.7-1.5-1.7-3.1V6.7c0-1-.4-1.4-1.4-1.5z'/%3E%3Cpath d='M12 7.6l1.2 3.2 3.2 1.2-3.2 1.2L12 16.4l-1.2-3.2L7.6 12l3.2-1.2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.2 3.5C5.9 3.5 5 4.7 5 6.6v2.2C5 10.3 4.4 11.1 2.8 12c1.6.9 2.2 1.7 2.2 3.2v2.2c0 1.9.9 3.1 3.2 3.1v-1.7c-1-.1-1.4-.5-1.4-1.5v-2.3c0-1.6-.6-2.5-1.7-3.1 1.1-.6 1.7-1.5 1.7-3.1V6.7c0-1 .4-1.4 1.4-1.5z'/%3E%3Cpath d='M15.8 3.5c2.3 0 3.2 1.2 3.2 3.1v2.2c0 1.5.6 2.3 2.2 3.2-1.6.9-2.2 1.7-2.2 3.2v2.2c0 1.9-.9 3.1-3.2 3.1v-1.7c1-.1 1.4-.5 1.4-1.5v-2.3c0-1.6.6-2.5 1.7-3.1-1.1-.6-1.7-1.5-1.7-3.1V6.7c0-1-.4-1.4-1.4-1.5z'/%3E%3Cpath d='M12 7.6l1.2 3.2 3.2 1.2-3.2 1.2L12 16.4l-1.2-3.2L7.6 12l3.2-1.2z'/%3E%3C/svg%3E")}

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