/* modelshrink.com theme "trim" (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:"Funnel Display";font-style:normal;font-weight:300;font-display:swap;src:url(/assets/funnel-display-300-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:"Funnel Display";font-style:normal;font-weight:300;font-display:swap;src:url(/assets/funnel-display-300-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:900;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:900;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:900;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:900;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:900;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:900;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:900;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}
/* p1-studio "Creative studio" - GENERATED from template.src.css by build.py. Do not edit by hand. */
/* p1-studio — premium dark "creative studio" template.
   Source file: every selector starting with "&" is expanded by build.py to
   html body[class*="theme-"]:not(#t)  (beats every .theme-XXX quirk in site.css).
   url(art:NAME) is replaced by build.py with the SVG data URI from src/art/NAME.svg.
   Site values (hues, font, sizes) belong in demo-<domain>.css on :root. */

/* ---------- 1. Switches and base values (override in demo-<domain>.css on :root) ---------- */
:root{
  --p1-hue:285;            /* main hue family (oklch hue): 285 violet, 260 indigo, 200 teal, 150 green, 20 red … */
  --p1-hue-2:68;           /* highlight hue: buttons, h1-mark start, Accept (68 amber, 95 lemon, 160 mint, 20 coral) */
  --p1-hue-3:340;          /* third glow hue (pink); used in art and the h1-mark gradient end */
  --p1-win:0;              /* product window: 0 = dark glass composer, 1 = light (white) composer */
  --p1-font-display:"Mona Sans",Inter,system-ui,sans-serif;
  --p1-display-weight:900;
  --p1-display-stretch:112.5%;
  --p1-h1-size:clamp(46px,6vw,82px);
  --p1-h1-track:-.045em;
  --p1-h2-size:clamp(30px,3.3vw,46px);
  --p1-wordmark-size:clamp(56px,11.6vw,168px);
  --p1-radius:26px;
}

