/* developerdame.com theme "dame" (2026-10-30): style + layout, CSS only (HTML/text unchanged).
   One audited variant (frontend-design skill), v3 redo on owner request (round 3); own skeleton, logo and favicon. Fonts self-hosted from Google Fonts (SIL OFL). */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"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:"Parkinsans";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/parkinsans-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:"Parkinsans";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/parkinsans-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:"Parkinsans";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/parkinsans-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:"Parkinsans";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/parkinsans-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:"Parkinsans";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/parkinsans-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:"Parkinsans";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/parkinsans-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}}

/* DameCode (developerdame.com): Sims 4 mod making. Soft mint -> blue-teal -> coral, Parkinsans.
   Variant: split hero (copy left, device right) + monitor + light screen. Variables first, then topic art (mod tree, XML tuning, package list, room plan). */
:root{
  --t-accent:#0b7a5f; --t-accent-ink:#fff; --t-accent-text:#0b6f57; --t-accent-2:#12768f; --t-accent-3:#c0423f;
  --t-ground:#eef5f1; --t-card:#fff; --t-ink:#12221c; --t-text:#33443d; --t-muted:#51625a;
  --t-font-display:"Parkinsans",Inter,system-ui,sans-serif; --t-weight-display:800; --t-tracking:-.04em;
  /* hero: split */
  --t-hero-cols:minmax(0,.86fr) minmax(0,1.14fr); --t-hero-text:start; --t-hero-items:start; --t-hero-jc:flex-start;
  --t-h1-size:clamp(42px,4.6vw,66px); --t-hero-h1-w:12ch; --t-hero-lead-w:40ch; --t-hero-dev-w:none; --t-stage-h:74%; --t-stage-start:44%;
  /* device: monitor */
  --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;
}
/* Parkinsans has no Cyrillic / Vietnamese -> heavy Inter there */
html:is([lang=ru],[lang=uk],[lang=vi]) body[class*="theme-"]{--t-font-display:Inter,system-ui,sans-serif;--t-tracking:-.035em;--t-h1-size:clamp(36px,3.9vw,56px)}
html:is([lang=ru],[lang=uk]) 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:11px}
/* 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='%23dfe7e3' stroke-width='1.2'/%3E%3Ccircle cx='42' cy='27' r='2.6' fill='%23d9e2de'/%3E%3Ccircle cx='51' cy='27' r='2.6' fill='%23d9e2de'/%3E%3Ccircle cx='60' cy='27' r='2.6' fill='%23d9e2de'/%3E%3Cpath d='M44 38a2 2 0 0 1 2-2h4l2 2h5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2z' fill='%23c3cfc9'/%3E%3Crect x='64' y='39' width='40' height='5' rx='2.5' fill='%23d9e2de'/%3E%3Cpath d='M58 55a2 2 0 0 1 2-2h4l2 2h5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2z' fill='%23c3cfc9'/%3E%3Crect x='78' y='56' width='58' height='5' rx='2.5' fill='%23d9e2de'/%3E%3Crect x='38' y='66' width='204' height='17' rx='6' fill='%23ebf1ee'/%3E%3Cpath d='M74 69h6l4 4v9h-10z' fill='%23d9e2de'/%3E%3Crect x='92' y='73' width='76' height='5' rx='2.5' fill='%23c3cfc9'/%3E%3Crect x='206' y='72' width='26' height='7' rx='3.5' fill='%23d9e2de'/%3E%3Cpath d='M74 86h6l4 4v9h-10z' fill='%23d9e2de'/%3E%3Crect x='92' y='90' width='58' height='5' rx='2.5' fill='%23c3cfc9'/%3E%3Crect x='206' y='89' width='26' height='7' rx='3.5' fill='%23d9e2de'/%3E%3Cpath d='M74 103h6l4 4v9h-10z' fill='%23d9e2de'/%3E%3Crect x='92' y='107' width='66' height='5' rx='2.5' fill='%23c3cfc9'/%3E%3Crect x='206' y='106' width='26' height='7' rx='3.5' fill='%23d9e2de'/%3E%3Cpath d='M58 123a2 2 0 0 1 2-2h4l2 2h5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2z' fill='%23c3cfc9'/%3E%3Crect x='78' y='124' width='46' height='5' rx='2.5' fill='%23d9e2de'/%3E%3Cpath d='M74 137h6l4 4v9h-10z' fill='%23d9e2de'/%3E%3Crect x='92' y='141' width='72' height='5' rx='2.5' fill='%23c3cfc9'/%3E%3Crect x='206' y='140' width='26' height='7' rx='3.5' fill='%23d9e2de'/%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%3Cpath d='M44 38a2 2 0 0 1 2-2h4l2 2h5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2z' fill='%23c3cfc9'/%3E%3Cpath d='M58 55a2 2 0 0 1 2-2h4l2 2h5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2z' fill='%23c3cfc9'/%3E%3Crect x='38' y='66' width='204' height='17' rx='6' fill-opacity='.14'/%3E%3Crect x='206' y='72' width='26' height='7' rx='3.5' fill-opacity='.4'/%3E%3Crect x='206' y='89' width='26' height='7' rx='3.5' fill-opacity='.4'/%3E%3Crect x='206' y='106' width='26' height='7' rx='3.5'/%3E%3Cpath d='M58 123a2 2 0 0 1 2-2h4l2 2h5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2z' fill='%23c3cfc9'/%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='M44 38a2 2 0 0 1 2-2h4l2 2h5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2z' fill='%23c3cfc9'/%3E%3Cpath d='M58 55a2 2 0 0 1 2-2h4l2 2h5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2z' fill='%23c3cfc9'/%3E%3Crect x='38' y='66' width='204' height='17' rx='6' fill-opacity='.14'/%3E%3Crect x='206' y='72' width='26' height='7' rx='3.5' fill-opacity='.4'/%3E%3Crect x='206' y='89' width='26' height='7' rx='3.5' fill-opacity='.4'/%3E%3Crect x='206' y='106' width='26' height='7' rx='3.5'/%3E%3Cpath d='M58 123a2 2 0 0 1 2-2h4l2 2h5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2z' fill='%23c3cfc9'/%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='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='%23dfe7e3' stroke-width='1.2'/%3E%3Ccircle cx='42' cy='27' r='2.6' fill='%23d9e2de'/%3E%3Ccircle cx='51' cy='27' r='2.6' fill='%23d9e2de'/%3E%3Ccircle cx='60' cy='27' r='2.6' fill='%23d9e2de'/%3E%3Crect x='42' y='39' width='9' height='4' rx='2.0' fill='%23ebf1ee'/%3E%3Cpath d='M67 37L62 41L67 45' fill='none' stroke='%23c3cfc9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='71' y='39' width='26' height='5' rx='2.5' fill='%23c3cfc9'/%3E%3Crect x='102' y='39' width='34' height='5' rx='2.5' fill='%23d9e2de'/%3E%3Cpath d='M142 37L147 41L142 45' fill='none' stroke='%23c3cfc9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='42' y='54' width='9' height='4' rx='2.0' fill='%23ebf1ee'/%3E%3Cpath d='M79 52L74 56L79 60' fill='none' stroke='%23c3cfc9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='83' y='54' width='26' height='5' rx='2.5' fill='%23c3cfc9'/%3E%3Crect x='114' y='54' width='52' height='5' rx='2.5' fill='%23d9e2de'/%3E%3Cpath d='M172 52L177 56L172 60' fill='none' stroke='%23c3cfc9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='42' y='69' width='9' height='4' rx='2.0' fill='%23ebf1ee'/%3E%3Cpath d='M79 67L74 71L79 75' fill='none' stroke='%23c3cfc9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='83' y='69' width='26' height='5' rx='2.5' fill='%23c3cfc9'/%3E%3Crect x='114' y='69' width='44' height='5' rx='2.5' fill='%23d9e2de'/%3E%3Cpath d='M164 67L169 71L164 75' fill='none' stroke='%23c3cfc9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='42' y='84' width='9' height='4' rx='2.0' fill='%23ebf1ee'/%3E%3Cpath d='M91 82L86 86L91 90' fill='none' stroke='%23c3cfc9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='95' y='84' width='26' height='5' rx='2.5' fill='%23c3cfc9'/%3E%3Crect x='126' y='84' width='66' height='5' rx='2.5' fill='%23d9e2de'/%3E%3Cpath d='M198 82L203 86L198 90' fill='none' stroke='%23c3cfc9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='42' y='99' width='9' height='4' rx='2.0' fill='%23ebf1ee'/%3E%3Cpath d='M91 97L86 101L91 105' fill='none' stroke='%23c3cfc9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='95' y='99' width='26' height='5' rx='2.5' fill='%23c3cfc9'/%3E%3Crect x='126' y='99' width='48' height='5' rx='2.5' fill='%23d9e2de'/%3E%3Cpath d='M180 97L185 101L180 105' fill='none' stroke='%23c3cfc9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='42' y='114' width='9' height='4' rx='2.0' fill='%23ebf1ee'/%3E%3Cpath d='M79 112L74 116L79 120' fill='none' stroke='%23c3cfc9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='83' y='114' width='26' height='5' rx='2.5' fill='%23c3cfc9'/%3E%3Crect x='114' y='114' width='30' height='5' rx='2.5' fill='%23d9e2de'/%3E%3Cpath d='M150 112L155 116L150 120' fill='none' stroke='%23c3cfc9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='42' y='129' width='9' height='4' rx='2.0' fill='%23ebf1ee'/%3E%3Cpath d='M79 127L74 131L79 135' fill='none' stroke='%23c3cfc9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='83' y='129' width='26' height='5' rx='2.5' fill='%23c3cfc9'/%3E%3Crect x='114' y='129' width='56' height='5' rx='2.5' fill='%23d9e2de'/%3E%3Cpath d='M176 127L181 131L176 135' fill='none' stroke='%23c3cfc9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='42' y='144' width='9' height='4' rx='2.0' fill='%23ebf1ee'/%3E%3Cpath d='M67 142L62 146L67 150' fill='none' stroke='%23c3cfc9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='71' y='144' width='26' height='5' rx='2.5' fill='%23c3cfc9'/%3E%3Crect x='102' y='144' width='34' height='5' rx='2.5' fill='%23d9e2de'/%3E%3Cpath d='M142 142L147 146L142 150' fill='none' stroke='%23c3cfc9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%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%3Crect x='71' y='39' width='26' height='5' rx='2.5' fill='%23000'/%3E%3Crect x='83' y='54' width='26' height='5' rx='2.5' fill='%23000'/%3E%3Crect x='114' y='54' width='52' height='5' rx='2.5' fill-opacity='.45'/%3E%3Crect x='83' y='69' width='26' height='5' rx='2.5' fill='%23000'/%3E%3Crect x='114' y='69' width='44' height='5' rx='2.5' fill-opacity='.45'/%3E%3Crect x='95' y='84' width='26' height='5' rx='2.5' fill='%23000'/%3E%3Crect x='126' y='84' width='66' height='5' rx='2.5' fill-opacity='.45'/%3E%3Crect x='38' y='79' width='204' height='15' rx='5' fill-opacity='.12'/%3E%3Crect x='95' y='99' width='26' height='5' rx='2.5' fill='%23000'/%3E%3Crect x='126' y='99' width='48' height='5' rx='2.5' fill-opacity='.45'/%3E%3Crect x='83' y='114' width='26' height='5' rx='2.5' fill='%23000'/%3E%3Crect x='83' y='129' width='26' height='5' rx='2.5' fill='%23000'/%3E%3Crect x='114' y='129' width='56' height='5' rx='2.5' fill-opacity='.45'/%3E%3Crect x='71' y='144' width='26' height='5' rx='2.5' fill='%23000'/%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='71' y='39' width='26' height='5' rx='2.5' fill='%23000'/%3E%3Crect x='83' y='54' width='26' height='5' rx='2.5' fill='%23000'/%3E%3Crect x='114' y='54' width='52' height='5' rx='2.5' fill-opacity='.45'/%3E%3Crect x='83' y='69' width='26' height='5' rx='2.5' fill='%23000'/%3E%3Crect x='114' y='69' width='44' height='5' rx='2.5' fill-opacity='.45'/%3E%3Crect x='95' y='84' width='26' height='5' rx='2.5' fill='%23000'/%3E%3Crect x='126' y='84' width='66' height='5' rx='2.5' fill-opacity='.45'/%3E%3Crect x='38' y='79' width='204' height='15' rx='5' fill-opacity='.12'/%3E%3Crect x='95' y='99' width='26' height='5' rx='2.5' fill='%23000'/%3E%3Crect x='126' y='99' width='48' height='5' rx='2.5' fill-opacity='.45'/%3E%3Crect x='83' y='114' width='26' height='5' rx='2.5' fill='%23000'/%3E%3Crect x='83' y='129' width='26' height='5' rx='2.5' fill='%23000'/%3E%3Crect x='114' y='129' width='56' height='5' rx='2.5' fill-opacity='.45'/%3E%3Crect x='71' y='144' width='26' height='5' rx='2.5' fill='%23000'/%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='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='%23dfe7e3' stroke-width='1.2'/%3E%3Ccircle cx='42' cy='27' r='2.6' fill='%23d9e2de'/%3E%3Ccircle cx='51' cy='27' r='2.6' fill='%23d9e2de'/%3E%3Ccircle cx='60' cy='27' r='2.6' fill='%23d9e2de'/%3E%3Crect x='44' y='36' width='54' height='5' rx='2.5' fill='%23c3cfc9'/%3E%3Crect x='190' y='35' width='40' height='7' rx='3.5' fill='%23ebf1ee'/%3E%3Crect x='40' y='52' width='200' height='20' rx='7' fill='%23ebf1ee'/%3E%3Cpath d='M54 55.5L60.5 58.75L54 62L47.5 58.75z' fill='%23c3cfc9'/%3E%3Cpath d='M47.5 58.75L54 62v6.5L47.5 65.25z' fill='%23c3cfc9' fill-opacity='.8'/%3E%3Cpath d='M60.5 58.75L54 62v6.5L60.5 65.25z' fill='%23c3cfc9' fill-opacity='.6'/%3E%3Crect x='70' y='59' width='64' height='5' rx='2.5' fill='%23c3cfc9'/%3E%3Crect x='150' y='60' width='24' height='4' rx='2.0' fill='%23d9e2de'/%3E%3Cpath d='M220 62a6 6 0 1 0 12 0a6 6 0 1 0 -12 0z' fill='%23d9e2de'/%3E%3Crect x='40' y='76' width='200' height='20' rx='7' fill='%23ebf1ee'/%3E%3Cpath d='M54 79.5L60.5 82.75L54 86L47.5 82.75z' fill='%23c3cfc9'/%3E%3Cpath d='M47.5 82.75L54 86v6.5L47.5 89.25z' fill='%23c3cfc9' fill-opacity='.8'/%3E%3Cpath d='M60.5 82.75L54 86v6.5L60.5 89.25z' fill='%23c3cfc9' fill-opacity='.6'/%3E%3Crect x='70' y='83' width='58' height='5' rx='2.5' fill='%23c3cfc9'/%3E%3Crect x='150' y='84' width='24' height='4' rx='2.0' fill='%23d9e2de'/%3E%3Cpath d='M220 86a6 6 0 1 0 12 0a6 6 0 1 0 -12 0z' fill='%23d9e2de'/%3E%3Crect x='40' y='100' width='200' height='20' rx='7' fill='%23ebf1ee'/%3E%3Cpath d='M54 103.5L60.5 106.75L54 110L47.5 106.75z' fill='%23c3cfc9'/%3E%3Cpath d='M47.5 106.75L54 110v6.5L47.5 113.25z' fill='%23c3cfc9' fill-opacity='.8'/%3E%3Cpath d='M60.5 106.75L54 110v6.5L60.5 113.25z' fill='%23c3cfc9' fill-opacity='.6'/%3E%3Crect x='70' y='107' width='52' height='5' rx='2.5' fill='%23c3cfc9'/%3E%3Crect x='150' y='108' width='24' height='4' rx='2.0' fill='%23d9e2de'/%3E%3Cpath d='M220 110a6 6 0 1 0 12 0a6 6 0 1 0 -12 0z' fill='%23d9e2de'/%3E%3Crect x='40' y='124' width='200' height='20' rx='7' fill='%23ebf1ee'/%3E%3Cpath d='M54 127.5L60.5 130.75L54 134L47.5 130.75z' fill='%23c3cfc9'/%3E%3Cpath d='M47.5 130.75L54 134v6.5L47.5 137.25z' fill='%23c3cfc9' fill-opacity='.8'/%3E%3Cpath d='M60.5 130.75L54 134v6.5L60.5 137.25z' fill='%23c3cfc9' fill-opacity='.6'/%3E%3Crect x='70' y='131' width='46' height='5' rx='2.5' fill='%23c3cfc9'/%3E%3Crect x='150' y='132' width='24' height='4' rx='2.0' fill='%23d9e2de'/%3E%3Cpath d='M220 134a6 6 0 1 0 12 0a6 6 0 1 0 -12 0z' fill='%23d9e2de'/%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%3Cpath d='M54 55.5L60.5 58.75L54 62L47.5 58.75z' fill-opacity='1'/%3E%3Cpath d='M47.5 58.75L54 62v6.5L47.5 65.25z' fill-opacity='0.62'/%3E%3Cpath d='M60.5 58.75L54 62v6.5L60.5 65.25z' fill-opacity='0.4'/%3E%3Cpath fill-rule='evenodd' d='M220 62a6 6 0 1 0 12 0a6 6 0 1 0 -12 0zM222.6 62.2l2.2 2.2 4-4.4-1-.9-3 3.4-1.2-1.2z'/%3E%3Cpath d='M54 79.5L60.5 82.75L54 86L47.5 82.75z' fill-opacity='1'/%3E%3Cpath d='M47.5 82.75L54 86v6.5L47.5 89.25z' fill-opacity='0.62'/%3E%3Cpath d='M60.5 82.75L54 86v6.5L60.5 89.25z' fill-opacity='0.4'/%3E%3Cpath fill-rule='evenodd' d='M220 86a6 6 0 1 0 12 0a6 6 0 1 0 -12 0zM222.6 86.2l2.2 2.2 4-4.4-1-.9-3 3.4-1.2-1.2z'/%3E%3Cpath d='M54 103.5L60.5 106.75L54 110L47.5 106.75z' fill-opacity='1'/%3E%3Cpath d='M47.5 106.75L54 110v6.5L47.5 113.25z' fill-opacity='0.62'/%3E%3Cpath d='M60.5 106.75L54 110v6.5L60.5 113.25z' fill-opacity='0.4'/%3E%3Cpath d='M54 127.5L60.5 130.75L54 134L47.5 130.75z' fill-opacity='1'/%3E%3Cpath d='M47.5 130.75L54 134v6.5L47.5 137.25z' fill-opacity='0.62'/%3E%3Cpath d='M60.5 130.75L54 134v6.5L60.5 137.25z' fill-opacity='0.4'/%3E%3Cpath fill-rule='evenodd' d='M220 134a6 6 0 1 0 12 0a6 6 0 1 0 -12 0zM222.6 134.2l2.2 2.2 4-4.4-1-.9-3 3.4-1.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 280 170'%3E%3Cpath d='M54 55.5L60.5 58.75L54 62L47.5 58.75z' fill-opacity='1'/%3E%3Cpath d='M47.5 58.75L54 62v6.5L47.5 65.25z' fill-opacity='0.62'/%3E%3Cpath d='M60.5 58.75L54 62v6.5L60.5 65.25z' fill-opacity='0.4'/%3E%3Cpath fill-rule='evenodd' d='M220 62a6 6 0 1 0 12 0a6 6 0 1 0 -12 0zM222.6 62.2l2.2 2.2 4-4.4-1-.9-3 3.4-1.2-1.2z'/%3E%3Cpath d='M54 79.5L60.5 82.75L54 86L47.5 82.75z' fill-opacity='1'/%3E%3Cpath d='M47.5 82.75L54 86v6.5L47.5 89.25z' fill-opacity='0.62'/%3E%3Cpath d='M60.5 82.75L54 86v6.5L60.5 89.25z' fill-opacity='0.4'/%3E%3Cpath fill-rule='evenodd' d='M220 86a6 6 0 1 0 12 0a6 6 0 1 0 -12 0zM222.6 86.2l2.2 2.2 4-4.4-1-.9-3 3.4-1.2-1.2z'/%3E%3Cpath d='M54 103.5L60.5 106.75L54 110L47.5 106.75z' fill-opacity='1'/%3E%3Cpath d='M47.5 106.75L54 110v6.5L47.5 113.25z' fill-opacity='0.62'/%3E%3Cpath d='M60.5 106.75L54 110v6.5L60.5 113.25z' fill-opacity='0.4'/%3E%3Cpath d='M54 127.5L60.5 130.75L54 134L47.5 130.75z' fill-opacity='1'/%3E%3Cpath d='M47.5 130.75L54 134v6.5L47.5 137.25z' fill-opacity='0.62'/%3E%3Cpath d='M60.5 130.75L54 134v6.5L60.5 137.25z' fill-opacity='0.4'/%3E%3Cpath fill-rule='evenodd' d='M220 134a6 6 0 1 0 12 0a6 6 0 1 0 -12 0zM222.6 134.2l2.2 2.2 4-4.4-1-.9-3 3.4-1.2-1.2z'/%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='M36 16h208a12 12 0 0 1 12 12v114a12 12 0 0 1 -12 12h-208a12 12 0 0 1 -12 -12v-114a12 12 0 0 1 12 -12z' fill='%23fff' stroke='%23dfe7e3' stroke-width='1.2'/%3E%3Crect x='64' y='28' width='180' height='114' rx='3' fill='%23ebf1ee'/%3E%3Cpath d='M84 28v114' stroke='%23fff' stroke-width='1'/%3E%3Cpath d='M104 28v114' stroke='%23fff' stroke-width='1'/%3E%3Cpath d='M124 28v114' stroke='%23fff' stroke-width='1'/%3E%3Cpath d='M144 28v114' stroke='%23fff' stroke-width='1'/%3E%3Cpath d='M164 28v114' stroke='%23fff' stroke-width='1'/%3E%3Cpath d='M184 28v114' stroke='%23fff' stroke-width='1'/%3E%3Cpath d='M204 28v114' stroke='%23fff' stroke-width='1'/%3E%3Cpath d='M224 28v114' stroke='%23fff' stroke-width='1'/%3E%3Cpath d='M64 47h180' stroke='%23fff' stroke-width='1'/%3E%3Cpath d='M64 66h180' stroke='%23fff' stroke-width='1'/%3E%3Cpath d='M64 85h180' stroke='%23fff' stroke-width='1'/%3E%3Cpath d='M64 104h180' stroke='%23fff' stroke-width='1'/%3E%3Cpath d='M64 123h180' stroke='%23fff' stroke-width='1'/%3E%3Crect x='64' y='28' width='180' height='114' rx='3' fill='none' stroke='%23c3cfc9' stroke-width='4'/%3E%3Cpath d='M168 28v50M168 100v42' stroke='%23c3cfc9' stroke-width='4'/%3E%3Cpath d='M168 78v22' stroke='%23ebf1ee' stroke-width='5'/%3E%3Cpath d='M168 100a22 22 0 0 0-22-22' fill='none' stroke='%23c3cfc9' stroke-width='1.2'/%3E%3Cpath d='M96 28h28M200 28h28' stroke='%23fff' stroke-width='4'/%3E%3Cpath d='M79 38h40a5 5 0 0 1 5 5v10a5 5 0 0 1 -5 5h-40a5 5 0 0 1 -5 -5v-10a5 5 0 0 1 5 -5z' fill='%23d9e2de'/%3E%3Cpath d='M77 54h44a3 3 0 0 1 3 3v0a3 3 0 0 1 -3 3h-44a3 3 0 0 1 -3 -3v-0a3 3 0 0 1 3 -3z' fill='%23c3cfc9'/%3E%3Cpath d='M92 100a12 12 0 1 0 24 0a12 12 0 1 0 -24 0z' fill='%23d9e2de'/%3E%3Cpath d='M98 100a6 6 0 1 0 12 0a6 6 0 1 0 -12 0z' fill='%23c3cfc9'/%3E%3Cpath d='M190 42h34a4 4 0 0 1 4 4v18a4 4 0 0 1 -4 4h-34a4 4 0 0 1 -4 -4v-18a4 4 0 0 1 4 -4z' fill='%23d9e2de'/%3E%3Cpath d='M193 45h10a3 3 0 0 1 3 3v2a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3 -3v-2a3 3 0 0 1 3 -3z' fill='%23fff'/%3E%3Cpath d='M194 108h30a4 4 0 0 1 4 4v16a4 4 0 0 1 -4 4h-30a4 4 0 0 1 -4 -4v-16a4 4 0 0 1 4 -4z' fill='%23d9e2de'/%3E%3Cpath d='M32 38a8 8 0 1 0 16 0a8 8 0 1 0 -16 0z' fill='%23ebf1ee'/%3E%3Cpath d='M32 64a8 8 0 1 0 16 0a8 8 0 1 0 -16 0z' fill='%23ebf1ee'/%3E%3Cpath d='M32 90a8 8 0 1 0 16 0a8 8 0 1 0 -16 0z' fill='%23ebf1ee'/%3E%3Cpath d='M32 116a8 8 0 1 0 16 0a8 8 0 1 0 -16 0z' fill='%23ebf1ee'/%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='M79 38h40a5 5 0 0 1 5 5v10a5 5 0 0 1 -5 5h-40a5 5 0 0 1 -5 -5v-10a5 5 0 0 1 5 -5z'/%3E%3Cpath d='M77 54h44a3 3 0 0 1 3 3v0a3 3 0 0 1 -3 3h-44a3 3 0 0 1 -3 -3v-0a3 3 0 0 1 3 -3z' fill-opacity='.5'/%3E%3Cpath d='M190 42h34a4 4 0 0 1 4 4v18a4 4 0 0 1 -4 4h-34a4 4 0 0 1 -4 -4v-18a4 4 0 0 1 4 -4z' fill-opacity='.62'/%3E%3Cpath d='M194 108h30a4 4 0 0 1 4 4v16a4 4 0 0 1 -4 4h-30a4 4 0 0 1 -4 -4v-16a4 4 0 0 1 4 -4z' fill-opacity='.3'/%3E%3Cpath d='M69 30h60a3 3 0 0 1 3 3v30a3 3 0 0 1 -3 3h-60a3 3 0 0 1 -3 -3v-30a3 3 0 0 1 3 -3z' fill='none' stroke='%23000' stroke-width='1.6' stroke-dasharray='3 3'/%3E%3Crect x='63.5' y='27.5' width='5' height='5' rx='1'/%3E%3Crect x='129.5' y='27.5' width='5' height='5' rx='1'/%3E%3Crect x='63.5' y='63.5' width='5' height='5' rx='1'/%3E%3Crect x='129.5' y='63.5' width='5' height='5' rx='1'/%3E%3Cpath d='M32 38a8 8 0 1 0 16 0a8 8 0 1 0 -16 0z'/%3E%3Cpath d='M32 64a8 8 0 1 0 16 0a8 8 0 1 0 -16 0z' fill-opacity='.4'/%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='M79 38h40a5 5 0 0 1 5 5v10a5 5 0 0 1 -5 5h-40a5 5 0 0 1 -5 -5v-10a5 5 0 0 1 5 -5z'/%3E%3Cpath d='M77 54h44a3 3 0 0 1 3 3v0a3 3 0 0 1 -3 3h-44a3 3 0 0 1 -3 -3v-0a3 3 0 0 1 3 -3z' fill-opacity='.5'/%3E%3Cpath d='M190 42h34a4 4 0 0 1 4 4v18a4 4 0 0 1 -4 4h-34a4 4 0 0 1 -4 -4v-18a4 4 0 0 1 4 -4z' fill-opacity='.62'/%3E%3Cpath d='M194 108h30a4 4 0 0 1 4 4v16a4 4 0 0 1 -4 4h-30a4 4 0 0 1 -4 -4v-16a4 4 0 0 1 4 -4z' fill-opacity='.3'/%3E%3Cpath d='M69 30h60a3 3 0 0 1 3 3v30a3 3 0 0 1 -3 3h-60a3 3 0 0 1 -3 -3v-30a3 3 0 0 1 3 -3z' fill='none' stroke='%23000' stroke-width='1.6' stroke-dasharray='3 3'/%3E%3Crect x='63.5' y='27.5' width='5' height='5' rx='1'/%3E%3Crect x='129.5' y='27.5' width='5' height='5' rx='1'/%3E%3Crect x='63.5' y='63.5' width='5' height='5' rx='1'/%3E%3Crect x='129.5' y='63.5' width='5' height='5' rx='1'/%3E%3Cpath d='M32 38a8 8 0 1 0 16 0a8 8 0 1 0 -16 0z'/%3E%3Cpath d='M32 64a8 8 0 1 0 16 0a8 8 0 1 0 -16 0z' fill-opacity='.4'/%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 330'%3E%3Cpath d='M60 50h280v230H60z' fill-opacity='.14'/%3E%3Cpath d='M60 50h280v230H60z' fill='none' stroke='%23000' stroke-width='10' stroke-linejoin='round'/%3E%3Cpath d='M200 50v96M200 190v90M60 160h90M250 160h90' fill='none' stroke='%23000' stroke-width='8'/%3E%3Cpath d='M200 146a22 22 0 0 1 22 22' fill='none' stroke='%23000' stroke-opacity='.5' stroke-width='3'/%3E%3Cpath d='M92 72h54a8 8 0 0 1 8 8v20a8 8 0 0 1 -8 8h-54a8 8 0 0 1 -8 -8v-20a8 8 0 0 1 8 -8z' fill-opacity='.9'/%3E%3Cpath d='M89 100h60a5 5 0 0 1 5 5v0a5 5 0 0 1 -5 5h-60a5 5 0 0 1 -5 -5v-0a5 5 0 0 1 5 -5z' fill-opacity='.5'/%3E%3Cpath d='M238 100a24 24 0 1 0 48 0a24 24 0 1 0 -48 0z' fill-opacity='.7'/%3E%3Cpath d='M252 100a10 10 0 1 0 20 0a10 10 0 1 0 -20 0z' fill-opacity='.35'/%3E%3Cpath d='M96 200h44a8 8 0 0 1 8 8v46a8 8 0 0 1 -8 8h-44a8 8 0 0 1 -8 -8v-46a8 8 0 0 1 8 -8z' fill-opacity='.8'/%3E%3Cpath d='M99 206h12a5 5 0 0 1 5 5v4a5 5 0 0 1 -5 5h-12a5 5 0 0 1 -5 -5v-4a5 5 0 0 1 5 -5z' fill-opacity='.4'/%3E%3Cpath d='M127 206h12a5 5 0 0 1 5 5v4a5 5 0 0 1 -5 5h-12a5 5 0 0 1 -5 -5v-4a5 5 0 0 1 5 -5z' fill-opacity='.4'/%3E%3Cpath d='M246 208h64a10 10 0 0 1 10 10v30a10 10 0 0 1 -10 10h-64a10 10 0 0 1 -10 -10v-30a10 10 0 0 1 10 -10z' fill-opacity='.45'/%3E%3Cpath d='M252 218h52a6 6 0 0 1 6 6v18a6 6 0 0 1 -6 6h-52a6 6 0 0 1 -6 -6v-18a6 6 0 0 1 6 -6z' fill-opacity='.7'/%3E%3Cpath d='M120 50h40M250 50h40M340 210v40' stroke='%23000' stroke-opacity='.0' stroke-width='0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 330'%3E%3Cpath d='M60 50h280v230H60z' fill-opacity='.14'/%3E%3Cpath d='M60 50h280v230H60z' fill='none' stroke='%23000' stroke-width='10' stroke-linejoin='round'/%3E%3Cpath d='M200 50v96M200 190v90M60 160h90M250 160h90' fill='none' stroke='%23000' stroke-width='8'/%3E%3Cpath d='M200 146a22 22 0 0 1 22 22' fill='none' stroke='%23000' stroke-opacity='.5' stroke-width='3'/%3E%3Cpath d='M92 72h54a8 8 0 0 1 8 8v20a8 8 0 0 1 -8 8h-54a8 8 0 0 1 -8 -8v-20a8 8 0 0 1 8 -8z' fill-opacity='.9'/%3E%3Cpath d='M89 100h60a5 5 0 0 1 5 5v0a5 5 0 0 1 -5 5h-60a5 5 0 0 1 -5 -5v-0a5 5 0 0 1 5 -5z' fill-opacity='.5'/%3E%3Cpath d='M238 100a24 24 0 1 0 48 0a24 24 0 1 0 -48 0z' fill-opacity='.7'/%3E%3Cpath d='M252 100a10 10 0 1 0 20 0a10 10 0 1 0 -20 0z' fill-opacity='.35'/%3E%3Cpath d='M96 200h44a8 8 0 0 1 8 8v46a8 8 0 0 1 -8 8h-44a8 8 0 0 1 -8 -8v-46a8 8 0 0 1 8 -8z' fill-opacity='.8'/%3E%3Cpath d='M99 206h12a5 5 0 0 1 5 5v4a5 5 0 0 1 -5 5h-12a5 5 0 0 1 -5 -5v-4a5 5 0 0 1 5 -5z' fill-opacity='.4'/%3E%3Cpath d='M127 206h12a5 5 0 0 1 5 5v4a5 5 0 0 1 -5 5h-12a5 5 0 0 1 -5 -5v-4a5 5 0 0 1 5 -5z' fill-opacity='.4'/%3E%3Cpath d='M246 208h64a10 10 0 0 1 10 10v30a10 10 0 0 1 -10 10h-64a10 10 0 0 1 -10 -10v-30a10 10 0 0 1 10 -10z' fill-opacity='.45'/%3E%3Cpath d='M252 218h52a6 6 0 0 1 6 6v18a6 6 0 0 1 -6 6h-52a6 6 0 0 1 -6 -6v-18a6 6 0 0 1 6 -6z' fill-opacity='.7'/%3E%3Cpath d='M120 50h40M250 50h40M340 210v40' stroke='%23000' stroke-opacity='.0' stroke-width='0'/%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 330'%3E%3Cpath d='M200 124L290 169.0L200 214L110 169.0z' fill-opacity='0.34'/%3E%3Cpath d='M110 169.0L200 214v90L110 259.0z' fill-opacity='0.2'/%3E%3Cpath d='M290 169.0L200 214v90L290 259.0z' fill-opacity='0.13'/%3E%3Cpath d='M126 82L194 116.0L126 150L58 116.0z' fill-opacity='0.62'/%3E%3Cpath d='M58 116.0L126 150v68L58 184.0z' fill-opacity='0.38'/%3E%3Cpath d='M194 116.0L126 150v68L194 184.0z' fill-opacity='0.24'/%3E%3Cpath d='M274 64L342 98.0L274 132L206 98.0z' fill-opacity='0.62'/%3E%3Cpath d='M206 98.0L274 132v68L206 166.0z' fill-opacity='0.38'/%3E%3Cpath d='M342 98.0L274 132v68L342 166.0z' fill-opacity='0.24'/%3E%3Cpath d='M200 16L260 46.0L200 76L140 46.0z' fill-opacity='1'/%3E%3Cpath d='M140 46.0L200 76v60L140 106.0z' fill-opacity='0.6'/%3E%3Cpath d='M260 46.0L200 76v60L260 106.0z' fill-opacity='0.38'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 330'%3E%3Cpath d='M200 124L290 169.0L200 214L110 169.0z' fill-opacity='0.34'/%3E%3Cpath d='M110 169.0L200 214v90L110 259.0z' fill-opacity='0.2'/%3E%3Cpath d='M290 169.0L200 214v90L290 259.0z' fill-opacity='0.13'/%3E%3Cpath d='M126 82L194 116.0L126 150L58 116.0z' fill-opacity='0.62'/%3E%3Cpath d='M58 116.0L126 150v68L58 184.0z' fill-opacity='0.38'/%3E%3Cpath d='M194 116.0L126 150v68L194 184.0z' fill-opacity='0.24'/%3E%3Cpath d='M274 64L342 98.0L274 132L206 98.0z' fill-opacity='0.62'/%3E%3Cpath d='M206 98.0L274 132v68L206 166.0z' fill-opacity='0.38'/%3E%3Cpath d='M342 98.0L274 132v68L342 166.0z' fill-opacity='0.24'/%3E%3Cpath d='M200 16L260 46.0L200 76L140 46.0z' fill-opacity='1'/%3E%3Cpath d='M140 46.0L200 76v60L140 106.0z' fill-opacity='0.6'/%3E%3Cpath d='M260 46.0L200 76v60L260 106.0z' fill-opacity='0.38'/%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='M12 3.6 2.8 11.4h2.6V20h13.2v-8.6h2.6z' fill-opacity='.55'/%3E%3Cpath fill-rule='evenodd' d='M12 6.6 5.4 12.2V19h4.2v-4.6h4.8V19h4.2v-6.8z' fill-opacity='1'/%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.6 2.8 11.4h2.6V20h13.2v-8.6h2.6z' fill-opacity='.55'/%3E%3Cpath fill-rule='evenodd' d='M12 6.6 5.4 12.2V19h4.2v-4.6h4.8V19h4.2v-6.8z' fill-opacity='1'/%3E%3C/svg%3E")}
html body[class*="theme-"]:not(#t).page-0 .cards article:nth-child(5) h3{font-size:clamp(17px,1.5vw,21px);line-height:1.25;letter-spacing:-.02em;font-weight:700}
@media(max-width:760px){html body[class*="theme-"]:not(#t).page-0 .cards article:nth-child(n+5){grid-column:1/-1}}
@media(max-width:480px){html body[class*="theme-"]:not(#t) .feature-matrix{padding-inline:12px}html body[class*="theme-"]:not(#t) .feature-matrix thead th:first-child,html body[class*="theme-"]:not(#t) .feature-matrix tbody th{width:23%}html body[class*="theme-"]:not(#t) .feature-matrix thead th:nth-child(2){width:28%}}
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 330'%3E%3Cpath d='M60 50h280v230H60z' fill-opacity='.14'/%3E%3Cpath d='M60 50h280v230H60z' fill='none' stroke='%23000' stroke-width='10' stroke-linejoin='round'/%3E%3Cpath d='M200 50v96M200 190v90M60 160h90M250 160h90' fill='none' stroke='%23000' stroke-width='8'/%3E%3Cpath d='M200 146a22 22 0 0 1 22 22' fill='none' stroke='%23000' stroke-opacity='.5' stroke-width='3'/%3E%3Cpath d='M92 72h54a8 8 0 0 1 8 8v20a8 8 0 0 1 -8 8h-54a8 8 0 0 1 -8 -8v-20a8 8 0 0 1 8 -8z' fill-opacity='.9'/%3E%3Cpath d='M89 100h60a5 5 0 0 1 5 5v0a5 5 0 0 1 -5 5h-60a5 5 0 0 1 -5 -5v-0a5 5 0 0 1 5 -5z' fill-opacity='.5'/%3E%3Cpath d='M238 100a24 24 0 1 0 48 0a24 24 0 1 0 -48 0z' fill-opacity='.7'/%3E%3Cpath d='M252 100a10 10 0 1 0 20 0a10 10 0 1 0 -20 0z' fill-opacity='.35'/%3E%3Cpath d='M96 200h44a8 8 0 0 1 8 8v46a8 8 0 0 1 -8 8h-44a8 8 0 0 1 -8 -8v-46a8 8 0 0 1 8 -8z' fill-opacity='.8'/%3E%3Cpath d='M99 206h12a5 5 0 0 1 5 5v4a5 5 0 0 1 -5 5h-12a5 5 0 0 1 -5 -5v-4a5 5 0 0 1 5 -5z' fill-opacity='.4'/%3E%3Cpath d='M127 206h12a5 5 0 0 1 5 5v4a5 5 0 0 1 -5 5h-12a5 5 0 0 1 -5 -5v-4a5 5 0 0 1 5 -5z' fill-opacity='.4'/%3E%3Cpath d='M246 208h64a10 10 0 0 1 10 10v30a10 10 0 0 1 -10 10h-64a10 10 0 0 1 -10 -10v-30a10 10 0 0 1 10 -10z' fill-opacity='.45'/%3E%3Cpath d='M252 218h52a6 6 0 0 1 6 6v18a6 6 0 0 1 -6 6h-52a6 6 0 0 1 -6 -6v-18a6 6 0 0 1 6 -6z' fill-opacity='.7'/%3E%3Cpath d='M120 50h40M250 50h40M340 210v40' stroke='%23000' stroke-opacity='.0' stroke-width='0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 330'%3E%3Cpath d='M60 50h280v230H60z' fill-opacity='.14'/%3E%3Cpath d='M60 50h280v230H60z' fill='none' stroke='%23000' stroke-width='10' stroke-linejoin='round'/%3E%3Cpath d='M200 50v96M200 190v90M60 160h90M250 160h90' fill='none' stroke='%23000' stroke-width='8'/%3E%3Cpath d='M200 146a22 22 0 0 1 22 22' fill='none' stroke='%23000' stroke-opacity='.5' stroke-width='3'/%3E%3Cpath d='M92 72h54a8 8 0 0 1 8 8v20a8 8 0 0 1 -8 8h-54a8 8 0 0 1 -8 -8v-20a8 8 0 0 1 8 -8z' fill-opacity='.9'/%3E%3Cpath d='M89 100h60a5 5 0 0 1 5 5v0a5 5 0 0 1 -5 5h-60a5 5 0 0 1 -5 -5v-0a5 5 0 0 1 5 -5z' fill-opacity='.5'/%3E%3Cpath d='M238 100a24 24 0 1 0 48 0a24 24 0 1 0 -48 0z' fill-opacity='.7'/%3E%3Cpath d='M252 100a10 10 0 1 0 20 0a10 10 0 1 0 -20 0z' fill-opacity='.35'/%3E%3Cpath d='M96 200h44a8 8 0 0 1 8 8v46a8 8 0 0 1 -8 8h-44a8 8 0 0 1 -8 -8v-46a8 8 0 0 1 8 -8z' fill-opacity='.8'/%3E%3Cpath d='M99 206h12a5 5 0 0 1 5 5v4a5 5 0 0 1 -5 5h-12a5 5 0 0 1 -5 -5v-4a5 5 0 0 1 5 -5z' fill-opacity='.4'/%3E%3Cpath d='M127 206h12a5 5 0 0 1 5 5v4a5 5 0 0 1 -5 5h-12a5 5 0 0 1 -5 -5v-4a5 5 0 0 1 5 -5z' fill-opacity='.4'/%3E%3Cpath d='M246 208h64a10 10 0 0 1 10 10v30a10 10 0 0 1 -10 10h-64a10 10 0 0 1 -10 -10v-30a10 10 0 0 1 10 -10z' fill-opacity='.45'/%3E%3Cpath d='M252 218h52a6 6 0 0 1 6 6v18a6 6 0 0 1 -6 6h-52a6 6 0 0 1 -6 -6v-18a6 6 0 0 1 6 -6z' fill-opacity='.7'/%3E%3Cpath d='M120 50h40M250 50h40M340 210v40' stroke='%23000' stroke-opacity='.0' stroke-width='0'/%3E%3C/svg%3E")}

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