/* ---------- 2. Derived tokens (do not override; change the switches above) ---------- */
html body[class*="theme-"]:not(#t){
  --p1-bg:oklch(.155 .05 var(--p1-hue));
  --p1-bg-deep:oklch(.12 .042 var(--p1-hue));
  --p1-surface:oklch(.2 .06 var(--p1-hue));
  --p1-ink:oklch(.975 .01 var(--p1-hue));
  --p1-muted:oklch(.83 .03 var(--p1-hue));
  --p1-c1:oklch(.63 .2 var(--p1-hue));
  --p1-c1-text:oklch(.82 .11 var(--p1-hue));
  --p1-c1-deep:oklch(.5 .2 var(--p1-hue));   /* fills under white text */
  --p1-c2:oklch(.48 .21 calc(var(--p1-hue) - 28));
  --p1-c3:oklch(.85 .145 var(--p1-hue-2));
  --p1-c3-deep:oklch(.75 .165 calc(var(--p1-hue-2) - 18));
  --p1-c4:oklch(.66 .21 var(--p1-hue-3));
  --p1-on-c3:oklch(.22 .07 var(--p1-hue));
  --p1-line:oklch(1 0 0 / .1);
  --p1-line-strong:oklch(1 0 0 / .2);
  --p1-glass:oklch(1 0 0 / .045);
  --p1-glass-2:oklch(1 0 0 / .08);
  --p1-shine:inset 0 1px 0 oklch(1 0 0 / .09);
  /* product window (composer) — mixes between dark and light with --p1-win */
  --p1-win-bg:color-mix(in oklab,oklch(.995 .004 var(--p1-hue)) calc(var(--p1-win) * 100%),oklch(.19 .055 var(--p1-hue)));
  --p1-win-field:color-mix(in oklab,oklch(.965 .012 var(--p1-hue)) calc(var(--p1-win) * 100%),oklch(.145 .045 var(--p1-hue)));
  --p1-win-chip:color-mix(in oklab,oklch(.97 .01 var(--p1-hue)) calc(var(--p1-win) * 100%),oklch(.235 .06 var(--p1-hue)));
  --p1-win-ink:color-mix(in oklab,oklch(.23 .06 var(--p1-hue)) calc(var(--p1-win) * 100%),oklch(.975 .01 var(--p1-hue)));
  --p1-win-muted:color-mix(in oklab,oklch(.44 .06 var(--p1-hue)) calc(var(--p1-win) * 100%),oklch(.8 .03 var(--p1-hue)));
  --p1-win-line:color-mix(in oklab,oklch(.3 .08 var(--p1-hue) / .14) calc(var(--p1-win) * 100%),oklch(1 0 0 / .1));
  --p1-win-hi:color-mix(in oklab,oklch(.5 .19 var(--p1-hue)) calc(var(--p1-win) * 100%),var(--p1-c3));
  /* art: grayscale light/shadow renders laid over paints made from the hues */
  --p1-art-bubbles:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 260%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%22.9%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.78%22/%3E%3Cstop offset=%22.42%22 stop-color=%22%23fff%22 stop-opacity=%22.1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23000%22 stop-opacity=%22.5%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22k%22 x1=%220%22 y1=%220%22 x2=%22.9%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.45%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23000%22 stop-opacity=%22.05%22/%3E%3Cstop offset=%221%22 stop-color=%22%23000%22 stop-opacity=%22.55%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22d%22 cx=%22.35%22 cy=%22.3%22 r=%22.7%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%22.55%22/%3E%3C/radialGradient%3E%3Cfilter id=%22b%22 x=%22-50%25%22 y=%22-50%25%22 width=%22200%25%22 height=%22200%25%22%3E%3CfeGaussianBlur stdDeviation=%229%22/%3E%3C/filter%3E%3C/defs%3E%3Cellipse cx=%22205%22 cy=%22232%22 rx=%22135%22 ry=%2213%22 fill=%22%23000%22 opacity=%22.45%22 filter=%22url(%23b)%22/%3E%3Cpath d=%22M196 46h112a36 36 0 0 1 36 36v46a36 36 0 0 1-36 36h-14l22 30-52-30h-68a36 36 0 0 1-36-36V82a36 36 0 0 1 36-36z%22 fill=%22url(%23k)%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221.5%22/%3E%3Cpath d=%22M84 98h128a38 38 0 0 1 38 38v40a38 38 0 0 1-38 38h-76l-46 30 14-34a38 38 0 0 1-20-34v-40a38 38 0 0 1 38-38z%22 fill=%22url(%23g)%22 stroke=%22%23fff%22 stroke-opacity=%22.45%22 stroke-width=%221.5%22/%3E%3Cpath d=%22M92 106h112a30 30 0 0 1 28 18%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%22116%22 cy=%22156%22 r=%2211%22 fill=%22url(%23d)%22/%3E%3Ccircle cx=%22148%22 cy=%22156%22 r=%2211%22 fill=%22url(%23d)%22 opacity=%22.8%22/%3E%3Ccircle cx=%22180%22 cy=%22156%22 r=%2211%22 fill=%22url(%23d)%22 opacity=%22.6%22/%3E%3Crect x=%22214%22 y=%2286%22 width=%2296%22 height=%2210%22 rx=%225%22 fill=%22%23fff%22 opacity=%22.5%22/%3E%3Crect x=%22214%22 y=%22106%22 width=%2264%22 height=%2210%22 rx=%225%22 fill=%22%23fff%22 opacity=%22.3%22/%3E%3C/svg%3E") center/cover no-repeat;
  --p1-art-orb:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 260%22%3E%3Cdefs%3E%3CradialGradient id=%22s%22 cx=%22.34%22 cy=%22.3%22 r=%22.78%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.92%22/%3E%3Cstop offset=%22.2%22 stop-color=%22%23fff%22 stop-opacity=%22.35%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3Cstop offset=%221%22 stop-color=%22%23000%22 stop-opacity=%22.62%22/%3E%3C/radialGradient%3E%3CradialGradient id=%22r%22 cx=%22.5%22 cy=%221%22 r=%22.6%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.5%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22t%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.1%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%22.95%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%22.15%22/%3E%3C/linearGradient%3E%3Cfilter id=%22b%22 x=%22-50%25%22 y=%22-50%25%22 width=%22200%25%22 height=%22200%25%22%3E%3CfeGaussianBlur stdDeviation=%2210%22/%3E%3C/filter%3E%3C/defs%3E%3Cellipse cx=%22205%22 cy=%22232%22 rx=%22105%22 ry=%2212%22 fill=%22%23000%22 opacity=%22.5%22 filter=%22url(%23b)%22/%3E%3Cg transform=%22rotate(-14 205 128)%22%3E%3Cpath d=%22M65 128a140 34 0 0 1 280 0%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.3%22 stroke-width=%229%22/%3E%3C/g%3E%3Ccircle cx=%22205%22 cy=%22128%22 r=%2284%22 fill=%22url(%23s)%22/%3E%3Ccircle cx=%22205%22 cy=%22128%22 r=%2284%22 fill=%22url(%23r)%22/%3E%3Ccircle cx=%22205%22 cy=%22128%22 r=%2283.5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.3%22/%3E%3Cg transform=%22rotate(-14 205 128)%22%3E%3Cpath d=%22M65 128a140 34 0 0 0 280 0%22 fill=%22none%22 stroke=%22url(%23t)%22 stroke-width=%2210%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3Ccircle cx=%22334%22 cy=%2262%22 r=%2217%22 fill=%22url(%23s)%22/%3E%3Ccircle cx=%2284%22 cy=%22196%22 r=%229%22 fill=%22url(%23s)%22/%3E%3C/svg%3E") center/cover no-repeat;
  --p1-art-envelope:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 260%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%22.8%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%22.06%22/%3E%3Cstop offset=%221%22 stop-color=%22%23000%22 stop-opacity=%22.5%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22f%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23000%22 stop-opacity=%22.05%22/%3E%3Cstop offset=%221%22 stop-color=%22%23000%22 stop-opacity=%22.42%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22c%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.95%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%22.7%22/%3E%3C/linearGradient%3E%3Cfilter id=%22b%22 x=%22-50%25%22 y=%22-50%25%22 width=%22200%25%22 height=%22200%25%22%3E%3CfeGaussianBlur stdDeviation=%229%22/%3E%3C/filter%3E%3C/defs%3E%3Cellipse cx=%22200%22 cy=%22234%22 rx=%22140%22 ry=%2212%22 fill=%22%23000%22 opacity=%22.45%22 filter=%22url(%23b)%22/%3E%3Crect x=%2274%22 y=%2292%22 width=%22252%22 height=%22136%22 rx=%2220%22 fill=%22url(%23g)%22 stroke=%22%23fff%22 stroke-opacity=%22.3%22 stroke-width=%221.5%22/%3E%3Crect x=%22104%22 y=%2226%22 width=%22192%22 height=%22150%22 rx=%2214%22 fill=%22url(%23c)%22 transform=%22rotate(-4 200 100)%22/%3E%3Cg transform=%22rotate(-4 200 100)%22 fill=%22%23000%22 opacity=%22.22%22%3E%3Crect x=%22126%22 y=%2252%22 width=%22110%22 height=%2210%22 rx=%225%22/%3E%3Crect x=%22126%22 y=%2274%22 width=%22148%22 height=%228%22 rx=%224%22/%3E%3Crect x=%22126%22 y=%2292%22 width=%22130%22 height=%228%22 rx=%224%22/%3E%3Ccircle cx=%22262%22 cy=%2257%22 r=%229%22/%3E%3C/g%3E%3Cpath d=%22M74 128l126 62 126-62v80a20 20 0 0 1-20 20H94a20 20 0 0 1-20-20z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M74 128l126 62 126-62v80a20 20 0 0 1-20 20H94a20 20 0 0 1-20-20z%22 fill=%22url(%23f)%22 stroke=%22%23fff%22 stroke-opacity=%22.4%22 stroke-width=%221.5%22/%3E%3Cpath d=%22M84 222l96-56M316 222l-96-56%22 stroke=%22%23fff%22 stroke-opacity=%22.25%22 stroke-width=%221.5%22/%3E%3C/svg%3E") center/cover no-repeat;
  --p1-art-ribbons:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 260%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3Cstop offset=%22.45%22 stop-color=%22%23fff%22 stop-opacity=%22.75%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%22.05%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22z%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23000%22 stop-opacity=%220%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23000%22 stop-opacity=%22.5%22/%3E%3Cstop offset=%221%22 stop-color=%22%23000%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3Cfilter id=%22b%22 x=%22-20%25%22 y=%22-50%25%22 width=%22140%25%22 height=%22200%25%22%3E%3CfeGaussianBlur stdDeviation=%228%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M-20 190C80 120 140 230 230 160S360 70 420 110%22 fill=%22none%22 stroke=%22url(%23z)%22 stroke-width=%2246%22 filter=%22url(%23b)%22/%3E%3Cpath d=%22M-20 170C80 100 140 210 230 140S360 50 420 90%22 fill=%22none%22 stroke=%22url(%23a)%22 stroke-width=%2238%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M-20 120C90 60 160 170 250 110S350 30 420 50%22 fill=%22none%22 stroke=%22url(%23a)%22 stroke-width=%2216%22 opacity=%22.75%22/%3E%3Cpath d=%22M-20 220C70 180 170 250 260 205S370 160 420 175%22 fill=%22none%22 stroke=%22url(%23a)%22 stroke-width=%228%22 opacity=%22.6%22/%3E%3Ccircle cx=%22232%22 cy=%22139%22 r=%2210%22 fill=%22%23fff%22 opacity=%22.95%22/%3E%3Ccircle cx=%22232%22 cy=%22139%22 r=%2222%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.4%22 stroke-width=%222%22/%3E%3Ccircle cx=%2296%22 cy=%2278%22 r=%225%22 fill=%22%23fff%22 opacity=%22.7%22/%3E%3Ccircle cx=%22330%22 cy=%22200%22 r=%224%22 fill=%22%23fff%22 opacity=%22.6%22/%3E%3C/svg%3E") center/cover no-repeat;
  --p1-art-nodes:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 260%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%22.7%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.62%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%22.1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23000%22 stop-opacity=%22.45%22/%3E%3C/linearGradient%3E%3Cfilter id=%22b%22 x=%22-50%25%22 y=%22-50%25%22 width=%22200%25%22 height=%22200%25%22%3E%3CfeGaussianBlur stdDeviation=%227%22/%3E%3C/filter%3E%3C/defs%3E%3Cg fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.55%22 stroke-width=%222.5%22%3E%3Cpath d=%22M128 76C190 76 170 130 232 130%22/%3E%3Cpath d=%22M128 76C190 76 170 196 232 196%22/%3E%3Cpath d=%22M302 130h30%22/%3E%3Cpath d=%22M302 196c30 0 30-66 40-66%22/%3E%3C/g%3E%3Cg fill=%22%23000%22 opacity=%22.4%22 filter=%22url(%23b)%22%3E%3Crect x=%2240%22 y=%2262%22 width=%2296%22 height=%2240%22 rx=%2214%22/%3E%3Crect x=%22228%22 y=%22118%22 width=%2280%22 height=%2240%22 rx=%2214%22/%3E%3Crect x=%22228%22 y=%22184%22 width=%2280%22 height=%2240%22 rx=%2214%22/%3E%3C/g%3E%3Cg stroke=%22%23fff%22 stroke-opacity=%22.45%22 stroke-width=%221.5%22 fill=%22url(%23g)%22%3E%3Crect x=%2236%22 y=%2254%22 width=%2296%22 height=%2240%22 rx=%2214%22/%3E%3Crect x=%22224%22 y=%22110%22 width=%2280%22 height=%2240%22 rx=%2214%22/%3E%3Crect x=%22224%22 y=%22176%22 width=%2280%22 height=%2240%22 rx=%2214%22/%3E%3Ccircle cx=%22350%22 cy=%22130%22 r=%2222%22/%3E%3C/g%3E%3Cg fill=%22%23fff%22%3E%3Crect x=%2252%22 y=%2269%22 width=%2244%22 height=%2210%22 rx=%225%22 opacity=%22.9%22/%3E%3Ccircle cx=%22114%22 cy=%2274%22 r=%226%22 opacity=%22.6%22/%3E%3Crect x=%22238%22 y=%22125%22 width=%2234%22 height=%229%22 rx=%224.5%22 opacity=%22.75%22/%3E%3Crect x=%22238%22 y=%22191%22 width=%2250%22 height=%229%22 rx=%224.5%22 opacity=%22.6%22/%3E%3Ccircle cx=%22350%22 cy=%22130%22 r=%227%22 opacity=%22.95%22/%3E%3Ccircle cx=%22232%22 cy=%22130%22 r=%224%22/%3E%3Ccircle cx=%22232%22 cy=%22196%22 r=%224%22/%3E%3Ccircle cx=%22128%22 cy=%2276%22 r=%224%22/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat;
  --p1-art-stack:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 260%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%22.7%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.7%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%22.12%22/%3E%3Cstop offset=%221%22 stop-color=%22%23000%22 stop-opacity=%22.42%22/%3E%3C/linearGradient%3E%3Cfilter id=%22b%22 x=%22-50%25%22 y=%22-50%25%22 width=%22200%25%22 height=%22200%25%22%3E%3CfeGaussianBlur stdDeviation=%2210%22/%3E%3C/filter%3E%3C/defs%3E%3Cellipse cx=%22200%22 cy=%22230%22 rx=%22130%22 ry=%2212%22 fill=%22%23000%22 opacity=%22.45%22 filter=%22url(%23b)%22/%3E%3Cg transform=%22translate(200 140) skewY(-8) translate(-200 -140)%22%3E%3Crect x=%2296%22 y=%2240%22 width=%22210%22 height=%2264%22 rx=%2216%22 fill=%22url(%23g)%22 opacity=%22.55%22 stroke=%22%23fff%22 stroke-opacity=%22.25%22/%3E%3Crect x=%2280%22 y=%2284%22 width=%22240%22 height=%2270%22 rx=%2218%22 fill=%22url(%23g)%22 opacity=%22.8%22 stroke=%22%23fff%22 stroke-opacity=%22.35%22/%3E%3Crect x=%2262%22 y=%22132%22 width=%22276%22 height=%2280%22 rx=%2220%22 fill=%22url(%23g)%22 stroke=%22%23fff%22 stroke-opacity=%22.5%22 stroke-width=%221.5%22/%3E%3Ccircle cx=%2296%22 cy=%22172%22 r=%2216%22 fill=%22%23fff%22 opacity=%22.85%22/%3E%3Crect x=%22124%22 y=%22160%22 width=%22140%22 height=%2210%22 rx=%225%22 fill=%22%23fff%22 opacity=%22.75%22/%3E%3Crect x=%22124%22 y=%22178%22 width=%2296%22 height=%229%22 rx=%224.5%22 fill=%22%23fff%22 opacity=%22.4%22/%3E%3Crect x=%22104%22 y=%22112%22 width=%22120%22 height=%229%22 rx=%224.5%22 fill=%22%23fff%22 opacity=%22.5%22/%3E%3Crect x=%22292%22 y=%22166%22 width=%2228%22 height=%2214%22 rx=%227%22 fill=%22%23fff%22 opacity=%22.6%22/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat;
  --p1-paint-bubbles:radial-gradient(32% 40% at 37% 62%,var(--p1-c3),transparent 100%),radial-gradient(30% 38% at 68% 40%,var(--p1-c4),transparent 100%),linear-gradient(150deg,var(--p1-c1),var(--p1-c2));
  --p1-paint-orb:radial-gradient(24% 36% at 51% 49%,var(--p1-c3),transparent 100%),radial-gradient(60% 80% at 85% 10%,var(--p1-c4),transparent 70%),linear-gradient(200deg,var(--p1-c2),var(--p1-c1) 70%);
  --p1-paint-envelope:radial-gradient(40% 40% at 50% 70%,var(--p1-c4),transparent 100%),radial-gradient(60% 60% at 15% 10%,var(--p1-c3),transparent 70%),linear-gradient(160deg,var(--p1-c1),var(--p1-c2));
  --p1-paint-ribbons:radial-gradient(40% 60% at 58% 52%,var(--p1-c3),transparent 100%),linear-gradient(120deg,var(--p1-c2),var(--p1-c1) 50%,var(--p1-c4));
  --p1-paint-nodes:radial-gradient(30% 40% at 85% 50%,var(--p1-c3),transparent 100%),radial-gradient(50% 60% at 20% 25%,var(--p1-c4),transparent 100%),linear-gradient(170deg,var(--p1-c2),var(--p1-c1));
  --p1-paint-stack:radial-gradient(40% 40% at 30% 70%,var(--p1-c3),transparent 100%),linear-gradient(200deg,var(--p1-c4),var(--p1-c1) 45%,var(--p1-c2));
  --bg:var(--p1-bg)!important;--ink:var(--p1-ink)!important;--accent:var(--p1-c3)!important;
  --lang-radius:999px;--nav-radius:14px;--nav-accent:var(--p1-c3);
  color:var(--p1-ink);
  background:
    radial-gradient(1100px 640px at 50% -160px,color-mix(in oklab,var(--p1-c1) 46%,transparent),transparent 72%),
    radial-gradient(640px 520px at 92% 380px,color-mix(in oklab,var(--p1-c4) 20%,transparent),transparent 70%),
    radial-gradient(760px 620px at 4% 560px,color-mix(in oklab,var(--p1-c2) 32%,transparent),transparent 70%),
    var(--p1-bg);
  background-repeat:no-repeat;
  -webkit-font-smoothing:antialiased;
}
html body[class*="theme-"]:not(#t) ::selection{background:color-mix(in oklab,var(--p1-c3) 60%,transparent);color:var(--p1-on-c3)}
html body[class*="theme-"]:not(#t) main{overflow-x:clip}
html body[class*="theme-"]:not(#t) .wrap,
html body[class*="theme-"]:not(#t) .header{width:min(1240px,calc(100% - 64px))}

/* ---------- 3. Type ---------- */
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) .brand{font-family:var(--p1-font-display);font-stretch:var(--p1-display-stretch)}
html body[class*="theme-"]:not(#t) h1{font-weight:var(--p1-display-weight);letter-spacing:var(--p1-h1-track);line-height:1;hyphens:manual;color:var(--p1-ink)}
html body[class*="theme-"]:not(#t) h2{font-size:var(--p1-h2-size);font-weight:800;letter-spacing:-.035em;line-height:1.06;hyphens:manual;color:var(--p1-ink)}
html body[class*="theme-"]:not(#t) h3{font-weight:700;letter-spacing:-.02em;line-height:1.2;hyphens:manual}
html body[class*="theme-"]:not(#t) p{color:var(--p1-muted)}
html body[class*="theme-"]:not(#t) .h1-mark{background:linear-gradient(96deg,var(--p1-c3) 8%,color-mix(in oklab,var(--p1-c3) 30%,var(--p1-c4)) 45%,var(--p1-c1-text) 96%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;
  filter:drop-shadow(0 0 26px color-mix(in oklab,var(--p1-c4) 55%,transparent));padding-inline-end:.03em}
html body[class*="theme-"]:not(#t) code{font-family:ui-monospace,"Cascadia Code",Consolas,monospace}
html body[class*="theme-"]:not(#t) a:focus-visible,
html body[class*="theme-"]:not(#t) button:focus-visible,
html body[class*="theme-"]:not(#t) summary:focus-visible,
html body[class*="theme-"]:not(#t) select:focus-visible{outline:2px solid var(--p1-c3);outline-offset:4px}

/* ---------- 4. Header ---------- */
html body[class*="theme-"]:not(#t) .header{min-height:84px;border:0;gap:24px;position:relative;z-index:5}
html body[class*="theme-"]:not(#t) .brand{font-size:20px;font-weight:800;letter-spacing:-.025em;gap:11px;color:var(--p1-ink)}
html body[class*="theme-"]:not(#t) .brand-symbol{width:38px;height:38px;border-radius:12px;background:none;overflow:hidden;color:var(--p1-ink);
  box-shadow:0 8px 26px -6px color-mix(in oklab,var(--p1-c1) 80%,transparent),0 0 0 1px var(--p1-line)}
html body[class*="theme-"]:not(#t) .brand-symbol svg{display:block;width:100%;height:100%}
html body[class*="theme-"]:not(#t) .main-nav{margin-inline:auto;gap:2px;padding:5px;border:1px solid var(--p1-line);border-radius:999px;background:var(--p1-glass);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--p1-shine)}
html body[class*="theme-"]:not(#t) .main-nav a{opacity:1;color:var(--p1-muted);padding:8px 17px;border-radius:999px;font-size:14px;font-weight:500;transition:background-color .15s,color .15s}
html body[class*="theme-"]:not(#t) .main-nav a:hover,
html body[class*="theme-"]:not(#t) .main-nav a[aria-current]{color:var(--p1-ink);background:var(--p1-glass-2);text-decoration:none}
html body[class*="theme-"]:not(#t) .header .language{color:var(--p1-ink);background:var(--p1-glass);font-size:13px}

/* ---------- 5. Buttons and pills ---------- */
html body[class*="theme-"]:not(#t) .button{border-radius:999px;padding:15px 26px;font-size:15px;font-weight:650;gap:10px;letter-spacing:-.005em;line-height:1.2;transition:transform .18s,box-shadow .18s}
html body[class*="theme-"]:not(#t) .button.primary{color:var(--p1-on-c3);border:0;
  background:linear-gradient(180deg,color-mix(in oklab,var(--p1-c3) 80%,white),var(--p1-c3) 45%,var(--p1-c3-deep));
  box-shadow:inset 0 1px 0 oklch(1 0 0 / .55),inset 0 -2px 0 oklch(0 0 0 / .12),0 10px 34px -8px color-mix(in oklab,var(--p1-c3) 75%,transparent),0 0 0 1px color-mix(in oklab,var(--p1-c3) 60%,transparent)}
html body[class*="theme-"]:not(#t) .button.primary:hover{box-shadow:inset 0 1px 0 oklch(1 0 0 / .55),0 14px 44px -6px color-mix(in oklab,var(--p1-c3) 90%,transparent),0 0 0 1px var(--p1-c3)}
html body[class*="theme-"]:not(#t) .button.secondary{color:var(--p1-ink);background:var(--p1-glass);border:1px solid var(--p1-line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--p1-shine)}
html body[class*="theme-"]:not(#t) .button.secondary:hover{background:var(--p1-glass-2)}
html body[class*="theme-"]:not(#t) .eyebrow,
html body[class*="theme-"]:not(#t) .closing>span{display:inline-flex;align-items:center;gap:9px;width:max-content;max-width:100%;margin:0 0 22px;padding:6px 14px 6px 7px;
  border-radius:999px;border:1px solid color-mix(in oklab,var(--p1-c3) 34%,transparent);
  background:linear-gradient(90deg,color-mix(in oklab,var(--p1-c3) 16%,transparent),color-mix(in oklab,var(--p1-c3) 4%,transparent));
  color:var(--p1-c3);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1.35;opacity:1}
html body[class*="theme-"]:not(#t) .eyebrow i{flex:none;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--p1-c3) 0 3px,color-mix(in oklab,var(--p1-c3) 30%,transparent) 4px 100%);
  box-shadow:0 0 14px color-mix(in oklab,var(--p1-c3) 70%,transparent)}
html body[class*="theme-"]:not(#t) .closing>span::before,
html body[class*="theme-"]:not(#t) .scenario>.eyebrow::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;
  background:radial-gradient(circle,var(--p1-c3) 0 3px,color-mix(in oklab,var(--p1-c3) 30%,transparent) 4px 100%)}
html body[class*="theme-"]:not(#t) .hero-copy::before,
html body[class*="theme-"]:not(#t) .hero-copy::after{content:none}
html body[class*="theme-"]:not(#t) .hero-copy{border:0;padding:0;box-shadow:none;background:none}

/* ---------- 6. Home hero: centred headline + composer with floating art tiles ---------- */
html body[class*="theme-"]:not(#t) .home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:0;gap:0;padding:40px 0 20px;position:relative;isolation:isolate}
html body[class*="theme-"]:not(#t) .home-hero .hero-copy{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
html body[class*="theme-"]:not(#t) .home-hero h1{font-size:var(--p1-h1-size);max-width:14.5ch;margin:0 auto 22px;text-wrap:balance}
html body[class*="theme-"]:not(#t) .home-hero .hero-lead{max-width:640px;margin:0 auto;font-size:19px;line-height:1.6;color:var(--p1-muted);opacity:1}
html body[class*="theme-"]:not(#t) .home-hero .actions{justify-content:center;margin-top:28px;gap:12px}
html body[class*="theme-"]:not(#t) .home-hero::before,
html body[class*="theme-"]:not(#t) .home-hero::after{content:"";position:absolute;z-index:-1;border-radius:22px;pointer-events:none;
  box-shadow:0 30px 60px -20px oklch(0 0 0 / .6),inset 0 0 0 1px oklch(1 0 0 / .14)}
html body[class*="theme-"]:not(#t) .home-hero::before{width:150px;height:184px;inset-inline-start:22px;top:104px;transform:rotate(-9deg);background:var(--p1-art-bubbles),var(--p1-paint-bubbles);opacity:.92}
html body[class*="theme-"]:not(#t) .home-hero::after{width:162px;height:196px;inset-inline-end:22px;top:72px;transform:rotate(8deg);background:var(--p1-art-orb),var(--p1-paint-orb);opacity:.92}

/* the composer (agent-run) */
html body[class*="theme-"]:not(#t) .agent-run{position:relative;overflow:visible;min-width:0;text-align:start;color:var(--p1-win-ink);border:1px solid transparent;border-radius:var(--p1-radius);
  background:linear-gradient(var(--p1-win-bg),var(--p1-win-bg)) padding-box,
    linear-gradient(145deg,color-mix(in oklab,var(--p1-c1) 85%,transparent),oklch(1 0 0 / .09) 32%,oklch(1 0 0 / .05) 66%,color-mix(in oklab,var(--p1-c3) 70%,transparent)) border-box;
  box-shadow:0 50px 120px -40px color-mix(in oklab,var(--p1-c1) 75%,transparent),0 0 0 7px oklch(1 0 0 / .03)}
html body[class*="theme-"]:not(#t) .home-hero .agent-run{width:min(920px,100%);margin:40px auto 0;align-self:center}
html body[class*="theme-"]:not(#t) .home-hero .agent-run::before,
html body[class*="theme-"]:not(#t) .home-hero .agent-run::after{content:"";position:absolute;z-index:-1;border-radius:20px;pointer-events:none;
  box-shadow:0 30px 60px -20px oklch(0 0 0 / .6),inset 0 0 0 1px oklch(1 0 0 / .14)}
html body[class*="theme-"]:not(#t) .home-hero .agent-run::before{width:178px;height:210px;inset-inline-start:-138px;top:52%;transform:rotate(-7deg);background:var(--p1-art-envelope),var(--p1-paint-envelope)}
html body[class*="theme-"]:not(#t) .home-hero .agent-run::after{width:170px;height:200px;inset-inline-end:-128px;top:6%;transform:rotate(6deg);background:var(--p1-art-ribbons),var(--p1-paint-ribbons)}
html body[class*="theme-"]:not(#t) .agent-run-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px 12px;border:0;font-size:14px}
html body[class*="theme-"]:not(#t) .agent-run-bar span:first-child{display:inline-flex;align-items:center;gap:10px;opacity:1;font-weight:600;color:var(--p1-win-ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body[class*="theme-"]:not(#t) .agent-run-bar span:first-child::before{content:"";flex:none;width:22px;height:22px;border-radius:7px;
  background:radial-gradient(circle at 35% 30%,oklch(1 0 0 / .7),transparent 45%),linear-gradient(140deg,var(--p1-c1),var(--p1-c2));box-shadow:0 0 0 1px oklch(1 0 0 / .18)}
html body[class*="theme-"]:not(#t) .agent-run-mode{flex:none;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--p1-win-hi);
  background:color-mix(in oklab,var(--p1-win-hi) 13%,transparent);border:1px solid color-mix(in oklab,var(--p1-win-hi) 38%,transparent)}
html body[class*="theme-"]:not(#t) .agent-run-body{padding:4px 20px 20px}
html body[class*="theme-"]:not(#t) .agent-run-prompt{display:block;margin:0 0 14px;padding:18px 20px 20px;border-radius:18px;background:var(--p1-win-field);border:1px solid var(--p1-win-line);box-shadow:inset 0 2px 10px oklch(0 0 0 / .12)}
html body[class*="theme-"]:not(#t) .agent-run-prompt span{display:inline;background:none;padding:0;border-radius:0;max-width:none;font-size:18px;line-height:1.5;color:var(--p1-win-ink);font-weight:450}
html body[class*="theme-"]:not(#t) .agent-run-prompt span::after{content:"";display:inline-block;width:2px;height:1.05em;margin-inline-start:3px;vertical-align:-.15em;background:var(--p1-win-hi);animation:p1-caret 1.1s steps(1) infinite}
@keyframes p1-caret{50%{opacity:0}}
html body[class*="theme-"]:not(#t) .agent-run-steps{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
html body[class*="theme-"]:not(#t) .agent-run-steps li{display:inline-flex;align-items:center;gap:9px;min-width:0;max-width:100%;padding:5px 6px 5px 5px;border-radius:999px;border:1px solid var(--p1-win-line);background:var(--p1-win-chip);grid-template-columns:none}
html body[class*="theme-"]:not(#t) .ar-tool{flex:none;padding:4px 10px;border-radius:999px;color:#fff;font:600 12px/1.35 ui-monospace,"Cascadia Code",Consolas,monospace;
  background:linear-gradient(135deg,var(--p1-c1-deep),var(--p1-c2));box-shadow:inset 0 1px 0 oklch(1 0 0 / .3);grid-column:auto}
html body[class*="theme-"]:not(#t) .agent-run-steps code{min-width:0;font-size:13px;color:var(--p1-win-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body[class*="theme-"]:not(#t) .ar-res{flex:none;display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 7px;border-radius:999px;font:600 12px/1.35 Inter,system-ui,sans-serif;opacity:1;
  color:var(--p1-win-muted);background:color-mix(in oklab,var(--p1-win-ink) 7%,transparent)}
html body[class*="theme-"]:not(#t) .ar-res.ar-ok{color:var(--p1-win-hi);background:color-mix(in oklab,var(--p1-win-hi) 13%,transparent)}
html body[class*="theme-"]:not(#t) .ar-res.ar-ok::before{content:"";width:9px;height:5px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-1px) rotate(-45deg)}
html body[class*="theme-"]:not(#t) .agent-run-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--p1-win-line)}
html body[class*="theme-"]:not(#t) .agent-run-foot>span:first-child{flex:1 1 220px;font-size:14px;opacity:1;color:var(--p1-win-muted)}
html body[class*="theme-"]:not(#t) .ar-btn{padding:10px 20px;border-radius:999px;font-size:14px;font-weight:600;color:var(--p1-win-ink);border:1px solid var(--p1-win-line);background:color-mix(in oklab,var(--p1-win-ink) 5%,transparent)}
html body[class*="theme-"]:not(#t) .ar-btn.ar-btn-primary{color:var(--p1-on-c3);border-color:transparent;font-weight:700;
  background:linear-gradient(180deg,color-mix(in oklab,var(--p1-c3) 80%,white),var(--p1-c3) 50%,var(--p1-c3-deep));
  box-shadow:inset 0 1px 0 oklch(1 0 0 / .5),0 8px 28px -6px color-mix(in oklab,var(--p1-c3) 85%,transparent)}

/* ---------- 7. Shared surfaces ---------- */
html body[class*="theme-"]:not(#t) .cards article,
html body[class*="theme-"]:not(#t) .steps article,
html body[class*="theme-"]:not(#t) .feature-list li,
html body[class*="theme-"]:not(#t) .setup li,
html body[class*="theme-"]:not(#t) .notice,
html body[class*="theme-"]:not(#t) .connection span,
html body[class*="theme-"]:not(#t) .download-card,
html body[class*="theme-"]:not(#t) .privacy article,
html body[class*="theme-"]:not(#t) .faq details{
  border:1px solid var(--p1-line);background:linear-gradient(180deg,oklch(1 0 0 / .06),oklch(1 0 0 / .025));box-shadow:var(--p1-shine)}
html body[class*="theme-"]:not(#t) .cards p,
html body[class*="theme-"]:not(#t) .steps p{opacity:1;color:var(--p1-muted)}

/* ---------- 8. Home facts: stat strip of glass tiles ---------- */
html body[class*="theme-"]:not(#t).page-0 main>.cards{grid-template-columns:repeat(5,minmax(0,1fr)) minmax(0,2.3fr);gap:12px;padding:28px 0 56px;border:0}
html body[class*="theme-"]:not(#t).page-0 main>.cards article{padding:20px 20px 22px;border-radius:20px;position:relative;overflow:hidden}
html body[class*="theme-"]:not(#t).page-0 main>.cards article::before{content:"";position:absolute;inset:-1px -1px auto;height:2px;background:linear-gradient(90deg,transparent,var(--p1-c3),transparent);opacity:.55}
html body[class*="theme-"]:not(#t).page-0 main>.cards article:nth-child(even)::before{background:linear-gradient(90deg,transparent,var(--p1-c4),transparent)}
html body[class*="theme-"]:not(#t).page-0 main>.cards .number{font:500 13px/1.3 Inter,system-ui,sans-serif;opacity:1;color:var(--p1-muted);margin:0 0 12px}
html body[class*="theme-"]:not(#t).page-0 main>.cards h3{font-size:clamp(20px,1.9vw,27px);font-weight:800;letter-spacing:-.03em;margin:0 0 6px;color:var(--p1-ink);overflow-wrap:normal}
html body[class*="theme-"]:not(#t).page-0 main>.cards p{font-size:13.5px;line-height:1.5}

/* ---------- 9. Keyword section (scenario) with art panel ---------- */
html body[class*="theme-"]:not(#t) .scenario{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);column-gap:52px;align-items:center;margin:0 0 60px;padding:34px 40px;
  border-radius:32px;border:1px solid var(--p1-line);
  background:radial-gradient(520px 340px at 0% 0%,color-mix(in oklab,var(--p1-c1) 26%,transparent),transparent 70%),linear-gradient(180deg,oklch(1 0 0 / .055),oklch(1 0 0 / .02));box-shadow:var(--p1-shine)}
html body[class*="theme-"]:not(#t) .scenario>*{grid-column:1;min-width:0}
html body[class*="theme-"]:not(#t) .scenario::after{content:"";justify-self:stretch;grid-column:2;grid-row:1/span 3;align-self:stretch;min-height:250px;border-radius:22px;background:var(--p1-art-stack),var(--p1-paint-stack);box-shadow:inset 0 0 0 1px oklch(1 0 0 / .14),0 24px 50px -24px oklch(0 0 0 / .7)}
html body[class*="theme-"]:not(#t) .scenario>.eyebrow{color:var(--p1-c1-text);border-color:color-mix(in oklab,var(--p1-c1) 45%,transparent);background:color-mix(in oklab,var(--p1-c1) 14%,transparent);margin-bottom:18px}
html body[class*="theme-"]:not(#t) .scenario>.eyebrow::before{background:radial-gradient(circle,var(--p1-c1-text) 0 3px,color-mix(in oklab,var(--p1-c1) 35%,transparent) 4px 100%)}
html body[class*="theme-"]:not(#t) .scenario h2{margin:0 0 16px}
html body[class*="theme-"]:not(#t) .scenario p{font-size:17px;line-height:1.7;margin:0;color:var(--p1-muted)}
html body[class*="theme-"]:not(#t) section.scenario>.eyebrow{display:inline-flex}

/* ---------- 10. Reading sections (prose) ---------- */
html body[class*="theme-"]:not(#t) .reading{max-width:820px;margin-inline:auto;padding-bottom:70px}
html body[class*="theme-"]:not(#t) .reading h2{margin:1.5em 0 .55em}
html body[class*="theme-"]:not(#t) .reading>h2:first-child{margin-top:0}
html body[class*="theme-"]:not(#t) .reading h3{font-size:22px;margin:1.6em 0 .45em;color:var(--p1-ink)}
html body[class*="theme-"]:not(#t) .reading p{font-size:17px;line-height:1.75}
html body[class*="theme-"]:not(#t) .large,
html body[class*="theme-"]:not(#t) .product-lead p.large{font-size:clamp(19px,1.7vw,23px);line-height:1.6;color:var(--p1-ink);opacity:1}
html body[class*="theme-"]:not(#t) .product-lead{max-width:880px;margin-inline:auto;padding-bottom:40px}
html body[class*="theme-"]:not(#t) .text-link{color:var(--p1-ink)}
html body[class*="theme-"]:not(#t) .notice{border-radius:20px;padding:20px 24px 20px 26px;border-inline-start:1px solid var(--p1-line);position:relative;overflow:hidden;font-size:15px;color:var(--p1-muted)}
html body[class*="theme-"]:not(#t) .notice::before{content:"";position:absolute;inset-block:14px;inset-inline-start:0;width:3px;border-radius:3px;background:linear-gradient(var(--p1-c3),var(--p1-c4));box-shadow:0 0 16px var(--p1-c3)}
html body[class*="theme-"]:not(#t) .notice strong{color:var(--p1-ink)}
html body[class*="theme-"]:not(#t) .feature-list{gap:12px}
html body[class*="theme-"]:not(#t) .feature-list li{border-radius:20px;padding:20px 22px;font-size:15px;color:var(--p1-muted);border-top:1px solid var(--p1-line)}
html body[class*="theme-"]:not(#t) .feature-list strong{color:var(--p1-c3);font-size:16px}

/* ---------- 11. Walkthroughs (home): rich cards with generated art headers ---------- */
html body[class*="theme-"]:not(#t).page-0 .reading:has(>.steps){max-width:none;padding-bottom:64px}
html body[class*="theme-"]:not(#t).page-0 .reading>.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
html body[class*="theme-"]:not(#t).page-0 .reading>.steps article{display:flex;flex-direction:column;padding:0 0 24px;border-radius:28px;overflow:hidden;position:relative;min-width:0}
html body[class*="theme-"]:not(#t).page-0 .reading>.steps article::before{content:"";display:block;height:114px;margin:0 0 18px;flex:none;box-shadow:inset 0 -1px 0 oklch(1 0 0 / .12);background-size:auto 150%,100% 100%!important}
html body[class*="theme-"]:not(#t).page-0 .reading>.steps article:nth-child(4n+1)::before{background:var(--p1-art-bubbles),var(--p1-paint-bubbles)}
html body[class*="theme-"]:not(#t).page-0 .reading>.steps article:nth-child(4n+2)::before{background:var(--p1-art-nodes),var(--p1-paint-nodes)}
html body[class*="theme-"]:not(#t).page-0 .reading>.steps article:nth-child(4n+3)::before{background:var(--p1-art-orb),var(--p1-paint-orb)}
html body[class*="theme-"]:not(#t).page-0 .reading>.steps article:nth-child(4n+4)::before{background:var(--p1-art-stack),var(--p1-paint-stack)}
html body[class*="theme-"]:not(#t).page-0 .reading>.steps .number{position:absolute;top:16px;inset-inline-start:16px;left:auto;margin:0;padding:5px 12px;border-radius:999px;font:700 13px/1.3 Inter,system-ui,sans-serif;opacity:1;color:#fff;
  background:oklch(.16 .05 var(--p1-hue) / .55);border:1px solid oklch(1 0 0 / .22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html body[class*="theme-"]:not(#t).page-0 .reading>.steps h3{font-size:21px;margin:0 26px 8px;color:var(--p1-ink)}
html body[class*="theme-"]:not(#t).page-0 .reading>.steps p{margin:0 26px;font-size:15px;line-height:1.6}
html body[class*="theme-"]:not(#t).page-0 .reading>.steps .code-example{margin:18px 26px 0;margin-top:auto}
html body[class*="theme-"]:not(#t).page-0 .reading>.steps article>p{margin-bottom:16px}
html body[class*="theme-"]:not(#t).page-0 .reading:has(>.steps)>p{text-align:center;margin:24px 0 0}

/* ---------- 12. Code blocks ---------- */
html body[class*="theme-"]:not(#t) .code-example{border-radius:18px;border:1px solid var(--p1-line);background:oklch(.115 .04 var(--p1-hue));color:var(--p1-ink);overflow:hidden;min-width:0;box-shadow:inset 0 1px 0 oklch(1 0 0 / .06)}
html body[class*="theme-"]:not(#t) .code-example>div{align-items:center;padding:10px 12px 10px 16px;font-size:12.5px;font-weight:600;color:var(--p1-muted);background:oklch(1 0 0 / .04);border-bottom:1px solid var(--p1-line)}
html body[class*="theme-"]:not(#t) .code-example button{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;color:var(--p1-ink);background:var(--p1-glass-2);border:1px solid var(--p1-line)}
html body[class*="theme-"]:not(#t) .code-example pre{padding:16px 18px;font:13px/1.75 ui-monospace,"Cascadia Code",Consolas,monospace;color:oklch(.9 .04 var(--p1-hue))}

/* ---------- 13. Comparison table in a glass card ---------- */
html body[class*="theme-"]:not(#t) .feature-matrix{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);column-gap:56px;align-items:start;padding:0 0 68px}
html body[class*="theme-"]:not(#t) .feature-matrix>*{grid-column:1;min-width:0}
html body[class*="theme-"]:not(#t) .feature-matrix>h2{margin:8px 0 18px}
html body[class*="theme-"]:not(#t) .feature-matrix>p{font-size:17px;line-height:1.7;opacity:1;color:var(--p1-muted)}
html body[class*="theme-"]:not(#t) .feature-matrix>table{grid-column:2;grid-row:1/span 3;border-collapse:separate;border-spacing:0;border-radius:24px;overflow:hidden;border:1px solid var(--p1-line);
  background:linear-gradient(180deg,oklch(1 0 0 / .06),oklch(1 0 0 / .02));box-shadow:var(--p1-shine),0 30px 70px -40px color-mix(in oklab,var(--p1-c1) 70%,transparent)}
html body[class*="theme-"]:not(#t) .feature-matrix th,
html body[class*="theme-"]:not(#t) .feature-matrix td{padding:17px 20px;border-bottom:1px solid var(--p1-line);font-size:15px;color:var(--p1-muted);vertical-align:middle}
html body[class*="theme-"]:not(#t) .feature-matrix tr:last-child>*{border-bottom:0}
html body[class*="theme-"]:not(#t) .feature-matrix thead th{font-size:13px;font-weight:600;color:var(--p1-muted);background:oklch(1 0 0 / .03)}
html body[class*="theme-"]:not(#t) .feature-matrix tbody th{color:var(--p1-ink);font-weight:600}
html body[class*="theme-"]:not(#t) .feature-matrix tr>:last-child{color:var(--p1-ink);font-weight:600;background:linear-gradient(90deg,color-mix(in oklab,var(--p1-c1) 18%,transparent),color-mix(in oklab,var(--p1-c1) 8%,transparent))}
html body[class*="theme-"]:not(#t) .feature-matrix thead tr>:last-child{color:var(--p1-c3);font-size:14px}

/* ---------- 14. Setup steps: glowing lettered cards (letters keep one numbering system per page) ---------- */
html body[class*="theme-"]:not(#t) .setup{counter-reset:p1s;list-style:none;padding:0;margin:0}
html body[class*="theme-"]:not(#t) .setup li{counter-increment:p1s;position:relative;border-radius:22px;padding:66px 22px 22px;font-size:16px;line-height:1.5;color:var(--p1-ink)}
html body[class*="theme-"]:not(#t) .setup li::before{content:counter(p1s,upper-alpha);position:absolute;top:18px;inset-inline-start:20px;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;
  font:800 16px/1 var(--p1-font-display);color:#fff;background:linear-gradient(140deg,var(--p1-c1-deep),var(--p1-c2));box-shadow:inset 0 1px 0 oklch(1 0 0 / .35),0 0 22px color-mix(in oklab,var(--p1-c1) 70%,transparent)}
html body[class*="theme-"]:not(#t) .setup li:last-child::before{background:linear-gradient(140deg,var(--p1-c3),var(--p1-c3-deep));color:var(--p1-on-c3);box-shadow:inset 0 1px 0 oklch(1 0 0 / .5),0 0 22px color-mix(in oklab,var(--p1-c3) 70%,transparent)}
html body[class*="theme-"]:not(#t).page-0 .split-section{display:block;padding:0 0 68px;border:0}
html body[class*="theme-"]:not(#t).page-0 .split-section>h2{text-align:center;margin:0 auto 30px}
html body[class*="theme-"]:not(#t).page-0 .split-section .setup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative}
html body[class*="theme-"]:not(#t).page-0 .split-section .setup::before{content:"";position:absolute;top:35px;inset-inline:40px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--p1-c1) 80%,transparent),var(--p1-c3),transparent);pointer-events:none}
html body[class*="theme-"]:not(#t).page-0 .split-section .setup li{padding-top:70px}

/* ---------- 15. Who it is for (3 paragraphs) and links ---------- */
html body[class*="theme-"]:not(#t).page-0 .reading:has(>h2+p+p+p):not(:has(.steps,.text-link)){max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:68px}
html body[class*="theme-"]:not(#t).page-0 .reading:has(>h2+p+p+p):not(:has(.steps,.text-link))>h2{grid-column:1/-1;text-align:center;margin:0 0 14px}
html body[class*="theme-"]:not(#t).page-0 .reading:has(>h2+p+p+p):not(:has(.steps,.text-link))>p{margin:0;padding:20px 22px;border-radius:24px;border:1px solid var(--p1-line);font-size:15.5px;line-height:1.7;
  background:linear-gradient(180deg,oklch(1 0 0 / .055),oklch(1 0 0 / .02));box-shadow:var(--p1-shine)}
html body[class*="theme-"]:not(#t).page-0 .reading:has(>h2+p+p+p):not(:has(.steps,.text-link))>p::before{content:"";float:inline-start;width:34px;height:34px;margin-block:2px 4px;margin-inline-end:14px;border-radius:11px;
  background:radial-gradient(circle at 35% 30%,oklch(1 0 0 / .75),transparent 42%),linear-gradient(140deg,var(--p1-c1),var(--p1-c2));box-shadow:0 0 0 1px oklch(1 0 0 / .14),0 10px 26px -8px var(--p1-c1)}
html body[class*="theme-"]:not(#t).page-0 .reading:has(>h2+p+p+p):not(:has(.steps,.text-link))>p:nth-of-type(2)::before{background:radial-gradient(circle at 35% 30%,oklch(1 0 0 / .75),transparent 42%),linear-gradient(140deg,var(--p1-c4),var(--p1-c1));box-shadow:0 0 0 1px oklch(1 0 0 / .14),0 10px 26px -8px var(--p1-c4)}
html body[class*="theme-"]:not(#t).page-0 .reading:has(>h2+p+p+p):not(:has(.steps,.text-link))>p:nth-of-type(3)::before{background:radial-gradient(circle at 35% 30%,oklch(1 0 0 / .8),transparent 42%),linear-gradient(140deg,var(--p1-c3),var(--p1-c3-deep));box-shadow:0 0 0 1px oklch(1 0 0 / .14),0 10px 26px -8px var(--p1-c3)}
html body[class*="theme-"]:not(#t) .reading:has(.text-link){max-width:none;padding-bottom:48px}
html body[class*="theme-"]:not(#t) .reading:has(.text-link)>h2{text-align:center;margin:0 0 8px}
html body[class*="theme-"]:not(#t) .reading:has(.text-link)>p:not(:has(.text-link)){text-align:center;margin:0 0 26px}
html body[class*="theme-"]:not(#t) .reading p:has(>.text-link){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
html body[class*="theme-"]:not(#t) .reading .text-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:15px 20px;border-radius:18px;border:1px solid var(--p1-line);
  background:linear-gradient(180deg,oklch(1 0 0 / .06),oklch(1 0 0 / .025));box-shadow:var(--p1-shine);text-decoration:none;font-size:15.5px;font-weight:600;color:var(--p1-ink);transition:transform .18s,border-color .18s}
html body[class*="theme-"]:not(#t) .reading .text-link:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--p1-c3) 50%,transparent)}
html[dir=rtl] body[class*="theme-"]:not(#t) .reading .text-link{margin:0}

/* ---------- 16. FAQ rows ---------- */
html body[class*="theme-"]:not(#t) .faq{max-width:940px;margin:0 auto 68px}
html body[class*="theme-"]:not(#t) .faq>h2{text-align:center;margin:0 0 22px}
html body[class*="theme-"]:not(#t) .faq details{border-radius:20px;padding:0;margin:0 0 8px;transition:border-color .2s,background-color .2s}
html body[class*="theme-"]:not(#t) .faq details[open]{border-color:color-mix(in oklab,var(--p1-c1) 55%,transparent);background:linear-gradient(180deg,color-mix(in oklab,var(--p1-c1) 14%,transparent),oklch(1 0 0 / .02))}
html body[class*="theme-"]:not(#t) .faq summary{list-style:none;position:relative;padding:15px 64px 15px 24px;font-size:17.5px;font-weight:600;line-height:1.4;color:var(--p1-ink);font-family:Inter,system-ui,sans-serif;font-stretch:100%}
html body[class*="theme-"]:not(#t) .faq summary::-webkit-details-marker{display:none}
html body[class*="theme-"]:not(#t) .faq summary::after{content:"";position:absolute;inset-inline-end:20px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;border:1px solid var(--p1-line-strong);
  background:linear-gradient(currentColor,currentColor) center/11px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 11px no-repeat;color:var(--p1-ink);transition:transform .2s}
html body[class*="theme-"]:not(#t) .faq details[open] summary::after{transform:rotate(45deg);border-color:color-mix(in oklab,var(--p1-c3) 60%,transparent);color:var(--p1-c3)}
html[dir=rtl] body[class*="theme-"]:not(#t) .faq summary{padding:15px 24px 15px 64px}
html body[class*="theme-"]:not(#t) .faq details p{margin:0;padding:0 24px 20px;max-width:none;font-size:16px;line-height:1.7;opacity:1;color:var(--p1-muted)}

/* ---------- 17. CTA panel with art ---------- */
html body[class*="theme-"]:not(#t) .closing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);column-gap:48px;align-items:center;justify-items:start;text-align:start;margin:0 0 64px;padding:40px 46px;border-radius:36px;
  border:1px solid transparent;position:relative;overflow:hidden;
  background:radial-gradient(600px 400px at 100% 100%,color-mix(in oklab,var(--p1-c4) 30%,transparent),transparent 70%),
    radial-gradient(700px 460px at 0% 0%,color-mix(in oklab,var(--p1-c1) 45%,transparent),transparent 70%),
    linear-gradient(var(--p1-surface),var(--p1-surface)) padding-box,
    linear-gradient(140deg,color-mix(in oklab,var(--p1-c1) 80%,transparent),oklch(1 0 0 / .08) 40%,color-mix(in oklab,var(--p1-c3) 60%,transparent)) border-box;
  box-shadow:0 40px 100px -50px color-mix(in oklab,var(--p1-c1) 80%,transparent)}
html body[class*="theme-"]:not(#t) .closing>*{grid-column:1;min-width:0;position:relative;z-index:1}
html body[class*="theme-"]:not(#t) .closing::after{content:"";justify-self:stretch;grid-column:2;grid-row:1/span 4;align-self:stretch;min-height:240px;border-radius:24px;background:var(--p1-art-envelope),var(--p1-paint-envelope);box-shadow:inset 0 0 0 1px oklch(1 0 0 / .16),0 30px 60px -24px oklch(0 0 0 / .7)}
html body[class*="theme-"]:not(#t) .closing h2{font-size:clamp(34px,4vw,58px);margin:0 0 14px;max-width:none;letter-spacing:-.04em}
html body[class*="theme-"]:not(#t) .closing p{font-size:17px;line-height:1.65;margin:0 0 26px;max-width:560px;color:var(--p1-muted)}
html body[class*="theme-"]:not(#t) .closing .button{margin-top:6px}
html body[class*="theme-"]:not(#t) .closing>span{margin-bottom:20px}

/* ---------- 18. Inner pages ---------- */
html body[class*="theme-"]:not(#t) .inner-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;min-height:0;margin:28px 0 56px;padding:64px 56px;border-radius:36px;border:1px solid var(--p1-line);position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(600px 380px at 0% 0%,color-mix(in oklab,var(--p1-c1) 34%,transparent),transparent 70%),linear-gradient(180deg,oklch(1 0 0 / .05),oklch(1 0 0 / .015));box-shadow:var(--p1-shine)}
html body[class*="theme-"]:not(#t) .inner-hero::before{content:"";position:absolute;z-index:-1;inset-block:0;inset-inline-end:0;width:46%;background:var(--p1-art-ribbons),var(--p1-paint-ribbons);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 55%);mask-image:linear-gradient(90deg,transparent,#000 55%);opacity:.9}
html[dir=rtl] body[class*="theme-"]:not(#t) .inner-hero::before{-webkit-mask-image:linear-gradient(270deg,transparent,#000 55%);mask-image:linear-gradient(270deg,transparent,#000 55%)}
html body[class*="theme-"]:not(#t).page-2 .inner-hero::before{background:var(--p1-art-orb),var(--p1-paint-orb)}
html body[class*="theme-"]:not(#t).page-3 .inner-hero::before{background:var(--p1-art-nodes),var(--p1-paint-nodes)}
html body[class*="theme-"]:not(#t).page-4 .inner-hero::before{background:var(--p1-art-envelope),var(--p1-paint-envelope)}
html body[class*="theme-"]:not(#t).page-5 .inner-hero::before{background:var(--p1-art-bubbles),var(--p1-paint-bubbles)}
html body[class*="theme-"]:not(#t).page-6 .inner-hero::before{background:var(--p1-art-stack),var(--p1-paint-stack)}
html body[class*="theme-"]:not(#t) .inner-hero h1{font-size:clamp(40px,4.9vw,70px);margin:0;max-width:16ch;text-wrap:balance}
html body[class*="theme-"]:not(#t) .inner-hero .eyebrow{margin-bottom:22px}
html body[class*="theme-"]:not(#t) .hero-number{font:var(--p1-display-weight) clamp(110px,13vw,190px)/.8 var(--p1-font-display);font-stretch:var(--p1-display-stretch);letter-spacing:-.06em;opacity:1;color:transparent;
  -webkit-text-stroke:1.5px oklch(1 0 0 / .65);text-shadow:0 0 50px color-mix(in oklab,var(--p1-c3) 50%,transparent);padding-inline-end:10px}
html body[class*="theme-"]:not(#t) .cards{border:0}
html body[class*="theme-"]:not(#t):not(.page-0) main>.cards{gap:16px;padding:0 0 70px}
html body[class*="theme-"]:not(#t):not(.page-0) main>.cards article{border-radius:24px;padding:26px;position:relative;overflow:hidden}
html body[class*="theme-"]:not(#t):not(.page-0) main>.cards .number{display:inline-grid;place-items:center;min-width:44px;height:30px;padding:0 10px;margin:0 0 18px;border-radius:999px;font:700 13px/1 Inter,system-ui,sans-serif;opacity:1;color:#fff;background:linear-gradient(140deg,var(--p1-c1-deep),var(--p1-c2));box-shadow:0 0 18px color-mix(in oklab,var(--p1-c1) 60%,transparent)}
html body[class*="theme-"]:not(#t):not(.page-0) main>.cards h3{font-size:22px;margin:0 0 8px;color:var(--p1-ink)}
html body[class*="theme-"]:not(#t):not(.page-0) main>.cards p{font-size:15px;line-height:1.65}
html body[class*="theme-"]:not(#t):not(.page-0) .split-section{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;padding:20px 0 84px;border:0}
html body[class*="theme-"]:not(#t):not(.page-0) .split-section p{max-width:none;opacity:1;font-size:17px;line-height:1.7}
html body[class*="theme-"]:not(#t):not(.page-0) .split-section .agent-run{align-self:center}
html body[class*="theme-"]:not(#t) .connection{gap:14px;padding:26px;margin:0 0 70px;border-radius:30px;border:1px solid var(--p1-line);background:radial-gradient(500px 200px at 50% 0%,color-mix(in oklab,var(--p1-c1) 30%,transparent),transparent 70%),oklch(1 0 0 / .025);font-size:clamp(15px,1.6vw,20px);font-weight:600}
html body[class*="theme-"]:not(#t) .connection span{flex:1 1 0;text-align:center;padding:26px 18px;border-radius:20px;color:var(--p1-ink)}
html body[class*="theme-"]:not(#t) .connection span:last-child{background:linear-gradient(180deg,color-mix(in oklab,var(--p1-c3) 16%,transparent),oklch(1 0 0 / .02));border-color:color-mix(in oklab,var(--p1-c3) 40%,transparent)}
html body[class*="theme-"]:not(#t) .connection b{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--p1-on-c3);background:var(--p1-c3);box-shadow:0 0 22px color-mix(in oklab,var(--p1-c3) 70%,transparent);font-size:18px}
html body[class*="theme-"]:not(#t) .workflow-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding-bottom:84px;align-items:start}
html body[class*="theme-"]:not(#t) .workflow-grid{grid-template-columns:minmax(0,1fr)!important;gap:28px}
html body[class*="theme-"]:not(#t) .workflow-grid .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
html body[class*="theme-"]:not(#t) .workflow-grid .steps article{grid-template-columns:minmax(0,1fr)!important;align-content:start;row-gap:0}
html body[class*="theme-"]:not(#t) .workflow-grid .steps .number{grid-row:auto!important;margin:0 0 14px!important}
html body[class*="theme-"]:not(#t) .sticky-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;align-items:start}
html body[class*="theme-"]:not(#t) .sticky-example>h2,
html body[class*="theme-"]:not(#t) .sticky-example>p{grid-column:1/-1}
html body[class*="theme-"]:not(#t) .sticky-example>.agent-run{grid-column:1}
html body[class*="theme-"]:not(#t) .sticky-example>.code-example{grid-column:2;grid-row:2}
html body[class*="theme-"]:not(#t) .workflow-grid .steps article,
html body[class*="theme-"]:not(#t):not(.page-0) .steps article{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;padding:22px 24px;border-radius:22px;border-top:1px solid var(--p1-line)}
html body[class*="theme-"]:not(#t) .workflow-grid .steps .number,
html body[class*="theme-"]:not(#t):not(.page-0) .steps .number{position:static;grid-row:1/span 3;display:grid;place-items:center;width:44px;height:44px;margin:0;border-radius:14px;font:800 15px/1 var(--p1-font-display);opacity:1;color:#fff;background:linear-gradient(140deg,var(--p1-c1-deep),var(--p1-c2));box-shadow:0 0 20px color-mix(in oklab,var(--p1-c1) 55%,transparent)}
html body[class*="theme-"]:not(#t) .workflow-grid .steps h3,
html body[class*="theme-"]:not(#t):not(.page-0) .steps h3{font-size:19px;margin:2px 0 6px;color:var(--p1-ink)}
html body[class*="theme-"]:not(#t) .workflow-grid .steps p,
html body[class*="theme-"]:not(#t):not(.page-0) .steps p{font-size:15px;line-height:1.6;margin:0}
html[dir=rtl] body[class*="theme-"]:not(#t) .steps article{padding-inline:24px}
html body[class*="theme-"]:not(#t) .sticky-example{padding-top:0;min-width:0}
html body[class*="theme-"]:not(#t) .sticky-example>h2{font-size:clamp(26px,2.6vw,36px);margin:0 0 18px}
html body[class*="theme-"]:not(#t) .sticky-example .agent-run{margin:0 0 18px}
html body[class*="theme-"]:not(#t) .sticky-example>p{font-size:15px;opacity:1;color:var(--p1-muted)}
html body[class*="theme-"]:not(#t) .download-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;margin-bottom:84px;align-items:start}
html body[class*="theme-"]:not(#t) .download-grid>*{min-width:0}
html body[class*="theme-"]:not(#t) .download-card{border-radius:32px;padding:0 30px 34px;overflow:hidden;position:relative;background:linear-gradient(180deg,oklch(1 0 0 / .07),oklch(1 0 0 / .02))}
html body[class*="theme-"]:not(#t) .download-card::before{content:"";display:block;height:170px;margin:0 -30px -44px;background:var(--p1-art-envelope),var(--p1-paint-envelope);-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
html body[class*="theme-"]:not(#t) .download-card h2{font-size:30px;margin:0 0 6px}
html body[class*="theme-"]:not(#t) .download-card p{font-size:15px;margin:0 0 24px;color:var(--p1-muted)}
html body[class*="theme-"]:not(#t) .app-icon{position:relative;width:88px;height:88px;border-radius:26px;margin:0 auto 20px;color:#fff;font:900 46px/1 var(--p1-font-display);background:radial-gradient(circle at 35% 25%,oklch(1 0 0 / .55),transparent 45%),linear-gradient(140deg,var(--p1-c1-deep),var(--p1-c2));
  box-shadow:inset 0 0 0 1px oklch(1 0 0 / .25),0 18px 44px -10px color-mix(in oklab,var(--p1-c1) 90%,transparent)}
html body[class*="theme-"]:not(#t) .download-grid .setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
html body[class*="theme-"]:not(#t) .download-grid .large{margin:0}
html body[class*="theme-"]:not(#t) .privacy.reading{display:grid;gap:14px}
html body[class*="theme-"]:not(#t) .privacy article{border-radius:26px;padding:28px 30px 14px}
html body[class*="theme-"]:not(#t) .privacy article h2{font-size:clamp(24px,2.3vw,30px);margin:0 0 14px}
html body[class*="theme-"]:not(#t) .privacy p{font-size:16px;opacity:1}
html body[class*="theme-"]:not(#t) .privacy .updated{color:var(--p1-muted)!important;opacity:1!important;text-align:center}
html body[class*="theme-"]:not(#t).page-5 .faq{margin-bottom:56px}

/* ---------- 19. Footer with giant wordmark ---------- */
html body[class*="theme-"]:not(#t) footer{display:flex;flex-direction:column;border:0;padding:30px 0 0;margin-top:20px;position:relative}
html body[class*="theme-"]:not(#t) footer::before{content:"";position:absolute;top:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,var(--p1-line-strong),transparent)}
html body[class*="theme-"]:not(#t) footer nav{order:1;margin:0 0 12px;gap:6px 22px;font-size:14px}
html body[class*="theme-"]:not(#t) footer nav a{color:var(--p1-muted)}
html body[class*="theme-"]:not(#t) footer nav a:hover{color:var(--p1-ink)}
html body[class*="theme-"]:not(#t) .footer-bottom{order:2;font-size:13px;line-height:1.6;opacity:1;color:var(--p1-muted);padding-bottom:26px;border-bottom:1px solid var(--p1-line)}
html body[class*="theme-"]:not(#t) .footer-top{order:3;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 32px;padding:18px 0 0;overflow:hidden}
html body[class*="theme-"]:not(#t) .footer-top p{flex:0 1 230px;min-width:170px;font-size:14px;line-height:1.5;opacity:1;color:var(--p1-muted);margin:0 0 22px;text-align:end}
html body[class*="theme-"]:not(#t) .footer-top .brand{display:block;font-size:var(--p1-wordmark-size);font-weight:var(--p1-display-weight);letter-spacing:-.05em;flex:0 1 auto;min-width:0;line-height:.92;padding:6px 0 .06em;white-space:nowrap;
  background:linear-gradient(180deg,var(--p1-ink) 10%,color-mix(in oklab,var(--p1-c1) 70%,transparent) 62%,transparent 98%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- 20. Scripts without the display face (Cyrillic, Arabic, Devanagari, Thai, CJK) ---------- */
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body[class*="theme-"]:not(#t) :is(h1,h2,h3,summary,.hero-number){font-family:Inter,system-ui,sans-serif;font-weight:800;font-stretch:100%;letter-spacing:-.03em}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body[class*="theme-"]:not(#t) h1{font-weight:900}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body[class*="theme-"]:not(#t) .home-hero h1{max-width:22ch;font-size:calc(var(--p1-h1-size) * .86)}
html:is([lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body[class*="theme-"]:not(#t) :is(h1,h2,h3){letter-spacing:0;line-height:1.2}

/* ---------- 21. Narrower desktops ---------- */
@media (max-width:1240px){
  html body[class*="theme-"]:not(#t) .home-hero::before,
html body[class*="theme-"]:not(#t) .home-hero::after{display:none}
}
@media (max-width:1100px){
  html body[class*="theme-"]:not(#t) .home-hero .agent-run::before,
html body[class*="theme-"]:not(#t) .home-hero .agent-run::after{display:none}
  html body[class*="theme-"]:not(#t).page-0 main>.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  html body[class*="theme-"]:not(#t).page-0 main>.cards article:last-child{grid-column:auto}
  html body[class*="theme-"]:not(#t) .feature-matrix{grid-template-columns:minmax(0,1fr)}
  html body[class*="theme-"]:not(#t) .feature-matrix>table{grid-column:1;grid-row:auto;margin-top:12px}
  html body[class*="theme-"]:not(#t).page-0 .split-section .setup,
html body[class*="theme-"]:not(#t) .workflow-grid .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body[class*="theme-"]:not(#t).page-0 .split-section .setup::before{display:none}
}

/* ---------- 22. Phones ---------- */
@media (max-width:760px){
  html body[class*="theme-"]:not(#t) .wrap,
html body[class*="theme-"]:not(#t) .header{width:calc(100% - 32px)}
  html body[class*="theme-"]:not(#t) .header{min-height:0}
  html body[class*="theme-"]:not(#t) .brand{font-size:19px}
  html body[class*="theme-"]:not(#t) .brand-symbol{width:34px;height:34px;border-radius:11px}
  html body[class*="theme-"]:not(#t) h2{font-size:clamp(27px,7.6vw,34px)}
  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) .brand{font-stretch:100%}
  html body[class*="theme-"]:not(#t) .home-hero{padding:26px 0 18px}
  html body[class*="theme-"]:not(#t) .home-hero .eyebrow{margin-bottom:18px;font-size:12.5px}
  html body[class*="theme-"]:not(#t) .home-hero h1{font-size:clamp(36px,10.4vw,44px);max-width:none;margin-bottom:16px;letter-spacing:-.04em}
  html body[class*="theme-"]:not(#t) .home-hero .hero-lead{font-size:16px;line-height:1.55}
  html body[class*="theme-"]:not(#t) .home-hero .actions{margin-top:22px;gap:10px}
  html body[class*="theme-"]:not(#t) .button{padding:14px 22px}
  html body[class*="theme-"]:not(#t) .home-hero .agent-run{margin-top:34px}
  html body[class*="theme-"]:not(#t) .agent-run-bar{padding:14px 14px 10px;font-size:13px}
  html body[class*="theme-"]:not(#t) .agent-run-body{padding:2px 12px 14px}
  html body[class*="theme-"]:not(#t) .agent-run-prompt{padding:14px 15px 16px;border-radius:15px}
  html body[class*="theme-"]:not(#t) .agent-run-prompt span{font-size:16px}
  html body[class*="theme-"]:not(#t) .agent-run-steps li{grid-template-columns:none}
  html body[class*="theme-"]:not(#t) .agent-run-foot>span:first-child{flex-basis:100%}
  html body[class*="theme-"]:not(#t).page-0 main>.cards,
html body[class*="theme-"]:not(#t).page-0 main>.cards{grid-template-columns:minmax(0,1fr);gap:8px;padding:18px 0 48px}
  html body[class*="theme-"]:not(#t).page-0 main>.cards article{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:baseline;padding:14px 18px 16px;border-radius:18px}
  html body[class*="theme-"]:not(#t).page-0 main>.cards article:last-child{grid-column:auto}
  html body[class*="theme-"]:not(#t).page-0 main>.cards .number{margin:0}
  html body[class*="theme-"]:not(#t).page-0 main>.cards h3{margin:0;font-size:21px;text-align:end}
  html body[class*="theme-"]:not(#t).page-0 main>.cards p{grid-column:1/-1;margin-top:4px}
  html body[class*="theme-"]:not(#t) .scenario{grid-template-columns:minmax(0,1fr);padding:22px 20px 24px;border-radius:26px;margin-bottom:52px}
  html body[class*="theme-"]:not(#t) .scenario::after{grid-column:1;grid-row:auto;min-height:150px;margin-top:22px;order:9}
  html body[class*="theme-"]:not(#t) .scenario p{font-size:16px}
  html body[class*="theme-"]:not(#t).page-0 .reading>.steps{grid-template-columns:minmax(0,1fr);gap:14px}
  html body[class*="theme-"]:not(#t).page-0 .reading>.steps article::before{height:120px;margin-bottom:18px}
  html body[class*="theme-"]:not(#t).page-0 .reading>.steps h3{margin-inline:20px;font-size:20px}
  html body[class*="theme-"]:not(#t).page-0 .reading>.steps p{margin-inline:20px}
  html body[class*="theme-"]:not(#t).page-0 .reading>.steps .code-example{margin-inline:16px}
  html body[class*="theme-"]:not(#t) .code-example pre{white-space:pre;overflow-x:auto}
  html body[class*="theme-"]:not(#t) .feature-matrix{padding-bottom:56px}
  html body[class*="theme-"]:not(#t) .feature-matrix th,
html body[class*="theme-"]:not(#t) .feature-matrix td{display:table-cell;width:auto;padding:12px 10px;font-size:13.5px;border-bottom:1px solid var(--p1-line)}
  html body[class*="theme-"]:not(#t) .feature-matrix tr:last-child>*{border-bottom:0}
  html body[class*="theme-"]:not(#t) .feature-matrix thead th{font-size:12px}
  html body[class*="theme-"]:not(#t).page-0 .split-section{padding-bottom:56px}
  html body[class*="theme-"]:not(#t).page-0 .split-section .setup{grid-template-columns:minmax(0,1fr)}
  html body[class*="theme-"]:not(#t) .setup li{padding:18px 18px 18px 66px}
  html[dir=rtl] body[class*="theme-"]:not(#t) .setup li{padding:18px 66px 18px 18px}
  html body[class*="theme-"]:not(#t).page-0 .split-section .setup li{padding-top:18px}
  html body[class*="theme-"]:not(#t) .setup li::before{top:16px}
  html body[class*="theme-"]:not(#t).page-0 .reading:has(>h2+p+p+p):not(:has(.steps,.text-link)){grid-template-columns:minmax(0,1fr);padding-bottom:56px}
  html body[class*="theme-"]:not(#t).page-0 .reading:has(>h2+p+p+p):not(:has(.steps,.text-link))>p{padding:20px}
  html body[class*="theme-"]:not(#t) .reading p:has(>.text-link){grid-template-columns:minmax(0,1fr)}
  html body[class*="theme-"]:not(#t) .reading p{font-size:16px}
  html body[class*="theme-"]:not(#t) .faq{margin-bottom:56px}
  html body[class*="theme-"]:not(#t) .faq summary{font-size:16.5px;padding:17px 56px 17px 18px}
  html[dir=rtl] body[class*="theme-"]:not(#t) .faq summary{padding:17px 18px 17px 56px}
  html body[class*="theme-"]:not(#t) .faq summary::after{inset-inline-end:14px}
  html body[class*="theme-"]:not(#t) .faq details p{padding:0 18px 18px;font-size:15.5px}
  html body[class*="theme-"]:not(#t) .closing{grid-template-columns:minmax(0,1fr);padding:30px 22px;border-radius:28px;margin-bottom:56px}
  html body[class*="theme-"]:not(#t) .closing::after{grid-column:1;grid-row:auto;min-height:150px;margin-top:24px;order:9;width:100%}
  html body[class*="theme-"]:not(#t) .closing h2{font-size:clamp(28px,8vw,36px)}
  html body[class*="theme-"]:not(#t) .inner-hero{grid-template-columns:minmax(0,1fr);padding:34px 22px 36px;margin:14px 0 36px;border-radius:28px}
  html body[class*="theme-"]:not(#t) .inner-hero::before{width:100%;opacity:.28}
  html body[class*="theme-"]:not(#t) .inner-hero h1{font-size:clamp(32px,9vw,42px);max-width:none}
  html body[class*="theme-"]:not(#t):not(.page-0) .split-section,
html body[class*="theme-"]:not(#t) .workflow-grid,
html body[class*="theme-"]:not(#t) .download-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  html body[class*="theme-"]:not(#t) .workflow-grid .steps,
html body[class*="theme-"]:not(#t) .sticky-example{grid-template-columns:minmax(0,1fr)}
  html body[class*="theme-"]:not(#t) .sticky-example>.code-example{grid-column:1;grid-row:auto}
  html body[class*="theme-"]:not(#t):not(.page-0) main>.cards{grid-template-columns:minmax(0,1fr)}
  html body[class*="theme-"]:not(#t) .download-grid .setup{grid-template-columns:minmax(0,1fr)}
  html body[class*="theme-"]:not(#t) .connection{flex-direction:column;align-items:stretch;padding:16px}
  html body[class*="theme-"]:not(#t) .connection b{align-self:center;transform:rotate(90deg)}
  html body[class*="theme-"]:not(#t) .feature-list{grid-template-columns:minmax(0,1fr)}
  html body[class*="theme-"]:not(#t) .privacy article{padding:22px 20px 8px}
  html body[class*="theme-"]:not(#t) .footer-top .brand{font-size:clamp(40px,12.5vw,64px);white-space:normal;overflow-wrap:anywhere}
  html body[class*="theme-"]:not(#t) .footer-top{justify-content:flex-start}
  html body[class*="theme-"]:not(#t) .footer-top p{text-align:start;max-width:none;flex-basis:100%;margin:0 0 4px;order:-1}
  html body[class*="theme-"]:not(#t) .footer-bottom{flex-direction:column;gap:6px}
}
@media (prefers-reduced-motion:reduce){html body[class*="theme-"]:not(#t) .agent-run-prompt span::after{animation:none}}

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

/* p1-studio demo values: modelshrink.com (ModelTrim — shrinking local models via quantization).
   Teal ground, lime highlight, mint third glow; LIGHT composer (--p1-win:1) + variant-split.css.
   Display face: Funnel Display 800 (Google Fonts, SIL OFL; latin, latin-ext, vietnamese — ru/uk/ar/hi/th/ja/ko headings use heavy Inter via template §20).
   Google Fonts link for previews: family=Inter:wght@400;500;600;700;800;900&family=Funnel+Display:wght@300..800
   Art: bits (16/8/4 chips), ppl (perplexity vs bit width), size (before/after columns), weights (histogram snapping to levels),
   pipe (16 -> 8 -> 4 shrinking blocks), layers (per-layer bit list) — generated by gen-demo-modelshrink.com.py from art-modelshrink.com/*.svg. */
:root{
  --p1-hue:200;
  --p1-hue-2:125;
  --p1-hue-3:165;
  --p1-win:1;
  --p1-font-display:"Funnel Display",Inter,system-ui,sans-serif;
  --p1-display-weight:800;
  --p1-display-stretch:100%;
  --p1-h1-size:clamp(46px,6vw,80px);
  --p1-wordmark-size:clamp(56px,14.4vw,196px);
}
/*ART-BEGIN*/
html body[class*="theme-"]:not(#t){
  --p1-art-bubbles:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 260%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%22.8%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.7%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%22.12%22/%3E%3Cstop offset=%221%22 stop-color=%22%23000%22 stop-opacity=%22.42%22/%3E%3C/linearGradient%3E%3Cfilter id=%22b%22 x=%22-50%25%22 y=%22-50%25%22 width=%22200%25%22 height=%22200%25%22%3E%3CfeGaussianBlur stdDeviation=%229%22/%3E%3C/filter%3E%3C/defs%3E%3Cellipse cx=%22200%22 cy=%22222%22 rx=%22120%22 ry=%2210%22 fill=%22%23000%22 opacity=%22.45%22 filter=%22url(%23b)%22/%3E%3Crect x=%2284%22 y=%2246%22 width=%22232%22 height=%2246%22 rx=%2216%22 fill=%22url(%23g)%22 opacity=%221%22 stroke=%22%23fff%22 stroke-opacity=%22.5%22 stroke-width=%221.5%22/%3E%3Ctext x=%22102%22 y=%2277%22 font-family=%22Inter,Arial,sans-serif%22 font-weight=%22800%22 font-size=%2222%22 fill=%22%23fff%22 opacity=%22.95%22%3E16%3C/text%3E%3Crect x=%22150.0%22 y=%2257%22 width=%226.2%22 height=%2224%22 rx=%222.1%22 fill=%22%23fff%22 opacity=%220.55%22/%3E%3Crect x=%22159.2%22 y=%2257%22 width=%226.2%22 height=%2224%22 rx=%222.1%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Crect x=%22168.5%22 y=%2257%22 width=%226.2%22 height=%2224%22 rx=%222.1%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Crect x=%22177.8%22 y=%2257%22 width=%226.2%22 height=%2224%22 rx=%222.1%22 fill=%22%23fff%22 opacity=%220.55%22/%3E%3Crect x=%22187.0%22 y=%2257%22 width=%226.2%22 height=%2224%22 rx=%222.1%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Crect x=%22196.2%22 y=%2257%22 width=%226.2%22 height=%2224%22 rx=%222.1%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Crect x=%22205.5%22 y=%2257%22 width=%226.2%22 height=%2224%22 rx=%222.1%22 fill=%22%23fff%22 opacity=%220.55%22/%3E%3Crect x=%22214.8%22 y=%2257%22 width=%226.2%22 height=%2224%22 rx=%222.1%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Crect x=%22224.0%22 y=%2257%22 width=%226.2%22 height=%2224%22 rx=%222.1%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Crect x=%22233.2%22 y=%2257%22 width=%226.2%22 height=%2224%22 rx=%222.1%22 fill=%22%23fff%22 opacity=%220.55%22/%3E%3Crect x=%22242.5%22 y=%2257%22 width=%226.2%22 height=%2224%22 rx=%222.1%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Crect x=%22251.8%22 y=%2257%22 width=%226.2%22 height=%2224%22 rx=%222.1%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Crect x=%22261.0%22 y=%2257%22 width=%226.2%22 height=%2224%22 rx=%222.1%22 fill=%22%23fff%22 opacity=%220.55%22/%3E%3Crect x=%22270.2%22 y=%2257%22 width=%226.2%22 height=%2224%22 rx=%222.1%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Crect x=%22279.5%22 y=%2257%22 width=%226.2%22 height=%2224%22 rx=%222.1%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Crect x=%22288.8%22 y=%2257%22 width=%226.2%22 height=%2224%22 rx=%222.1%22 fill=%22%23fff%22 opacity=%220.55%22/%3E%3Crect x=%2284%22 y=%22102%22 width=%22232%22 height=%2246%22 rx=%2216%22 fill=%22url(%23g)%22 opacity=%220.8%22 stroke=%22%23fff%22 stroke-opacity=%22.5%22 stroke-width=%221.5%22/%3E%3Ctext x=%22102%22 y=%22133%22 font-family=%22Inter,Arial,sans-serif%22 font-weight=%22800%22 font-size=%2222%22 fill=%22%23fff%22 opacity=%22.95%22%3E8%3C/text%3E%3Crect x=%22150.0%22 y=%22113%22 width=%2215.5%22 height=%2224%22 rx=%225.0%22 fill=%22%23fff%22 opacity=%220.55%22/%3E%3Crect x=%22168.5%22 y=%22113%22 width=%2215.5%22 height=%2224%22 rx=%225.0%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Crect x=%22187.0%22 y=%22113%22 width=%2215.5%22 height=%2224%22 rx=%225.0%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Crect x=%22205.5%22 y=%22113%22 width=%2215.5%22 height=%2224%22 rx=%225.0%22 fill=%22%23fff%22 opacity=%220.55%22/%3E%3Crect x=%22224.0%22 y=%22113%22 width=%2215.5%22 height=%2224%22 rx=%225.0%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Crect x=%22242.5%22 y=%22113%22 width=%2215.5%22 height=%2224%22 rx=%225.0%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Crect x=%22261.0%22 y=%22113%22 width=%2215.5%22 height=%2224%22 rx=%225.0%22 fill=%22%23fff%22 opacity=%220.55%22/%3E%3Crect x=%22279.5%22 y=%22113%22 width=%2215.5%22 height=%2224%22 rx=%225.0%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Crect x=%2284%22 y=%22158%22 width=%22232%22 height=%2246%22 rx=%2216%22 fill=%22url(%23g)%22 opacity=%220.65%22 stroke=%22%23fff%22 stroke-opacity=%22.5%22 stroke-width=%221.5%22/%3E%3Ctext x=%22102%22 y=%22189%22 font-family=%22Inter,Arial,sans-serif%22 font-weight=%22800%22 font-size=%2222%22 fill=%22%23fff%22 opacity=%22.95%22%3E4%3C/text%3E%3Crect x=%22150.0%22 y=%22169%22 width=%2232.0%22 height=%2224%22 rx=%225.0%22 fill=%22%23fff%22 opacity=%220.55%22/%3E%3Crect x=%22187.0%22 y=%22169%22 width=%2232.0%22 height=%2224%22 rx=%225.0%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Crect x=%22224.0%22 y=%22169%22 width=%2232.0%22 height=%2224%22 rx=%225.0%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Crect x=%22261.0%22 y=%22169%22 width=%2232.0%22 height=%2224%22 rx=%225.0%22 fill=%22%23fff%22 opacity=%220.55%22/%3E%3Cpath d=%22M192 91l8 6 8-6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.85%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M192 147l8 6 8-6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.85%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center/cover no-repeat;
  --p1-art-orb:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 260%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%22.8%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.7%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%22.12%22/%3E%3Cstop offset=%221%22 stop-color=%22%23000%22 stop-opacity=%22.42%22/%3E%3C/linearGradient%3E%3Cfilter id=%22b%22 x=%22-50%25%22 y=%22-50%25%22 width=%22200%25%22 height=%22200%25%22%3E%3CfeGaussianBlur stdDeviation=%229%22/%3E%3C/filter%3E%3C/defs%3E%3Cellipse cx=%22200%22 cy=%22224%22 rx=%22130%22 ry=%2210%22 fill=%22%23000%22 opacity=%22.45%22 filter=%22url(%23b)%22/%3E%3Crect x=%2264%22 y=%2240%22 width=%22272%22 height=%22170%22 rx=%2220%22 fill=%22url(%23g)%22 opacity=%22.85%22 stroke=%22%23fff%22 stroke-opacity=%22.5%22 stroke-width=%221.5%22/%3E%3Cpath d=%22M84 82H316%22 stroke=%22%23fff%22 stroke-opacity=%22.18%22 stroke-width=%221.5%22/%3E%3Cpath d=%22M84 122H316%22 stroke=%22%23fff%22 stroke-opacity=%22.18%22 stroke-width=%221.5%22/%3E%3Cpath d=%22M84 162H316%22 stroke=%22%23fff%22 stroke-opacity=%22.18%22 stroke-width=%221.5%22/%3E%3Cpath d=%22M84 98H316%22 stroke=%22%23fff%22 stroke-opacity=%22.6%22 stroke-width=%222%22 stroke-dasharray=%226 6%22/%3E%3Cpath d=%22M100 100 L136 101 L172 103 L208 108 L244 119 L280 150 L312 190%22 fill=%22none%22 stroke=%22%23000%22 stroke-opacity=%22.35%22 stroke-width=%228%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 filter=%22url(%23b)%22/%3E%3Cpath d=%22M100 100 L136 101 L172 103 L208 108 L244 119 L280 150 L312 190%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%224.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%225.5%22 fill=%22%23fff%22 opacity=%220.85%22/%3E%3Ccircle cx=%22136%22 cy=%22101%22 r=%225.5%22 fill=%22%23fff%22 opacity=%220.85%22/%3E%3Ccircle cx=%22172%22 cy=%22103%22 r=%225.5%22 fill=%22%23fff%22 opacity=%220.85%22/%3E%3Ccircle cx=%22208%22 cy=%22108%22 r=%227%22 fill=%22%23fff%22 opacity=%221%22/%3E%3Ccircle cx=%22244%22 cy=%22119%22 r=%225.5%22 fill=%22%23fff%22 opacity=%220.85%22/%3E%3Ccircle cx=%22280%22 cy=%22150%22 r=%225.5%22 fill=%22%23fff%22 opacity=%220.85%22/%3E%3Ccircle cx=%22312%22 cy=%22190%22 r=%225.5%22 fill=%22%23fff%22 opacity=%220.85%22/%3E%3Ccircle cx=%22208%22 cy=%22108%22 r=%2213%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%222%22/%3E%3Crect x=%2284%22 y=%22190%22 width=%22110%22 height=%229%22 rx=%224.5%22 fill=%22%23fff%22 opacity=%22.35%22/%3E%3C/svg%3E") center/cover no-repeat;
  --p1-art-envelope:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 260%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%22.8%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.7%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%22.12%22/%3E%3Cstop offset=%221%22 stop-color=%22%23000%22 stop-opacity=%22.42%22/%3E%3C/linearGradient%3E%3Cfilter id=%22b%22 x=%22-50%25%22 y=%22-50%25%22 width=%22200%25%22 height=%22200%25%22%3E%3CfeGaussianBlur stdDeviation=%229%22/%3E%3C/filter%3E%3C/defs%3E%3Cellipse cx=%22200%22 cy=%22224%22 rx=%22120%22 ry=%2210%22 fill=%22%23000%22 opacity=%22.45%22 filter=%22url(%23b)%22/%3E%3Crect x=%2296%22 y=%2256%22 width=%2264%22 height=%22152%22 rx=%2214%22 fill=%22url(%23g)%22 opacity=%221%22 stroke=%22%23fff%22 stroke-opacity=%22.5%22 stroke-width=%221.5%22/%3E%3Crect x=%22110%22 y=%2272%22 width=%2236%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%220.50%22/%3E%3Crect x=%22110%22 y=%2294%22 width=%2236%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%220.46%22/%3E%3Crect x=%22110%22 y=%22116%22 width=%2236%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%220.41%22/%3E%3Crect x=%22110%22 y=%22138%22 width=%2236%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%220.37%22/%3E%3Crect x=%22110%22 y=%22160%22 width=%2236%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%220.32%22/%3E%3Crect x=%22110%22 y=%22182%22 width=%2236%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%220.28%22/%3E%3Crect x=%22164%22 y=%22104%22 width=%2264%22 height=%22104%22 rx=%2214%22 fill=%22url(%23g)%22 opacity=%220.85%22 stroke=%22%23fff%22 stroke-opacity=%22.5%22 stroke-width=%221.5%22/%3E%3Crect x=%22178%22 y=%22120%22 width=%2236%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%220.50%22/%3E%3Crect x=%22178%22 y=%22142%22 width=%2236%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%220.46%22/%3E%3Crect x=%22178%22 y=%22164%22 width=%2236%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%220.41%22/%3E%3Crect x=%22178%22 y=%22186%22 width=%2236%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%220.37%22/%3E%3Crect x=%22232%22 y=%22148%22 width=%2264%22 height=%2260%22 rx=%2214%22 fill=%22url(%23g)%22 opacity=%220.7%22 stroke=%22%23fff%22 stroke-opacity=%22.5%22 stroke-width=%221.5%22/%3E%3Crect x=%22246%22 y=%22164%22 width=%2236%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%220.50%22/%3E%3Crect x=%22246%22 y=%22186%22 width=%2236%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%220.46%22/%3E%3Cpath d=%22M170 76C206 76 224 88 232 112%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.75%22 stroke-width=%223%22 stroke-dasharray=%221 7%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M246 120C268 124 280 136 290 156%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.75%22 stroke-width=%223%22 stroke-dasharray=%221 7%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M92 214H304%22 stroke=%22%23fff%22 stroke-opacity=%22.55%22 stroke-width=%222.5%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") center/cover no-repeat;
  --p1-art-ribbons:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 260%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%22.8%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.7%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%22.12%22/%3E%3Cstop offset=%221%22 stop-color=%22%23000%22 stop-opacity=%22.42%22/%3E%3C/linearGradient%3E%3Cfilter id=%22b%22 x=%22-50%25%22 y=%22-50%25%22 width=%22200%25%22 height=%22200%25%22%3E%3CfeGaussianBlur stdDeviation=%229%22/%3E%3C/filter%3E%3C/defs%3E%3Cellipse cx=%22200%22 cy=%22224%22 rx=%22130%22 ry=%2210%22 fill=%22%23000%22 opacity=%22.45%22 filter=%22url(%23b)%22/%3E%3Crect x=%2264%22 y=%2242%22 width=%22272%22 height=%22168%22 rx=%2220%22 fill=%22url(%23g)%22 opacity=%22.8%22 stroke=%22%23fff%22 stroke-opacity=%22.5%22 stroke-width=%221.5%22/%3E%3Crect x=%2284.0%22 y=%22188.2%22 width=%226.4%22 height=%225.8%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.36%22/%3E%3Crect x=%2293.6%22 y=%22186.6%22 width=%226.4%22 height=%227.4%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.36%22/%3E%3Crect x=%22103.2%22 y=%22183.9%22 width=%226.4%22 height=%2210.1%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.37%22/%3E%3Crect x=%22112.8%22 y=%22179.5%22 width=%226.4%22 height=%2214.5%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.39%22/%3E%3Crect x=%22122.4%22 y=%22173.0%22 width=%226.4%22 height=%2221.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.42%22/%3E%3Crect x=%22132.0%22 y=%22164.1%22 width=%226.4%22 height=%2229.9%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.45%22/%3E%3Crect x=%22141.6%22 y=%22152.5%22 width=%226.4%22 height=%2241.5%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.49%22/%3E%3Crect x=%22151.2%22 y=%22138.8%22 width=%226.4%22 height=%2255.2%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.55%22/%3E%3Crect x=%22160.8%22 y=%22123.9%22 width=%226.4%22 height=%2270.1%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.60%22/%3E%3Crect x=%22170.4%22 y=%22109.4%22 width=%226.4%22 height=%2284.6%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.66%22/%3E%3Crect x=%22180.0%22 y=%2297.1%22 width=%226.4%22 height=%2296.9%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.71%22/%3E%3Crect x=%22189.6%22 y=%2288.9%22 width=%226.4%22 height=%22105.1%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.74%22/%3E%3Crect x=%22199.2%22 y=%2286.0%22 width=%226.4%22 height=%22108.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.75%22/%3E%3Crect x=%22208.8%22 y=%2288.9%22 width=%226.4%22 height=%22105.1%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.74%22/%3E%3Crect x=%22218.4%22 y=%2297.1%22 width=%226.4%22 height=%2296.9%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.71%22/%3E%3Crect x=%22228.0%22 y=%22109.4%22 width=%226.4%22 height=%2284.6%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.66%22/%3E%3Crect x=%22237.6%22 y=%22123.9%22 width=%226.4%22 height=%2270.1%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.60%22/%3E%3Crect x=%22247.2%22 y=%22138.8%22 width=%226.4%22 height=%2255.2%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.55%22/%3E%3Crect x=%22256.8%22 y=%22152.5%22 width=%226.4%22 height=%2241.5%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.49%22/%3E%3Crect x=%22266.4%22 y=%22164.1%22 width=%226.4%22 height=%2229.9%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.45%22/%3E%3Crect x=%22276.0%22 y=%22173.0%22 width=%226.4%22 height=%2221.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.42%22/%3E%3Crect x=%22285.6%22 y=%22179.5%22 width=%226.4%22 height=%2214.5%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.39%22/%3E%3Crect x=%22295.2%22 y=%22183.9%22 width=%226.4%22 height=%2210.1%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.37%22/%3E%3Crect x=%22304.8%22 y=%22186.6%22 width=%226.4%22 height=%227.4%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.36%22/%3E%3Crect x=%22314.4%22 y=%22188.2%22 width=%226.4%22 height=%225.8%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.36%22/%3E%3Cpath d=%22M100 50V194%22 stroke=%22%23fff%22 stroke-opacity=%22.5%22 stroke-width=%222%22 stroke-dasharray=%223 6%22/%3E%3Cpath d=%22M150 50V194%22 stroke=%22%23fff%22 stroke-opacity=%22.5%22 stroke-width=%222%22 stroke-dasharray=%223 6%22/%3E%3Cpath d=%22M200 50V194%22 stroke=%22%23fff%22 stroke-opacity=%22.5%22 stroke-width=%222%22 stroke-dasharray=%223 6%22/%3E%3Cpath d=%22M250 50V194%22 stroke=%22%23fff%22 stroke-opacity=%22.5%22 stroke-width=%222%22 stroke-dasharray=%223 6%22/%3E%3Cpath d=%22M300 50V194%22 stroke=%22%23fff%22 stroke-opacity=%22.5%22 stroke-width=%222%22 stroke-dasharray=%223 6%22/%3E%3Cpath d=%22M84 188H125V152H175V118H225V152H275V188H316%22 fill=%22none%22 stroke=%22%23000%22 stroke-opacity=%22.3%22 stroke-width=%227%22 stroke-linejoin=%22round%22 filter=%22url(%23b)%22/%3E%3Cpath d=%22M84 188H125V152H175V118H225V152H275V188H316%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%224%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M84 198H316%22 stroke=%22%23fff%22 stroke-opacity=%22.6%22 stroke-width=%222.5%22/%3E%3C/svg%3E") center/cover no-repeat;
  --p1-art-nodes:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 260%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%22.8%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.7%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%22.12%22/%3E%3Cstop offset=%221%22 stop-color=%22%23000%22 stop-opacity=%22.42%22/%3E%3C/linearGradient%3E%3Cfilter id=%22b%22 x=%22-50%25%22 y=%22-50%25%22 width=%22200%25%22 height=%22200%25%22%3E%3CfeGaussianBlur stdDeviation=%229%22/%3E%3C/filter%3E%3C/defs%3E%3Cg fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.6%22 stroke-width=%222.5%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M148 130H182%22/%3E%3Cpath d=%22M240 130H266%22/%3E%3C/g%3E%3Cpath d=%22M170 122l12 8-12 8M254 122l12 8-12 8%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.85%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cg fill=%22%23000%22 opacity=%22.4%22 filter=%22url(%23b)%22%3E%3Crect x=%2252%22 y=%2276%22 width=%2298%22 height=%22108%22 rx=%2220%22/%3E%3Crect x=%22186%22 y=%2294%22 width=%2266%22 height=%2272%22 rx=%2216%22/%3E%3Crect x=%22288%22 y=%22108%22 width=%2240%22 height=%2244%22 rx=%2212%22/%3E%3C/g%3E%3Crect x=%2248%22 y=%2268%22 width=%2298%22 height=%22108%22 rx=%2220%22 fill=%22url(%23g)%22 opacity=%221%22 stroke=%22%23fff%22 stroke-opacity=%22.55%22 stroke-width=%221.5%22/%3E%3Crect x=%2261.5%22 y=%2281.5%22 width=%2215.5%22 height=%2218.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Crect x=%2280.0%22 y=%2281.5%22 width=%2215.5%22 height=%2218.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.42%22/%3E%3Crect x=%2298.5%22 y=%2281.5%22 width=%2215.5%22 height=%2218.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Crect x=%22117.0%22 y=%2281.5%22 width=%2215.5%22 height=%2218.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.42%22/%3E%3Crect x=%2261.5%22 y=%22102.5%22 width=%2215.5%22 height=%2218.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.42%22/%3E%3Crect x=%2280.0%22 y=%22102.5%22 width=%2215.5%22 height=%2218.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Crect x=%2298.5%22 y=%22102.5%22 width=%2215.5%22 height=%2218.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.42%22/%3E%3Crect x=%22117.0%22 y=%22102.5%22 width=%2215.5%22 height=%2218.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Crect x=%2261.5%22 y=%22123.5%22 width=%2215.5%22 height=%2218.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Crect x=%2280.0%22 y=%22123.5%22 width=%2215.5%22 height=%2218.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.42%22/%3E%3Crect x=%2298.5%22 y=%22123.5%22 width=%2215.5%22 height=%2218.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Crect x=%22117.0%22 y=%22123.5%22 width=%2215.5%22 height=%2218.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.42%22/%3E%3Crect x=%2261.5%22 y=%22144.5%22 width=%2215.5%22 height=%2218.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.42%22/%3E%3Crect x=%2280.0%22 y=%22144.5%22 width=%2215.5%22 height=%2218.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Crect x=%2298.5%22 y=%22144.5%22 width=%2215.5%22 height=%2218.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.42%22/%3E%3Crect x=%22117.0%22 y=%22144.5%22 width=%2215.5%22 height=%2218.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Crect x=%22182%22 y=%2288%22 width=%2266%22 height=%2272%22 rx=%2216%22 fill=%22url(%23g)%22 opacity=%220.85%22 stroke=%22%23fff%22 stroke-opacity=%22.55%22 stroke-width=%221.5%22/%3E%3Crect x=%22195.5%22 y=%22101.5%22 width=%2211.0%22 height=%2213.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Crect x=%22209.5%22 y=%22101.5%22 width=%2211.0%22 height=%2213.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.42%22/%3E%3Crect x=%22223.5%22 y=%22101.5%22 width=%2211.0%22 height=%2213.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Crect x=%22195.5%22 y=%22117.5%22 width=%2211.0%22 height=%2213.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.42%22/%3E%3Crect x=%22209.5%22 y=%22117.5%22 width=%2211.0%22 height=%2213.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Crect x=%22223.5%22 y=%22117.5%22 width=%2211.0%22 height=%2213.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.42%22/%3E%3Crect x=%22195.5%22 y=%22133.5%22 width=%2211.0%22 height=%2213.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Crect x=%22209.5%22 y=%22133.5%22 width=%2211.0%22 height=%2213.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.42%22/%3E%3Crect x=%22223.5%22 y=%22133.5%22 width=%2211.0%22 height=%2213.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Crect x=%22284%22 y=%22104%22 width=%2240%22 height=%2244%22 rx=%2212%22 fill=%22url(%23g)%22 opacity=%220.7%22 stroke=%22%23fff%22 stroke-opacity=%22.55%22 stroke-width=%221.5%22/%3E%3Crect x=%22297.5%22 y=%22117.5%22 width=%225.0%22 height=%227.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Crect x=%22305.5%22 y=%22117.5%22 width=%225.0%22 height=%227.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.42%22/%3E%3Crect x=%22297.5%22 y=%22127.5%22 width=%225.0%22 height=%227.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.42%22/%3E%3Crect x=%22305.5%22 y=%22127.5%22 width=%225.0%22 height=%227.0%22 rx=%223%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Cpath d=%22M60 206H316%22 stroke=%22%23fff%22 stroke-opacity=%22.4%22 stroke-width=%222%22 stroke-dasharray=%222 8%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") center/cover no-repeat;
  --p1-art-stack:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 260%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%22.8%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.7%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%22.12%22/%3E%3Cstop offset=%221%22 stop-color=%22%23000%22 stop-opacity=%22.42%22/%3E%3C/linearGradient%3E%3Cfilter id=%22b%22 x=%22-50%25%22 y=%22-50%25%22 width=%22200%25%22 height=%22200%25%22%3E%3CfeGaussianBlur stdDeviation=%229%22/%3E%3C/filter%3E%3C/defs%3E%3Cellipse cx=%22200%22 cy=%22224%22 rx=%22130%22 ry=%2210%22 fill=%22%23000%22 opacity=%22.45%22 filter=%22url(%23b)%22/%3E%3Cg transform=%22translate(200 130) skewY(-5) translate(-200 -130)%22%3E%3Crect x=%2272%22 y=%2252%22 width=%22256%22 height=%2223%22 rx=%229%22 fill=%22url(%23g)%22 opacity=%221%22 stroke=%22%23fff%22 stroke-opacity=%22.45%22 stroke-width=%221.2%22/%3E%3Ccircle cx=%2290%22 cy=%2263.5%22 r=%225%22 fill=%22%23fff%22 opacity=%22.85%22/%3E%3Crect x=%22104%22 y=%2259.5%22 width=%22110%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%22.7%22/%3E%3Crect x=%22278%22 y=%2256%22 width=%2238%22 height=%2215%22 rx=%227.5%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ctext x=%22297%22 y=%2267%22 text-anchor=%22middle%22 font-family=%22Inter,Arial,sans-serif%22 font-weight=%22800%22 font-size=%2210.5%22 fill=%22%23000%22 opacity=%22.75%22%3E16%3C/text%3E%3Crect x=%2272%22 y=%2280%22 width=%22256%22 height=%2223%22 rx=%229%22 fill=%22url(%23g)%22 opacity=%220.9%22 stroke=%22%23fff%22 stroke-opacity=%22.45%22 stroke-width=%221.2%22/%3E%3Ccircle cx=%2290%22 cy=%2291.5%22 r=%225%22 fill=%22%23fff%22 opacity=%22.85%22/%3E%3Crect x=%22104%22 y=%2287.5%22 width=%2296%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%22.7%22/%3E%3Crect x=%22278%22 y=%2284%22 width=%2238%22 height=%2215%22 rx=%227.5%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ctext x=%22297%22 y=%2295%22 text-anchor=%22middle%22 font-family=%22Inter,Arial,sans-serif%22 font-weight=%22800%22 font-size=%2210.5%22 fill=%22%23000%22 opacity=%22.75%22%3E8%3C/text%3E%3Crect x=%2272%22 y=%22108%22 width=%22256%22 height=%2223%22 rx=%229%22 fill=%22url(%23g)%22 opacity=%220.9%22 stroke=%22%23fff%22 stroke-opacity=%22.45%22 stroke-width=%221.2%22/%3E%3Ccircle cx=%2290%22 cy=%22119.5%22 r=%225%22 fill=%22%23fff%22 opacity=%22.85%22/%3E%3Crect x=%22104%22 y=%22115.5%22 width=%22120%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%22.7%22/%3E%3Crect x=%22278%22 y=%22112%22 width=%2238%22 height=%2215%22 rx=%227.5%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ctext x=%22297%22 y=%22123%22 text-anchor=%22middle%22 font-family=%22Inter,Arial,sans-serif%22 font-weight=%22800%22 font-size=%2210.5%22 fill=%22%23000%22 opacity=%22.75%22%3E8%3C/text%3E%3Crect x=%2272%22 y=%22136%22 width=%22256%22 height=%2223%22 rx=%229%22 fill=%22url(%23g)%22 opacity=%220.75%22 stroke=%22%23fff%22 stroke-opacity=%22.45%22 stroke-width=%221.2%22/%3E%3Ccircle cx=%2290%22 cy=%22147.5%22 r=%225%22 fill=%22%23fff%22 opacity=%22.85%22/%3E%3Crect x=%22104%22 y=%22143.5%22 width=%2284%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%22.7%22/%3E%3Crect x=%22278%22 y=%22140%22 width=%2238%22 height=%2215%22 rx=%227.5%22 fill=%22%23fff%22 opacity=%220.85%22/%3E%3Ctext x=%22297%22 y=%22151%22 text-anchor=%22middle%22 font-family=%22Inter,Arial,sans-serif%22 font-weight=%22800%22 font-size=%2210.5%22 fill=%22%23000%22 opacity=%22.75%22%3E4%3C/text%3E%3Crect x=%2272%22 y=%22164%22 width=%22256%22 height=%2223%22 rx=%229%22 fill=%22url(%23g)%22 opacity=%220.75%22 stroke=%22%23fff%22 stroke-opacity=%22.45%22 stroke-width=%221.2%22/%3E%3Ccircle cx=%2290%22 cy=%22175.5%22 r=%225%22 fill=%22%23fff%22 opacity=%22.85%22/%3E%3Crect x=%22104%22 y=%22171.5%22 width=%22100%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%22.7%22/%3E%3Crect x=%22278%22 y=%22168%22 width=%2238%22 height=%2215%22 rx=%227.5%22 fill=%22%23fff%22 opacity=%220.85%22/%3E%3Ctext x=%22297%22 y=%22179%22 text-anchor=%22middle%22 font-family=%22Inter,Arial,sans-serif%22 font-weight=%22800%22 font-size=%2210.5%22 fill=%22%23000%22 opacity=%22.75%22%3E4%3C/text%3E%3Crect x=%2272%22 y=%22192%22 width=%22256%22 height=%2223%22 rx=%229%22 fill=%22url(%23g)%22 opacity=%220.6%22 stroke=%22%23fff%22 stroke-opacity=%22.45%22 stroke-width=%221.2%22/%3E%3Ccircle cx=%2290%22 cy=%22203.5%22 r=%225%22 fill=%22%23fff%22 opacity=%22.85%22/%3E%3Crect x=%22104%22 y=%22199.5%22 width=%2270%22 height=%228%22 rx=%224%22 fill=%22%23fff%22 opacity=%22.7%22/%3E%3Crect x=%22278%22 y=%22196%22 width=%2238%22 height=%2215%22 rx=%227.5%22 fill=%22%23fff%22 opacity=%220.85%22/%3E%3Ctext x=%22297%22 y=%22207%22 text-anchor=%22middle%22 font-family=%22Inter,Arial,sans-serif%22 font-weight=%22800%22 font-size=%2210.5%22 fill=%22%23000%22 opacity=%22.75%22%3E4%3C/text%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat;
}
/*ART-END*/

/* p1-studio variant "split hero": headline left, composer right (desktop only; phones keep the stacked hero).
   Append after template.css + demo-<domain>.css. */
@media (min-width:1101px){
html body[class*="theme-"]:not(#t) .home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:56px;text-align:start;padding:56px 0 40px}
html body[class*="theme-"]:not(#t) .home-hero .hero-copy{align-items:flex-start;margin:0}
html body[class*="theme-"]:not(#t) .home-hero h1{font-size:calc(var(--p1-h1-size) * .82);max-width:none;margin-inline:0}
html body[class*="theme-"]:not(#t) .home-hero .hero-lead{margin:0;font-size:18px}
html body[class*="theme-"]:not(#t) .home-hero .actions{justify-content:flex-start}
html body[class*="theme-"]:not(#t) .home-hero .agent-run{margin:0;width:100%}
html body[class*="theme-"]:not(#t) .home-hero::before{top:auto;bottom:-10px;inset-inline-start:38%;width:132px;height:160px}
html body[class*="theme-"]:not(#t) .home-hero::after{top:12px;inset-inline-end:-6px;width:130px;height:156px}
html body[class*="theme-"]:not(#t) .home-hero .agent-run::before{inset-inline-start:-70px;top:auto;bottom:-40px;width:140px;height:164px}
html body[class*="theme-"]:not(#t) .home-hero .agent-run::after{display:none}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body[class*="theme-"]:not(#t) .home-hero h1{font-size:calc(var(--p1-h1-size) * .7);max-width:none}
}

/* Append AFTER variant-split.css. Workaround for a variant-split.css quirk: its bottom-left hero tile (.home-hero::before) lands under the
   hero buttons; park it in the empty gap above the composer instead; nudge the top-right tile outward so it is not hidden behind the composer. */
@media (min-width:1101px){
html body[class*="theme-"]:not(#t) .home-hero::before{top:8px;bottom:auto;inset-inline-start:40%}
html body[class*="theme-"]:not(#t) .home-hero::after{top:30px;inset-inline-end:-58px}
}

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