/* codesmite.net theme "testrange" (2026-11-02): style + layout, CSS only (HTML/text unchanged).
   Bespoke design (owner request 2026-11-02: new page structure, modern); own palette, fonts, logo and favicon. Fonts self-hosted from Google Fonts (SIL OFL). */
@font-face{font-family:"Atkinson Hyperlegible Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/atkinson-hyperlegible-mono-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:"Atkinson Hyperlegible Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/atkinson-hyperlegible-mono-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:"Atkinson Hyperlegible Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/atkinson-hyperlegible-mono-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:"Atkinson Hyperlegible Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/atkinson-hyperlegible-mono-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: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:"Roboto Condensed";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/roboto-condensed-500-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:"Roboto Condensed";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/roboto-condensed-500-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/roboto-condensed-500-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/roboto-condensed-500-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:"Roboto Condensed";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/roboto-condensed-500-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:"Roboto Condensed";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/roboto-condensed-500-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:"Roboto Condensed";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/roboto-condensed-500-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}
/* codesmite.net — CodeSpar — «Test range»
   An indoor test range for software: exposed-concrete control room, an observation window onto the range
   (sealed glass staging app, input fields as targets, a probe beam deflected by a sanitising shield),
   the agent window as the range control console. Sections are lanes and bays of the range.
   Palette: wall #2b3135 · floor #dde0dc · panel #f4f5f2 · hazard #ffcc1a / #1c1d1f · blue #1f5a96 / #6db3ff · green #176a3c / #57d690
   Type: Roboto Condensed (display) · Atkinson Hyperlegible Mono (labels, code) · Inter (body). */

/* ---------- tokens + reset of the old theme-spar quirks ---------- */
body.theme-spar{
  --bg:#dde0dc!important;--ink:#1b1e20!important;--accent:#ffcc1a!important;
  --wall:#2b3135;--wall2:#353c41;--wall3:#22272a;--floor:#dde0dc;--panel:#f4f5f2;--haz:#ffcc1a;--blk:#1c1d1f;
  --blue:#1f5a96;--blue-lt:#6db3ff;--green:#176a3c;--green-lt:#57d690;--soft:#41484d;--dsoft:#bfc7ca;
  --disp:"Roboto Condensed","Inter",system-ui,sans-serif;--mono:"Atkinson Hyperlegible Mono",ui-monospace,Consolas,monospace;
  --stripe:repeating-linear-gradient(-45deg,#1c1d1f 0 7px,#ffcc1a 7px 14px);--wallimg:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22240%22 height=%22160%22 viewBox=%220 0 240 160%22%3E%3Cpath d=%22M0 .5H240M.5 0V160%22 stroke=%22%23ffffff%22 stroke-opacity=%22.045%22/%3E%3Ccircle cx=%2240%22 cy=%2240%22 r=%224.2%22 fill=%22%231d2225%22/%3E%3Ccircle cx=%2240%22 cy=%2239%22 r=%224.2%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-opacity=%22.05%22/%3E%3Ccircle cx=%2240%22 cy=%22120%22 r=%224.2%22 fill=%22%231d2225%22/%3E%3Ccircle cx=%2240%22 cy=%22119%22 r=%224.2%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-opacity=%22.05%22/%3E%3Ccircle cx=%22200%22 cy=%2240%22 r=%224.2%22 fill=%22%231d2225%22/%3E%3Ccircle cx=%22200%22 cy=%2239%22 r=%224.2%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-opacity=%22.05%22/%3E%3Ccircle cx=%22200%22 cy=%22120%22 r=%224.2%22 fill=%22%231d2225%22/%3E%3Ccircle cx=%22200%22 cy=%22119%22 r=%224.2%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-opacity=%22.05%22/%3E%3C/svg%3E");
  --lang-radius:999px;--nav-radius:12px;--nav-accent:#ffcc1a;
  background-color:#dde0dc;
  background-image:radial-gradient(1100px 520px at 12% 38%,rgba(255,255,255,.55),transparent 70%),radial-gradient(900px 600px at 92% 72%,rgba(255,255,255,.4),transparent 70%),
    linear-gradient(90deg,rgba(27,30,32,.06) 1px,transparent 1px),linear-gradient(rgba(27,30,32,.06) 1px,transparent 1px),
    radial-gradient(rgba(27,30,32,.055) 1px,transparent 1.4px),radial-gradient(rgba(255,255,255,.4) 1px,transparent 1.4px);
  background-size:100% 1400px,100% 1700px,420px 420px,420px 420px,9px 9px,13px 13px;background-position:0 0,0 0,-1px 0,0 -1px,0 0,4px 6px;
  background-color:#d9dcd8;
  color:#1b1e20;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
html:has(body.theme-spar),body.theme-spar{overflow-x:clip}
body.theme-spar .hero-copy{border:0!important;padding-inline-start:0!important}
body.theme-spar .cards article{border-radius:0;border-inline-start:0}
body.theme-spar :is(h1,h2,h3){hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word;text-wrap:balance}
body.theme-spar :is(a,button,select,summary):focus-visible{outline:3px solid #1f5a96;outline-offset:3px}
body.theme-spar :is(.header,.hero,.inner-hero,.agent-run,footer,.closing) :is(a,button,select,summary):focus-visible{outline-color:#ffcc1a}
body.theme-spar main.wrap{position:relative}

/* full-bleed band helper: sections paint their ground on ::before */
body.theme-spar .home-hero::before,body.theme-spar .inner-hero::before,
body.theme-spar.page-0 main>section.reading:has(>.steps)::before,
body.theme-spar main>section.split-section::before,
body.theme-spar main>section.closing::before,
body.theme-spar .sticky-example::before,
body.theme-spar>footer::before{
  content:"";position:absolute;inset-block:0;inset-inline:calc(50% - 50vw);z-index:-1;pointer-events:none}

/* ---------- header: control-room strip ---------- */
body.theme-spar .header{color:#eef1ee;background:#262b2e;border-bottom:0;min-height:78px;gap:28px;position:relative;z-index:5;
  box-shadow:0 0 0 100vmax #262b2e;clip-path:inset(0 -100vmax)}
body.theme-spar .brand{font:700 27px/1 var(--disp);letter-spacing:-.01em;gap:10px;color:#f3f5f3}
body.theme-spar .brand-symbol{width:40px;height:40px;background:none;border-radius:0;display:block}
body.theme-spar .brand-symbol svg{display:block;width:40px;height:40px}
body.theme-spar .main-nav{gap:4px;padding:5px;border-radius:999px;background:#1c2023;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.06);font-size:14px;font-weight:600}
body.theme-spar .main-nav a{opacity:1;color:#d5dbd8;padding:8px 16px;border-radius:999px}
body.theme-spar .main-nav a:hover{text-decoration:none;color:#fff;background:#2d3337}
body.theme-spar .main-nav a[aria-current]{text-decoration:none;color:#1c1d1f;background:#ffcc1a}
body.theme-spar .header .language{color:#e6ebe8}

/* ---------- type ---------- */
body.theme-spar h1{font-family:var(--disp);font-weight:700;letter-spacing:-.012em;line-height:.98}
body.theme-spar h2{font-family:var(--disp);font-weight:700;letter-spacing:-.01em;line-height:1.02;font-size:clamp(34px,4vw,56px)}
body.theme-spar h3{font-family:var(--disp);font-weight:700;letter-spacing:0;line-height:1.1}
body.theme-spar .eyebrow{font:500 13px/1.3 var(--mono);text-transform:none;letter-spacing:0;display:inline-flex;align-items:center;gap:9px;
  width:fit-content;padding:7px 14px 7px 12px;border-radius:999px;background:#1c1d1f;color:#ffcc1a;margin-bottom:22px}
body.theme-spar .eyebrow i{width:8px;height:8px;border-radius:50%;background:#57d690;box-shadow:0 0 0 3px rgba(87,214,144,.2),0 0 12px #57d690}

/* ---------- buttons ---------- */
body.theme-spar .button{border-radius:12px;padding:16px 24px;font:700 15px/1.2 Inter,system-ui,sans-serif;gap:12px;letter-spacing:0}
body.theme-spar .button.primary{color:#1c1d1f;background:var(--stripe) left bottom/100% 5px no-repeat,linear-gradient(#ffd640,#ffc400);
  box-shadow:0 14px 30px -14px rgba(255,196,0,.75),inset 0 1px 0 rgba(255,255,255,.5)}
body.theme-spar .button.primary:hover{transform:translateY(-2px)}
body.theme-spar .button.secondary{color:#1b1e20;border:1.5px solid rgba(27,30,32,.35);background:rgba(255,255,255,.35)}
body.theme-spar :is(.hero,.inner-hero,.closing) .button.secondary,
body.theme-spar.page-0 main>section.reading:has(>.steps) .button.secondary{color:#eef1ee;border-color:rgba(238,241,238,.38);background:rgba(255,255,255,.04)}

/* ---------- agent window = range control console ---------- */
body.theme-spar .agent-run{background:linear-gradient(#2c3236,#202528);border:1px solid rgba(255,255,255,.12);border-radius:18px;color:#e9eeeb;
  box-shadow:0 46px 80px -34px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.1)}
body.theme-spar .agent-run-bar{background:var(--stripe) left bottom/100% 4px no-repeat,#1a1e21;border:0;padding:13px 18px 15px;font:500 12.5px/1.3 var(--mono)}
body.theme-spar .agent-run-bar span:first-child{opacity:1;color:#c9d0cd}
body.theme-spar .agent-run-mode{color:#1c1d1f;background:#ffcc1a;border-radius:999px;padding:1px 10px;font-weight:600}
body.theme-spar .agent-run-body{padding:20px 22px 18px;background:radial-gradient(420px 180px at 85% 0,rgba(109,179,255,.10),transparent 70%)}
body.theme-spar .agent-run-prompt span{background:rgba(109,179,255,.15);border:1px solid rgba(109,179,255,.38);color:#eef6ff;font-size:14.5px;border-radius:14px 14px 4px 14px}
body.theme-spar[dir=rtl] .agent-run-prompt span{border-radius:14px 14px 14px 4px}
body.theme-spar .agent-run-steps{gap:7px}
body.theme-spar .agent-run-steps li{background:#171b1e;border:1px solid rgba(255,255,255,.08);border-radius:10px;grid-template-columns:96px minmax(0,1fr) auto;padding:10px 14px}
body.theme-spar .ar-tool{font:600 12.5px/1.4 var(--mono);color:#ffcc1a}
body.theme-spar .agent-run-steps code{font:12.5px/1.5 var(--mono);color:#e3e8e5}
body.theme-spar .ar-res{font:12.5px/1.4 var(--mono);opacity:1;color:#a9b3b7}
body.theme-spar .ar-ok{color:#57d690}
body.theme-spar .agent-run-foot>span:first-child{opacity:1;color:#b3bcc0}
body.theme-spar .ar-btn{border:1px solid rgba(255,255,255,.3);color:#e9eeeb;border-radius:9px;padding:8px 16px;font-weight:600}
body.theme-spar .ar-btn-primary{background:#57d690;border-color:#57d690;color:#0b2716}

/* code blocks */
body.theme-spar .code-example{background:#15191c;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#e3e8e5}
body.theme-spar .code-example>div{background:#1f2427;font:500 12.5px/1.3 var(--mono);color:#c9d0cd;padding:11px 14px;align-items:center}
body.theme-spar .code-example button{background:#ffcc1a;color:#1c1d1f;font:700 12px/1 Inter,sans-serif;padding:7px 11px;border-radius:7px}
body.theme-spar .code-example pre{font:13px/1.8 var(--mono);padding:18px 20px;color:#e3e8e5}

/* ======================================================================
   HOME (page-0)
   ====================================================================== */
/* hero: control room wall + observation window onto the range */
body.theme-spar .home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:200px auto;
  column-gap:48px;row-gap:0;align-items:start;min-height:0;padding:36px 0 92px;border:0;isolation:isolate;color:#eef1ee}
body.theme-spar .home-hero::before{
  background:radial-gradient(900px 420px at 18% -10%,rgba(255,240,200,.10),transparent 60%),
    var(--stripe) left bottom/100% 10px no-repeat,
    var(--wallimg) 0 0/240px 160px,linear-gradient(#30373b,#262b2f)}
body.theme-spar .home-hero::after{content:"";position:absolute;z-index:0;grid-column:2;grid-row:1/3;
  inset-block:0 auto;height:440px;inset-inline-start:0;inset-inline-end:min(-40px,calc(640px - 50vw));
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 760 480%22 preserveAspectRatio=%22xMidYMin slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22wall%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233d464d%22/%3E%3Cstop offset=%221%22 stop-color=%22%232c3338%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22floor%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%234a5359%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%235b646a%22/%3E%3Cstop offset=%221%22 stop-color=%22%233a4247%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22cone%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff6d8%22 stop-opacity=%22.22%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff6d8%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22pool%22 cx=%22.5%22 cy=%22.5%22 r=%22.5%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff3c9%22 stop-opacity=%22.22%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff3c9%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22glass%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23cfe6ff%22 stop-opacity=%22.26%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%239ccaff%22 stop-opacity=%22.10%22/%3E%3Cstop offset=%221%22 stop-color=%22%23cfe6ff%22 stop-opacity=%22.2%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22beam%22 x1=%220%22 y1=%221%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffcc1a%22 stop-opacity=%22.1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ffcc1a%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22defl%22 x1=%221%22 y1=%221%22 x2=%220%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%236db3ff%22/%3E%3Cstop offset=%221%22 stop-color=%22%236db3ff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22flare%22 cx=%22.5%22 cy=%22.5%22 r=%22.5%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffffff%22/%3E%3Cstop offset=%22.25%22 stop-color=%22%236db3ff%22 stop-opacity=%22.9%22/%3E%3Cstop offset=%221%22 stop-color=%22%236db3ff%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3Cfilter id=%22blur%22 x=%22-50%25%22 y=%22-50%25%22 width=%22200%25%22 height=%22200%25%22%3E%3CfeGaussianBlur stdDeviation=%224%22/%3E%3C/filter%3E%3Cfilter id=%22soft%22 x=%22-20%25%22 y=%22-20%25%22 width=%22140%25%22 height=%22140%25%22%3E%3CfeGaussianBlur stdDeviation=%221.4%22/%3E%3C/filter%3E%3Cpattern id=%22hz%22 width=%2212%22 height=%2212%22 patternUnits=%22userSpaceOnUse%22 patternTransform=%22rotate(-45)%22%3E%3Crect width=%2212%22 height=%2212%22 fill=%22%23ffcc1a%22/%3E%3Crect width=%226.0%22 height=%2212%22 fill=%22%231c1d1f%22/%3E%3C/pattern%3E%3C/defs%3E%3Crect width=%22760%22 height=%22262%22 fill=%22url(%23wall)%22/%3E%3Crect x=%22-20%22 y=%2234%22 width=%2250%22 height=%22192%22 rx=%223%22 fill=%22%23ffffff%22 opacity=%22.028%22/%3E%3Crect x=%2242%22 y=%2234%22 width=%2250%22 height=%22192%22 rx=%223%22 fill=%22%23ffffff%22 opacity=%22.028%22/%3E%3Crect x=%22104%22 y=%2234%22 width=%2250%22 height=%22192%22 rx=%223%22 fill=%22%23ffffff%22 opacity=%22.028%22/%3E%3Crect x=%22166%22 y=%2234%22 width=%2250%22 height=%22192%22 rx=%223%22 fill=%22%23ffffff%22 opacity=%22.028%22/%3E%3Crect x=%22228%22 y=%2234%22 width=%2250%22 height=%22192%22 rx=%223%22 fill=%22%23ffffff%22 opacity=%22.028%22/%3E%3Crect x=%22290%22 y=%2234%22 width=%2250%22 height=%22192%22 rx=%223%22 fill=%22%23ffffff%22 opacity=%22.028%22/%3E%3Crect x=%22352%22 y=%2234%22 width=%2250%22 height=%22192%22 rx=%223%22 fill=%22%23ffffff%22 opacity=%22.028%22/%3E%3Crect x=%22414%22 y=%2234%22 width=%2250%22 height=%22192%22 rx=%223%22 fill=%22%23ffffff%22 opacity=%22.028%22/%3E%3Crect x=%22476%22 y=%2234%22 width=%2250%22 height=%22192%22 rx=%223%22 fill=%22%23ffffff%22 opacity=%22.028%22/%3E%3Crect x=%22538%22 y=%2234%22 width=%2250%22 height=%22192%22 rx=%223%22 fill=%22%23ffffff%22 opacity=%22.028%22/%3E%3Crect x=%22600%22 y=%2234%22 width=%2250%22 height=%22192%22 rx=%223%22 fill=%22%23ffffff%22 opacity=%22.028%22/%3E%3Crect x=%22662%22 y=%2234%22 width=%2250%22 height=%22192%22 rx=%223%22 fill=%22%23ffffff%22 opacity=%22.028%22/%3E%3Crect x=%22724%22 y=%2234%22 width=%2250%22 height=%22192%22 rx=%223%22 fill=%22%23ffffff%22 opacity=%22.028%22/%3E%3Crect y=%22244%22 width=%22760%22 height=%2218%22 fill=%22%23252b2f%22/%3E%3Crect y=%22262%22 width=%22760%22 height=%22218%22 fill=%22url(%23floor)%22/%3E%3Cline x1=%22383.2%22 y1=%22262%22 x2=%22-420%22 y2=%22480%22 stroke=%22%23ffcc1a%22 stroke-opacity=%22.55%22 stroke-width=%223%22 stroke-dasharray=%2226 18%22/%3E%3Cline x1=%22448.1%22 y1=%22262%22 x2=%22-60%22 y2=%22480%22 stroke=%22%23ffcc1a%22 stroke-opacity=%22.55%22 stroke-width=%223%22 stroke-dasharray=%2226 18%22/%3E%3Cline x1=%22513.1%22 y1=%22262%22 x2=%22300%22 y2=%22480%22 stroke=%22%23ffcc1a%22 stroke-opacity=%22.55%22 stroke-width=%223%22 stroke-dasharray=%2226 18%22/%3E%3Cline x1=%22578.0%22 y1=%22262%22 x2=%22660%22 y2=%22480%22 stroke=%22%23ffcc1a%22 stroke-opacity=%22.55%22 stroke-width=%223%22 stroke-dasharray=%2226 18%22/%3E%3Cline x1=%22643.0%22 y1=%22262%22 x2=%221020%22 y2=%22480%22 stroke=%22%23ffcc1a%22 stroke-opacity=%22.55%22 stroke-width=%223%22 stroke-dasharray=%2226 18%22/%3E%3Cline x1=%22708.0%22 y1=%22262%22 x2=%221380%22 y2=%22480%22 stroke=%22%23ffcc1a%22 stroke-opacity=%22.55%22 stroke-width=%223%22 stroke-dasharray=%2226 18%22/%3E%3Cline x1=%22324%22 y1=%22278%22 x2=%22757%22 y2=%22278%22 stroke=%22%23ffffff%22 stroke-opacity=%220.07%22 stroke-width=%221%22/%3E%3Cline x1=%22221%22 y1=%22306%22 x2=%22844%22 y2=%22306%22 stroke=%22%23ffffff%22 stroke-opacity=%220.09%22 stroke-width=%222%22/%3E%3Cline x1=%2259%22 y1=%22350%22 x2=%22979%22 y2=%22350%22 stroke=%22%23ffffff%22 stroke-opacity=%220.11%22 stroke-width=%223%22/%3E%3Cline x1=%22-206%22 y1=%22422%22 x2=%221201%22 y2=%22422%22 stroke=%22%23ffffff%22 stroke-opacity=%220.13%22 stroke-width=%224%22/%3E%3Cpolygon points=%22481.1,264 616.4,264 641.2,286 446.3,286%22 fill=%22url(%23hz)%22 opacity=%22.9%22/%3E%3Cpolygon points=%22106,14 134,14 240,480 0,480%22 fill=%22url(%23cone)%22/%3E%3Cellipse cx=%22120%22 cy=%22332%22 rx=%22150%22 ry=%2234%22 fill=%22url(%23pool)%22/%3E%3Crect x=%2286%22 y=%224%22 width=%2268%22 height=%2210%22 rx=%223%22 fill=%22%231d2225%22/%3E%3Crect x=%2292%22 y=%2212%22 width=%2256%22 height=%224%22 rx=%222%22 fill=%22%23fff6d8%22 opacity=%22.9%22/%3E%3Cpolygon points=%22346,14 374,14 480,480 240,480%22 fill=%22url(%23cone)%22/%3E%3Cellipse cx=%22360%22 cy=%22332%22 rx=%22150%22 ry=%2234%22 fill=%22url(%23pool)%22/%3E%3Crect x=%22326%22 y=%224%22 width=%2268%22 height=%2210%22 rx=%223%22 fill=%22%231d2225%22/%3E%3Crect x=%22332%22 y=%2212%22 width=%2256%22 height=%224%22 rx=%222%22 fill=%22%23fff6d8%22 opacity=%22.9%22/%3E%3Cpolygon points=%22606,14 634,14 740,480 500,480%22 fill=%22url(%23cone)%22/%3E%3Cellipse cx=%22620%22 cy=%22332%22 rx=%22150%22 ry=%2234%22 fill=%22url(%23pool)%22/%3E%3Crect x=%22586%22 y=%224%22 width=%2268%22 height=%2210%22 rx=%223%22 fill=%22%231d2225%22/%3E%3Crect x=%22592%22 y=%2212%22 width=%2256%22 height=%224%22 rx=%222%22 fill=%22%23fff6d8%22 opacity=%22.9%22/%3E%3Cellipse cx=%22585.0%22 cy=%22254%22 rx=%22153.0%22 ry=%2212%22 fill=%22%23000%22 opacity=%22.35%22 filter=%22url(%23blur)%22/%3E%3Cpolygon points=%22688,52 714,38 714,234 688,248%22 fill=%22%23cfe6ff%22 opacity=%22.10%22 stroke=%22%23d9ecff%22 stroke-opacity=%22.35%22/%3E%3Cpolygon points=%22462,52 488,38 714,38 688,52%22 fill=%22%23cfe6ff%22 opacity=%22.16%22 stroke=%22%23d9ecff%22 stroke-opacity=%22.35%22/%3E%3Crect x=%22478%22 y=%2268%22 width=%22194%22 height=%22166%22 rx=%226%22 fill=%22%23eef2f4%22 opacity=%22.92%22/%3E%3Crect x=%22478%22 y=%2268%22 width=%22194%22 height=%2216%22 rx=%226%22 fill=%22%23c9d2d8%22/%3E%3Crect x=%22478%22 y=%2278%22 width=%22194%22 height=%226%22 fill=%22%23c9d2d8%22/%3E%3Ccircle cx=%22488%22 cy=%2276%22 r=%222.6%22 fill=%22%238b979f%22/%3E%3Ccircle cx=%22497%22 cy=%2276%22 r=%222.6%22 fill=%22%238b979f%22/%3E%3Ccircle cx=%22506%22 cy=%2276%22 r=%222.6%22 fill=%22%238b979f%22/%3E%3Crect x=%22518%22 y=%2273%22 width=%22138%22 height=%226%22 rx=%223%22 fill=%22%23ffffff%22/%3E%3Crect x=%22490%22 y=%2289%22 width=%2281%22 height=%225%22 rx=%222.5%22 fill=%22%239aa6ad%22/%3E%3Crect x=%22490%22 y=%2298%22 width=%22170%22 height=%2224%22 rx=%225%22 fill=%22%23ffffff%22 stroke=%22%239aa6ad%22 stroke-width=%221.4%22/%3E%3Ccircle cx=%22506%22 cy=%22110%22 r=%228.5%22 fill=%22none%22 stroke=%22%23ffcc1a%22 stroke-width=%222.4%22/%3E%3Ccircle cx=%22506%22 cy=%22110%22 r=%224.4%22 fill=%22none%22 stroke=%22%231c1d1f%22 stroke-width=%221.8%22/%3E%3Ccircle cx=%22506%22 cy=%22110%22 r=%221.8%22 fill=%22%231c1d1f%22/%3E%3Crect x=%22522%22 y=%22107%22 width=%2260%22 height=%226%22 rx=%223%22 fill=%22%23cdd5da%22/%3E%3Crect x=%22490%22 y=%22133%22 width=%2281%22 height=%225%22 rx=%222.5%22 fill=%22%239aa6ad%22/%3E%3Crect x=%22490%22 y=%22142%22 width=%22170%22 height=%2224%22 rx=%225%22 fill=%22%23ffffff%22 stroke=%22%239aa6ad%22 stroke-width=%221.4%22/%3E%3Ccircle cx=%22506%22 cy=%22154%22 r=%228.5%22 fill=%22none%22 stroke=%22%23ffcc1a%22 stroke-width=%222.4%22/%3E%3Ccircle cx=%22506%22 cy=%22154%22 r=%224.4%22 fill=%22none%22 stroke=%22%231c1d1f%22 stroke-width=%221.8%22/%3E%3Ccircle cx=%22506%22 cy=%22154%22 r=%221.8%22 fill=%22%231c1d1f%22/%3E%3Crect x=%22522%22 y=%22151%22 width=%2244%22 height=%226%22 rx=%223%22 fill=%22%23cdd5da%22/%3E%3Crect x=%22490%22 y=%22177%22 width=%2281%22 height=%225%22 rx=%222.5%22 fill=%22%239aa6ad%22/%3E%3Crect x=%22490%22 y=%22186%22 width=%22170%22 height=%2224%22 rx=%225%22 fill=%22%23ffffff%22 stroke=%22%239aa6ad%22 stroke-width=%221.4%22/%3E%3Ccircle cx=%22506%22 cy=%22198%22 r=%228.5%22 fill=%22none%22 stroke=%22%23ffcc1a%22 stroke-width=%222.4%22/%3E%3Ccircle cx=%22506%22 cy=%22198%22 r=%224.4%22 fill=%22none%22 stroke=%22%231c1d1f%22 stroke-width=%221.8%22/%3E%3Ccircle cx=%22506%22 cy=%22198%22 r=%221.8%22 fill=%22%231c1d1f%22/%3E%3Crect x=%22522%22 y=%22195%22 width=%2272%22 height=%226%22 rx=%223%22 fill=%22%23cdd5da%22/%3E%3Crect x=%22610%22 y=%22212%22 width=%2250%22 height=%2214%22 rx=%224%22 fill=%22%232f6fb3%22/%3E%3Crect x=%22462%22 y=%2252%22 width=%22226%22 height=%22196%22 rx=%225%22 fill=%22url(%23glass)%22 stroke=%22%23e3f1ff%22 stroke-opacity=%22.7%22 stroke-width=%222%22/%3E%3Cpath d=%22M482 240 L554 58%22 stroke=%22%23ffffff%22 stroke-opacity=%22.22%22 stroke-width=%2210%22/%3E%3Cpath d=%22M508 240 L566 82%22 stroke=%22%23ffffff%22 stroke-opacity=%22.12%22 stroke-width=%224%22/%3E%3Ccircle cx=%22468%22 cy=%2258%22 r=%222.6%22 fill=%22%23e3f1ff%22 opacity=%22.8%22/%3E%3Ccircle cx=%22682%22 cy=%2258%22 r=%222.6%22 fill=%22%23e3f1ff%22 opacity=%22.8%22/%3E%3Ccircle cx=%22468%22 cy=%22242%22 r=%222.6%22 fill=%22%23e3f1ff%22 opacity=%22.8%22/%3E%3Ccircle cx=%22682%22 cy=%22242%22 r=%222.6%22 fill=%22%23e3f1ff%22 opacity=%22.8%22/%3E%3Crect x=%22539.0%22 y=%22248%22 width=%2272%22 height=%2210%22 fill=%22%2322282c%22/%3E%3Cline x1=%2270%22 y1=%22520%22 x2=%22486%22 y2=%22154%22 stroke=%22%23ffcc1a%22 stroke-opacity=%22.28%22 stroke-width=%2216%22 filter=%22url(%23blur)%22/%3E%3Cline x1=%2270%22 y1=%22520%22 x2=%22486%22 y2=%22154%22 stroke=%22url(%23beam)%22 stroke-width=%224%22 stroke-linecap=%22round%22/%3E%3Cline x1=%22486%22 y1=%22154%22 x2=%22316%22 y2=%224%22 stroke=%22url(%23defl)%22 stroke-width=%223.2%22 stroke-linecap=%22round%22/%3E%3Cline x1=%22486%22 y1=%22154%22 x2=%22316%22 y2=%224%22 stroke=%22%236db3ff%22 stroke-opacity=%22.25%22 stroke-width=%2212%22 filter=%22url(%23blur)%22/%3E%3Cpath d=%22M489.4 128.3 A40 40 0 0 0 489.4 179.7%22 fill=%22none%22 stroke=%22%236db3ff%22 stroke-opacity=%22.45%22 stroke-width=%2212%22 filter=%22url(%23blur)%22/%3E%3Cpath d=%22M489.4 128.3 A40 40 0 0 0 489.4 179.7%22 fill=%22none%22 stroke=%22%23d6ebff%22 stroke-width=%224.5%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%22486%22 cy=%22154%22 r=%2220%22 fill=%22url(%23flare)%22/%3E%3Ccircle cx=%22472%22 cy=%22134%22 r=%221.8%22 fill=%22%23e8f4ff%22 opacity=%22.85%22/%3E%3Ccircle cx=%22462%22 cy=%22148%22 r=%221.8%22 fill=%22%23e8f4ff%22 opacity=%22.85%22/%3E%3Ccircle cx=%22476%22 cy=%22170%22 r=%221.8%22 fill=%22%23e8f4ff%22 opacity=%22.85%22/%3E%3Ccircle cx=%22458%22 cy=%22164%22 r=%221.8%22 fill=%22%23e8f4ff%22 opacity=%22.85%22/%3E%3Ccircle cx=%22648%22 cy=%22154%22 r=%228.5%22 fill=%22%231f9a57%22/%3E%3Cpath d=%22M644 154 l3 3.2 l5.4-6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%220,0 120,0 -40,480 -160,480%22 fill=%22%23ffffff%22 opacity=%22.035%22/%3E%3Cpolygon points=%22250,0 290,0 130,480 90,480%22 fill=%22%23ffffff%22 opacity=%22.03%22/%3E%3C/svg%3E") right top/cover no-repeat,#2c3338;
  border:10px solid #191d20;border-inline-end:0;border-start-start-radius:22px;border-end-start-radius:22px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 30px 60px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06),0 30px 60px -30px #000}
body.theme-spar[dir=rtl] .home-hero::after{transform:scaleX(-1);border-inline-end:10px solid #191d20;border-inline-start:0;
  border-radius:0 22px 22px 0}
body.theme-spar .home-hero .hero-copy{grid-column:1;grid-row:1/3;align-self:center;padding-block:24px}
body.theme-spar .home-hero h1{font-size:clamp(50px,5.7vw,80px);margin:0 0 26px;max-width:none}
body.theme-spar .h1-mark{color:#1c1d1f;background:#ffcc1a;box-shadow:0 10px 30px -12px rgba(255,204,26,.45);
  padding:0 .12em .02em;margin-inline:-.04em;border-radius:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
body.theme-spar .hero-lead{font-size:18px;line-height:1.6;opacity:1;color:#c9d0cd;max-width:31em}
body.theme-spar .home-hero .actions{margin-top:30px;gap:14px}
body.theme-spar .home-hero .agent-run{grid-column:2;grid-row:2;position:relative;z-index:2;align-self:start;
  margin-inline-start:-64px;width:calc(100% + 24px);max-width:600px}

/* facts: instrument strip with gauges, overlapping the range floor line */
body.theme-spar.page-0 main>.cards{position:relative;z-index:3;margin:-58px 0 0;padding:0;gap:0;border:0;
  grid-template-columns:repeat(6,minmax(0,1fr));border-radius:18px;overflow:hidden;
  background:linear-gradient(#f6f7f4,#e3e6e2);box-shadow:0 34px 60px -34px rgba(0,0,0,.6),0 0 0 1px rgba(27,30,32,.1),inset 0 1px 0 #fff}
body.theme-spar.page-0 main>.cards article{position:relative;padding:22px 20px 22px;border:0;border-radius:0;background:none;
  border-inline-start:1px solid rgba(27,30,32,.1);--g:150deg}
body.theme-spar.page-0 main>.cards article:first-child{border-inline-start:0}
body.theme-spar.page-0 main>.cards article:nth-child(1){--g:230deg}
body.theme-spar.page-0 main>.cards article:nth-child(2){--g:120deg}
body.theme-spar.page-0 main>.cards article:nth-child(3){--g:88deg}
body.theme-spar.page-0 main>.cards article:nth-child(4){--g:176deg}
body.theme-spar.page-0 main>.cards article:nth-child(5){--g:262deg}
body.theme-spar.page-0 main>.cards article:nth-child(6){--g:200deg}
body.theme-spar.page-0 main>.cards article::before,body.theme-spar.page-0 main>.cards article::after{
  content:"";position:absolute;top:18px;inset-inline-end:16px;width:42px;height:42px;border-radius:50%}
body.theme-spar.page-0 main>.cards article::before{
  background:conic-gradient(from 225deg,#176a3c 0 var(--g),#c3c9c6 var(--g) 270deg,transparent 270deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px))}
body.theme-spar.page-0 main>.cards article::after{
  background:radial-gradient(circle,#1c1d1f 3.5px,transparent 4px),linear-gradient(#1c1d1f,#1c1d1f) 50% 5px/2.5px 16px no-repeat;
  transform:rotate(calc(225deg + var(--g)))}
body.theme-spar.page-0 main>.cards .number{font:500 12.5px/1.3 var(--mono);opacity:1;color:#41484d;margin:0 0 18px;padding-inline-end:48px}
body.theme-spar.page-0 main>.cards h3{font-size:31px;margin:0 0 4px;color:#1b1e20}
body.theme-spar.page-0 main>.cards p{font-size:13.5px;opacity:1;color:#41484d;line-height:1.45}

/* keyword lane: briefing on the floor */
body.theme-spar .scenario{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px;align-items:end;
  margin:0;padding:88px 0 60px;border:0;border-radius:0;background:none}
body.theme-spar .scenario::before{content:"";position:absolute;top:40px;inset-inline:0;height:6px;
  background:repeating-linear-gradient(90deg,#1c1d1f 0 44px,transparent 44px 66px);opacity:.85}
body.theme-spar .scenario>.eyebrow{grid-column:1;grid-row:1}
body.theme-spar .scenario h2{grid-column:1;grid-row:2;margin:0;max-width:none;font-size:clamp(38px,4.6vw,62px)}
body.theme-spar .scenario p{grid-column:2;grid-row:1/3;margin:0;max-width:none;font-size:19px;line-height:1.65;color:#2a2f32;
  padding-inline-start:30px;border-inline-start:10px solid;border-image:var(--stripe) 1}

/* walkthroughs: four lit bays on a dark range band */
body.theme-spar.page-0 main>section.reading:has(>.steps){max-width:none;position:relative;isolation:isolate;padding:64px 0 56px;color:#eef1ee}
body.theme-spar.page-0 main>section.reading:has(>.steps)::before{
  background:radial-gradient(700px 260px at 25% 0,rgba(255,240,200,.09),transparent 70%),radial-gradient(700px 260px at 75% 0,rgba(255,240,200,.09),transparent 70%),
    var(--wallimg) 0 0/240px 160px,linear-gradient(#2b3135,#24292c)}
body.theme-spar.page-0 .steps{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px}
body.theme-spar.page-0 .steps article{grid-column:span 6}
body.theme-spar.page-0 .steps article:nth-child(3){grid-column:span 5}
body.theme-spar.page-0 .steps article:nth-child(4){grid-column:span 7}
body.theme-spar.page-0 .steps article{position:relative;display:flex;flex-direction:column;padding:0 0 28px;border:0;border-radius:18px;overflow:hidden;
  background:linear-gradient(#384046,#2e3438);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 30px 50px -32px #000}
body.theme-spar.page-0 .steps article::before{content:"";display:block;height:108px;flex:none;
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 320 88%22%3E%3Cdefs%3E%3Cpattern id=%22hz%22 width=%228%22 height=%228%22 patternUnits=%22userSpaceOnUse%22 patternTransform=%22rotate(-45)%22%3E%3Crect width=%228%22 height=%228%22 fill=%22%23ffcc1a%22/%3E%3Crect width=%224.0%22 height=%228%22 fill=%22%231c1d1f%22/%3E%3C/pattern%3E%3C/defs%3E%3Crect x=%221%22 y=%221%22 width=%22138%22 height=%2286%22 rx=%228%22 fill=%22%23262c30%22 stroke=%22%23ffcc1a%22 stroke-opacity=%22.55%22 stroke-dasharray=%225 4%22/%3E%3Crect x=%22181%22 y=%221%22 width=%22138%22 height=%2286%22 rx=%228%22 fill=%22%23262c30%22 stroke=%22%236db3ff%22 stroke-opacity=%22.7%22/%3E%3Cpath d=%22M150 44h18m-7-7 7 7-7 7%22 fill=%22none%22 stroke=%22%23c8d0d3%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Crect x=%2214%22 y=%2236%22 width=%2244%22 height=%2216%22 rx=%223%22 fill=%22%238f9aa0%22/%3E%3Crect x=%2262%22 y=%2236%22 width=%2224%22 height=%2216%22 rx=%223%22 fill=%22url(%23hz)%22/%3E%3Crect x=%2290%22 y=%2236%22 width=%2236%22 height=%2216%22 rx=%223%22 fill=%22%238f9aa0%22/%3E%3Cpath d=%22M58 30l4 8-4 6 4 10%22 fill=%22none%22 stroke=%22%23ffcc1a%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M90 30l-4 8 4 6-4 10%22 fill=%22none%22 stroke=%22%23ffcc1a%22 stroke-width=%221.6%22/%3E%3Crect x=%22194%22 y=%2236%22 width=%22112%22 height=%2216%22 rx=%223%22 fill=%22%238f9aa0%22/%3E%3Crect x=%22236%22 y=%2238%22 width=%2230%22 height=%2212%22 rx=%226%22 fill=%22%236db3ff%22/%3E%3Ccircle cx=%22294%22 cy=%2222%22 r=%228%22 fill=%22%231f9a57%22/%3E%3Cpath d=%22M290 22l3 3 5-6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") center/auto 82px no-repeat,radial-gradient(260px 90px at 50% 0,rgba(255,240,200,.12),transparent),#23282b;
  border-bottom:6px solid;border-image:var(--stripe) 1}
body.theme-spar.page-0 .steps article:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 320 88%22%3E%3Cdefs%3E%3Cpattern id=%22hz%22 width=%228%22 height=%228%22 patternUnits=%22userSpaceOnUse%22 patternTransform=%22rotate(-45)%22%3E%3Crect width=%228%22 height=%228%22 fill=%22%23ffcc1a%22/%3E%3Crect width=%224.0%22 height=%228%22 fill=%22%231c1d1f%22/%3E%3C/pattern%3E%3C/defs%3E%3Crect x=%221%22 y=%221%22 width=%22138%22 height=%2286%22 rx=%228%22 fill=%22%23262c30%22 stroke=%22%23ffcc1a%22 stroke-opacity=%22.55%22 stroke-dasharray=%225 4%22/%3E%3Crect x=%22181%22 y=%221%22 width=%22138%22 height=%2286%22 rx=%228%22 fill=%22%23262c30%22 stroke=%22%236db3ff%22 stroke-opacity=%22.7%22/%3E%3Cpath d=%22M150 44h18m-7-7 7 7-7 7%22 fill=%22none%22 stroke=%22%23c8d0d3%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Crect x=%2214%22 y=%2226%22 width=%2260%22 height=%2214%22 rx=%223%22 fill=%22%238f9aa0%22/%3E%3Crect x=%2250%22 y=%2246%22 width=%2276%22 height=%2214%22 rx=%223%22 fill=%22url(%23hz)%22/%3E%3Cpath d=%22M60 40v8%22 stroke=%22%23ffcc1a%22 stroke-width=%222%22/%3E%3Crect x=%22194%22 y=%2226%22 width=%22112%22 height=%2214%22 rx=%223%22 fill=%22%238f9aa0%22/%3E%3Crect x=%22232%22 y=%2228%22 width=%2222%22 height=%2210%22 rx=%225%22 fill=%22%236db3ff%22/%3E%3Crect x=%22214%22 y=%2252%22 width=%2258%22 height=%2212%22 rx=%226%22 fill=%22none%22 stroke=%22%236db3ff%22 stroke-width=%222%22/%3E%3Cpath d=%22M243 38v14%22 stroke=%22%236db3ff%22 stroke-width=%222%22 stroke-dasharray=%223 3%22/%3E%3Ccircle cx=%22294%22 cy=%2258%22 r=%228%22 fill=%22%231f9a57%22/%3E%3Cpath d=%22M290 58l3 3 5-6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3C/svg%3E"),radial-gradient(260px 90px at 50% 0,rgba(255,240,200,.12),transparent)}
body.theme-spar.page-0 .steps article:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 320 88%22%3E%3Cdefs%3E%3Cpattern id=%22hz%22 width=%228%22 height=%228%22 patternUnits=%22userSpaceOnUse%22 patternTransform=%22rotate(-45)%22%3E%3Crect width=%228%22 height=%228%22 fill=%22%23ffcc1a%22/%3E%3Crect width=%224.0%22 height=%228%22 fill=%22%231c1d1f%22/%3E%3C/pattern%3E%3C/defs%3E%3Crect x=%221%22 y=%221%22 width=%22138%22 height=%2286%22 rx=%228%22 fill=%22%23262c30%22 stroke=%22%23ffcc1a%22 stroke-opacity=%22.55%22 stroke-dasharray=%225 4%22/%3E%3Crect x=%22181%22 y=%221%22 width=%22138%22 height=%2286%22 rx=%228%22 fill=%22%23262c30%22 stroke=%22%236db3ff%22 stroke-opacity=%22.7%22/%3E%3Cpath d=%22M150 44h18m-7-7 7 7-7 7%22 fill=%22none%22 stroke=%22%23c8d0d3%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Crect x=%2214%22 y=%2216%22 width=%22112%22 height=%2220%22 rx=%224%22 fill=%22%23eef2f4%22/%3E%3Cpath d=%22M42 20l3 0-2 9z%22 fill=%22%231c1d1f%22/%3E%3Crect x=%2214%22 y=%2252%22 width=%2250%22 height=%2214%22 rx=%223%22 fill=%22%238f9aa0%22/%3E%3Crect x=%2274%22 y=%2252%22 width=%2252%22 height=%2214%22 rx=%223%22 fill=%22%238f9aa0%22 transform=%22rotate(8 100 59)%22/%3E%3Cpath d=%22M66 48l4 10-3 10%22 fill=%22none%22 stroke=%22%23ffcc1a%22 stroke-width=%222%22/%3E%3Crect x=%22194%22 y=%2216%22 width=%22112%22 height=%2220%22 rx=%224%22 fill=%22%23eef2f4%22/%3E%3Crect x=%22216%22 y=%2219%22 width=%2222%22 height=%2214%22 rx=%223%22 fill=%22none%22 stroke=%22%232f6fb3%22 stroke-width=%222%22/%3E%3Cpath d=%22M226 21l3 0-2 9z%22 fill=%22%231c1d1f%22/%3E%3Crect x=%22194%22 y=%2252%22 width=%22112%22 height=%2214%22 rx=%223%22 fill=%22%2357d690%22/%3E%3C/svg%3E"),radial-gradient(260px 90px at 50% 0,rgba(255,240,200,.12),transparent)}
body.theme-spar.page-0 .steps article:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 320 88%22%3E%3Cdefs%3E%3Cpattern id=%22hz%22 width=%228%22 height=%228%22 patternUnits=%22userSpaceOnUse%22 patternTransform=%22rotate(-45)%22%3E%3Crect width=%228%22 height=%228%22 fill=%22%23ffcc1a%22/%3E%3Crect width=%224.0%22 height=%228%22 fill=%22%231c1d1f%22/%3E%3C/pattern%3E%3C/defs%3E%3Crect x=%221%22 y=%221%22 width=%22138%22 height=%2286%22 rx=%228%22 fill=%22%23262c30%22 stroke=%22%23ffcc1a%22 stroke-opacity=%22.55%22 stroke-dasharray=%225 4%22/%3E%3Crect x=%22181%22 y=%221%22 width=%22138%22 height=%2286%22 rx=%228%22 fill=%22%23262c30%22 stroke=%22%236db3ff%22 stroke-opacity=%22.7%22/%3E%3Cpath d=%22M150 44h18m-7-7 7 7-7 7%22 fill=%22none%22 stroke=%22%23c8d0d3%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Crect x=%2214%22 y=%2214%22 width=%22112%22 height=%2260%22 rx=%224%22 fill=%22%23eef2f4%22/%3E%3Crect x=%2222%22 y=%2222%22 width=%2260%22 height=%226%22 rx=%223%22 fill=%22%23b7c1c7%22/%3E%3Cpath d=%22M40 40l-10 9 10 9M86 40l10 9-10 9%22 fill=%22none%22 stroke=%22%231c1d1f%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Crect x=%2250%22 y=%2246%22 width=%2226%22 height=%226%22 rx=%223%22 fill=%22url(%23hz)%22/%3E%3Crect x=%22194%22 y=%2214%22 width=%22112%22 height=%2260%22 rx=%224%22 fill=%22%23eef2f4%22/%3E%3Crect x=%22202%22 y=%2222%22 width=%2260%22 height=%226%22 rx=%223%22 fill=%22%23b7c1c7%22/%3E%3Crect x=%22206%22 y=%2236%22 width=%2288%22 height=%2226%22 rx=%225%22 fill=%22%23dcebfb%22 stroke=%22%232f6fb3%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M220 43l-6 6 6 6M280 43l6 6-6 6%22 fill=%22none%22 stroke=%22%232f6fb3%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Crect x=%22230%22 y=%2246%22 width=%2240%22 height=%226%22 rx=%223%22 fill=%22%239aa6ad%22/%3E%3C/svg%3E"),radial-gradient(260px 90px at 50% 0,rgba(255,240,200,.12),transparent)}
body.theme-spar.page-0 .steps .number{position:absolute;top:14px;inset-inline-start:20px;left:auto;margin:0;opacity:1;
  font:700 46px/1 var(--disp);color:#ffcc1a;letter-spacing:-.01em}
body.theme-spar[dir=rtl].page-0 .steps .number{right:auto}
body.theme-spar.page-0 .steps h3{font-size:30px;margin:24px 28px 12px;color:#fff}
body.theme-spar.page-0 .steps p{font-size:15.5px;line-height:1.7;opacity:1;color:#c4ccce;margin:0 28px}
body.theme-spar.page-0 .steps .code-example{margin:20px 28px 0}
body.theme-spar.page-0 main>section.reading:has(>.steps)>p{margin:30px 0 0;text-align:center}

/* comparison: safety checklist board */
body.theme-spar .feature-matrix{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:56px;align-items:start;
  padding:88px 0 48px}
body.theme-spar .feature-matrix>h2{grid-column:1;grid-row:1;margin:0 0 18px}
body.theme-spar .feature-matrix>p{grid-column:1;grid-row:2;margin:0;opacity:1;color:#2a2f32;font-size:17px}
body.theme-spar .feature-matrix>table{grid-column:2;grid-row:1/4;border-collapse:separate;border-spacing:0;padding-top:14px;border-radius:16px;overflow:hidden;
  background:var(--stripe) left top/100% 14px no-repeat,#f7f8f5;box-shadow:0 30px 50px -30px rgba(0,0,0,.45),0 0 0 1px rgba(27,30,32,.1)}
body.theme-spar .feature-matrix::after{content:"";grid-column:2;grid-row:1;justify-self:center;align-self:start;margin-top:-22px;width:132px;height:30px;
  border-radius:8px 8px 4px 4px;background:linear-gradient(#5a6267,#3a4146);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 10px -4px rgba(0,0,0,.5);z-index:2}
body.theme-spar .feature-matrix th,body.theme-spar .feature-matrix td{padding:18px 22px;border-bottom:1px solid rgba(27,30,32,.12);vertical-align:middle}
body.theme-spar .feature-matrix tbody tr:last-child>*{border-bottom:0}
body.theme-spar .feature-matrix thead th{font:600 13px/1.3 var(--mono);color:#41484d;padding-block:22px 14px;border-bottom:2px solid #1c1d1f}
body.theme-spar .feature-matrix thead th:last-child{color:#1c1d1f}
body.theme-spar .feature-matrix thead th:last-child::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:#176a3c;margin-inline-end:8px;vertical-align:1px}
body.theme-spar .feature-matrix tbody th{font:700 21px/1.15 var(--disp);color:#1b1e20}
body.theme-spar .feature-matrix th{width:28%}
body.theme-spar .feature-matrix td{font-size:15px;line-height:1.5;position:relative;padding-inline-start:54px;color:#41484d}
body.theme-spar .feature-matrix td:last-child{color:#1b1e20;font-weight:600;background:rgba(23,106,60,.06)}
body.theme-spar .feature-matrix td::before{content:"";position:absolute;inset-inline-start:20px;top:50%;margin-top:-12px;width:24px;height:24px;border-radius:50%;
  border:2px solid #9aa4a9;background:linear-gradient(#9aa4a9,#9aa4a9) center/10px 2px no-repeat;box-sizing:border-box}
body.theme-spar .feature-matrix td:last-child::before{border:0;background:#176a3c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}

/* how to start: range procedure A–D on a calm blue band */
body.theme-spar main>section.split-section{display:block;position:relative;isolation:isolate;border:0;padding:72px 0 76px;color:#fff}
body.theme-spar.page-0 main>section.split-section::before{
  background:radial-gradient(800px 300px at 85% 0,rgba(140,195,255,.22),transparent 70%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 120px),linear-gradient(160deg,#225c96,#173f6b)}
body.theme-spar.page-0 main>section.split-section h2{color:#fff;margin:0 0 44px;max-width:18ch}
body.theme-spar .setup{counter-reset:proc;list-style:none;padding:0;margin:0}
body.theme-spar .setup li{counter-increment:proc;position:relative}
body.theme-spar .setup li::before{content:counter(proc,upper-alpha);display:grid;place-items:center;width:60px;height:60px;
  font:700 27px/1 var(--disp);color:#1c1d1f;background:#ffcc1a;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
body.theme-spar.page-0 .split-section .setup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;position:relative}
body.theme-spar.page-0 .split-section .setup::before{content:"";position:absolute;top:28px;inset-inline:30px;height:4px;
  background:repeating-linear-gradient(90deg,#ffcc1a 0 18px,transparent 18px 30px);opacity:.75}
body.theme-spar.page-0 .split-section .setup li{padding:0;font-size:17px;line-height:1.6;color:#e9f1fa}
body.theme-spar.page-0 .split-section .setup li::before{position:relative;margin-bottom:22px;box-shadow:none}

/* who uses it: three lanes side by side */
body.theme-spar.page-0 main>section.split-section+section.reading{max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  padding:80px 0 40px;column-gap:0}
body.theme-spar.page-0 main>section.split-section+section.reading>h2{grid-column:1/-1;margin:0 0 40px}
body.theme-spar.page-0 main>section.split-section+section.reading>p{position:relative;margin:0;padding:34px 32px 8px;font-size:16px;color:#2a2f32;
  border-inline-start:3px dashed rgba(27,30,32,.35)}
body.theme-spar.page-0 main>section.split-section+section.reading>p:nth-of-type(1){border-inline-start-color:transparent;padding-inline-start:0}
body.theme-spar.page-0 main>section.split-section+section.reading>p::before{content:"";position:absolute;top:0;inset-inline-start:32px;width:72px;height:10px;
  background:var(--stripe);border-radius:2px}
body.theme-spar.page-0 main>section.split-section+section.reading>p:nth-of-type(1)::before{inset-inline-start:0}
body.theme-spar.page-0 main>section.split-section+section.reading>p:nth-of-type(2)::before{background:#1f5a96}
body.theme-spar.page-0 main>section.split-section+section.reading>p:nth-of-type(3)::before{background:#176a3c}

/* FAQ: inspection tags in a grid that keeps row order */
body.theme-spar .faq details{position:relative;background:#f6f7f4;border:0;border-radius:14px;padding:0;
  border-inline-start:6px solid #ffcc1a;box-shadow:0 1px 0 #fff inset,0 18px 30px -26px rgba(0,0,0,.5),0 0 0 1px rgba(27,30,32,.07)}
body.theme-spar .faq details[open]{border-inline-start-color:#176a3c}
body.theme-spar .faq summary{list-style:none;position:relative;padding:20px 60px 20px 22px;font:600 17.5px/1.4 Inter,system-ui,sans-serif;color:#1b1e20}
body.theme-spar[dir=rtl] .faq summary{padding:20px 22px 20px 60px}
body.theme-spar .faq summary::-webkit-details-marker{display:none}
body.theme-spar .faq summary::after{content:"";position:absolute;top:50%;inset-inline-end:20px;width:26px;height:26px;margin-top:-13px;border-radius:50%;
  background:linear-gradient(#1c1d1f,#1c1d1f) center/12px 2px no-repeat,linear-gradient(#1c1d1f,#1c1d1f) center/2px 12px no-repeat,#ffcc1a;transition:transform .2s}
body.theme-spar .faq details[open] summary::after{transform:rotate(45deg);background-color:#57d690}
body.theme-spar .faq details>p{margin:0;padding:0 22px 22px;max-width:none;font-size:15.5px;line-height:1.7;opacity:1;color:#353b3f}
body.theme-spar.page-0 main>section.faq{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;align-items:start;
  margin:0;padding:40px 0 88px}
body.theme-spar.page-0 main>section.faq>h2{grid-column:1;align-self:center;margin:0;padding:8px 0;font-size:clamp(38px,4.4vw,60px)}

/* CTA: all-clear signal band */
body.theme-spar main>section.closing{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 160px;column-gap:40px;align-items:center;
  margin:0;padding:72px 0;border:0;border-radius:0;background:none;text-align:start;color:#fff}
body.theme-spar main>section.closing::before{
  background:radial-gradient(520px 320px at 82% 50%,rgba(87,214,144,.45),transparent 70%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 40px,transparent 40px 64px) left top/100% 4px no-repeat,
    repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 40px,transparent 40px 64px) left bottom/100% 4px no-repeat,
    linear-gradient(160deg,#1b7444,#11522e)}
body.theme-spar main>section.closing::after{content:"";grid-column:2;grid-row:1/5;width:120px;height:300px;justify-self:center;
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 320%22%3E%3Cdefs%3E%3CradialGradient id=%22g%22 cx=%22.5%22 cy=%22.5%22 r=%22.5%22%3E%3Cstop offset=%220%22 stop-color=%22%23b9ffd6%22 stop-opacity=%22.9%22/%3E%3Cstop offset=%22.35%22 stop-color=%22%2357d690%22 stop-opacity=%22.45%22/%3E%3Cstop offset=%221%22 stop-color=%22%2357d690%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx=%2260%22 cy=%22168%22 r=%2260%22 fill=%22url(%23g)%22/%3E%3Crect x=%2254%22 y=%22214%22 width=%2212%22 height=%2296%22 fill=%22%230f3a22%22/%3E%3Crect x=%2230%22 y=%22306%22 width=%2260%22 height=%2210%22 rx=%223%22 fill=%22%230f3a22%22/%3E%3Crect x=%2236%22 y=%2220%22 width=%2248%22 height=%228%22 rx=%223%22 fill=%22%230f3a22%22/%3E%3Crect x=%2238%22 y=%2228%22 width=%2244%22 height=%2254%22 rx=%226%22 fill=%22%235a2a22%22/%3E%3Crect x=%2238%22 y=%2284%22 width=%2244%22 height=%2254%22 rx=%226%22 fill=%22%235e4a12%22/%3E%3Crect x=%2238%22 y=%22140%22 width=%2244%22 height=%2256%22 rx=%226%22 fill=%22%23a8f5c8%22/%3E%3Crect x=%2244%22 y=%22146%22 width=%2212%22 height=%2244%22 rx=%225%22 fill=%22%23ffffff%22 opacity=%22.7%22/%3E%3Crect x=%2236%22 y=%22196%22 width=%2248%22 height=%2218%22 rx=%223%22 fill=%22%230f3a22%22/%3E%3C/svg%3E") center/contain no-repeat}
body.theme-spar main>section.closing>*{grid-column:1}
body.theme-spar main>section.closing>span{justify-self:start;font:500 13px/1.3 var(--mono);letter-spacing:0;text-transform:none;color:#fff;
  padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35)}
body.theme-spar main>section.closing h2{margin:20px 0 16px;max-width:17ch;color:#fff;font-size:clamp(40px,5.2vw,74px)}
body.theme-spar main>section.closing p{margin:0 0 30px;font-size:18px;color:#e2f3e9;max-width:52ch}
body.theme-spar main>section.closing .button{justify-self:start;margin-top:8px}

/* useful links: lane-entry tiles */
body.theme-spar.page-0 main>section.closing+section.reading{max-width:none;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:56px;
  align-items:start;padding:72px 0 64px}
body.theme-spar.page-0 main>section.closing+section.reading>h2{grid-column:1;margin:0 0 16px}
body.theme-spar.page-0 main>section.closing+section.reading>p:first-of-type{grid-column:1;margin:0;color:#2a2f32;font-size:17px}
body.theme-spar.page-0 main>section.closing+section.reading>p:last-child{grid-column:2;grid-row:1/3;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.theme-spar.page-0 .text-link{display:flex;align-items:flex-end;min-height:104px;margin:0;padding:18px 20px;border-radius:14px;text-decoration:none;
  font:700 22px/1.15 var(--disp);color:#1b1e20;background:linear-gradient(#f8f9f6,#eceee9);border-top:6px solid #ffcc1a;
  box-shadow:0 0 0 1px rgba(27,30,32,.09),0 16px 26px -22px rgba(0,0,0,.5);transition:transform .18s}
body.theme-spar.page-0 .text-link:nth-child(3n+2){border-top-color:#1f5a96}
body.theme-spar.page-0 .text-link:nth-child(3n){border-top-color:#176a3c}
body.theme-spar.page-0 .text-link:hover{transform:translateY(-3px)}

/* ---------- footer: wall + giant wordmark ---------- */
body.theme-spar>footer{position:relative;isolation:isolate;border:0;color:#d5dbd8;padding:50px 0 26px;margin-top:0}
body.theme-spar>footer::before{background:var(--stripe) left top/100% 10px no-repeat,var(--wallimg) 0 0/240px 160px,linear-gradient(#2b3135,#212629)}
body.theme-spar .footer-top{display:grid;gap:10px;align-items:start}
body.theme-spar .footer-top .brand{font:700 clamp(84px,12.5vw,176px)/.82 var(--disp);letter-spacing:-.02em;color:#e3e8e5}
body.theme-spar .footer-top p{font:500 13.5px/1.4 var(--mono);opacity:1;color:#bfc7ca}
body.theme-spar>footer nav{gap:8px 26px;font-size:14px;margin:30px 0 26px}
body.theme-spar>footer nav a{color:#e3e8e5}
body.theme-spar>footer nav a:hover{color:#ffcc1a}
body.theme-spar .footer-bottom{opacity:1;color:#aab3b7;font-size:12.5px;line-height:1.55;border-top:1px solid rgba(255,255,255,.12);padding-top:18px}

/* ======================================================================
   INNER PAGES
   ====================================================================== */
body.theme-spar main>section.inner-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;
  min-height:400px;padding:72px 0 92px;color:#eef1ee}
body.theme-spar main>section.inner-hero::before{
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 900 420%22 preserveAspectRatio=%22xMaxYMax slice%22%3E%3Cdefs%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%23394146%22/%3E%3Cstop offset=%221%22 stop-color=%22%232b3135%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22p%22 cx=%22.5%22 cy=%22.5%22 r=%22.5%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff3c9%22 stop-opacity=%22.16%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff3c9%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22fade%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.38%22 stop-color=%22%23fff%22/%3E%3C/linearGradient%3E%3Cmask id=%22m%22%3E%3Crect width=%22900%22 height=%22420%22 fill=%22url(%23fade)%22/%3E%3C/mask%3E%3Cpattern id=%22hz%22 width=%2212%22 height=%2212%22 patternUnits=%22userSpaceOnUse%22 patternTransform=%22rotate(-45)%22%3E%3Crect width=%2212%22 height=%2212%22 fill=%22%23ffcc1a%22/%3E%3Crect width=%226.0%22 height=%2212%22 fill=%22%231c1d1f%22/%3E%3C/pattern%3E%3C/defs%3E%3Cg mask=%22url(%23m)%22%3E%3Crect y=%22190%22 width=%22900%22 height=%22230%22 fill=%22url(%23f)%22/%3E%3Cline x1=%22500.7%22 y1=%22190%22 x2=%22-300%22 y2=%22420%22 stroke=%22%23ffcc1a%22 stroke-opacity=%22.38%22 stroke-width=%223%22 stroke-dasharray=%2222 16%22/%3E%3Cline x1=%22567.4%22 y1=%22190%22 x2=%22150%22 y2=%22420%22 stroke=%22%23ffcc1a%22 stroke-opacity=%22.38%22 stroke-width=%223%22 stroke-dasharray=%2222 16%22/%3E%3Cline x1=%22634.1%22 y1=%22190%22 x2=%22600%22 y2=%22420%22 stroke=%22%23ffcc1a%22 stroke-opacity=%22.38%22 stroke-width=%223%22 stroke-dasharray=%2222 16%22/%3E%3Cline x1=%22700.7%22 y1=%22190%22 x2=%221050%22 y2=%22420%22 stroke=%22%23ffcc1a%22 stroke-opacity=%22.38%22 stroke-width=%223%22 stroke-dasharray=%2222 16%22/%3E%3Cline x1=%22767.4%22 y1=%22190%22 x2=%221500%22 y2=%22420%22 stroke=%22%23ffcc1a%22 stroke-opacity=%22.38%22 stroke-width=%223%22 stroke-dasharray=%2222 16%22/%3E%3Cellipse cx=%22640%22 cy=%22250%22 rx=%22220%22 ry=%2240%22 fill=%22url(%23p)%22/%3E%3Cpolygon points=%22565.6,191 702.3,191 725.0,206 538.4,206%22 fill=%22url(%23hz)%22 opacity=%22.75%22/%3E%3Crect x=%22590%22 y=%22106%22 width=%22100%22 height=%2270%22 rx=%224%22 fill=%22%23cfe6ff%22 opacity=%22.12%22 stroke=%22%23d9ecff%22 stroke-opacity=%22.5%22/%3E%3Crect x=%22600%22 y=%22130%22 width=%2280%22 height=%2218%22 rx=%224%22 fill=%22%23eef2f4%22 opacity=%22.9%22/%3E%3Ccircle cx=%22611%22 cy=%22139%22 r=%226%22 fill=%22none%22 stroke=%22%23ffcc1a%22 stroke-width=%222%22/%3E%3Ccircle cx=%22611%22 cy=%22139%22 r=%222%22 fill=%22%231c1d1f%22/%3E%3Crect x=%22634%22 y=%22176%22 width=%2212%22 height=%2214%22 fill=%22%2322282c%22/%3E%3C/g%3E%3C/svg%3E") right bottom/min(980px,78vw) auto no-repeat,radial-gradient(800px 380px at 70% 0,rgba(255,240,200,.09),transparent 65%),
    var(--stripe) left bottom/100% 10px no-repeat,var(--wallimg) 0 0/240px 160px,linear-gradient(#30373b,#262b2f)}
body.theme-spar[dir=rtl] main>section.inner-hero::before{transform:scaleX(-1)}
body.theme-spar .inner-hero h1{font-size:clamp(46px,5.6vw,80px);max-width:18ch;margin:0}
body.theme-spar .inner-hero .eyebrow{margin-bottom:24px}
body.theme-spar .hero-number{font:700 210px/.8 var(--disp);letter-spacing:-.02em;opacity:1;color:#ffcc1a;margin-inline-end:40px;margin-bottom:-18px;
  transform:perspective(420px) rotateX(46deg);transform-origin:50% 100%;text-shadow:0 0 1px rgba(0,0,0,.3)}

/* spec sheet: headings in the left index column, text on the right */
body.theme-spar:not(.page-0) main>section.reading:not(.privacy){max-width:none;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:56px;
  padding:72px 0 64px}
body.theme-spar:not(.page-0) main>section.reading:not(.privacy)>*{grid-column:2;max-width:760px}
body.theme-spar:not(.page-0) main>section.reading:not(.privacy)>:is(h2,h3){grid-column:1;max-width:none;align-self:start}
body.theme-spar:not(.page-0) main>section.reading:not(.privacy)>h2{margin:8px 0 28px;font-size:clamp(30px,3.2vw,44px);padding-top:18px;
  border-top:6px solid #1c1d1f}
body.theme-spar:not(.page-0) main>section.reading:not(.privacy)>h3{margin:0 0 22px;font-size:24px;color:#1f5a96;padding-inline-start:18px;
  border-inline-start:5px solid #ffcc1a}
body.theme-spar:not(.page-0) main>section.reading:not(.privacy)>p{margin:0 0 22px;font-size:16.5px;line-height:1.75;color:#2a2f32}
body.theme-spar:not(.page-0) main>section.reading:not(.privacy)>h2+p,
body.theme-spar:not(.page-0) main>section.reading:not(.privacy)>h2+.feature-list,
body.theme-spar:not(.page-0) main>section.reading:not(.privacy)>h2+.code-example{margin-top:8px}
body.theme-spar:not(.page-0) main>section.reading:not(.privacy)>p.large:first-child{grid-column:1/-1;max-width:none}
body.theme-spar .large,body.theme-spar:not(.page-0) main>section.reading:not(.privacy)>p.large{font-size:clamp(20px,1.9vw,25px);line-height:1.55;opacity:1;color:#1b1e20}
body.theme-spar:not(.page-0) main>section.reading>.code-example{margin:8px 0 22px}

/* intro statement */
body.theme-spar .product-lead,body.theme-spar:not(.page-0) main>section.inner-hero+section.reading:has(>p.large:only-child){max-width:none;padding:72px 0 24px}
body.theme-spar .product-lead p.large,body.theme-spar:not(.page-0) main>section.inner-hero+section.reading>p.large:only-child{
  max-width:56ch!important;margin:0;padding-inline-start:30px;border-inline-start:10px solid;border-image:var(--stripe) 1}

/* product cards: three equipment cases */
body.theme-spar:not(.page-0) main>.cards{border:0;padding:32px 0 32px;gap:22px}
body.theme-spar:not(.page-0) main>.cards article{position:relative;padding:28px 28px 30px;border:0;border-radius:18px;color:#eef1ee;
  background:radial-gradient(240px 120px at 100% 0,rgba(109,179,255,.14),transparent 70%),linear-gradient(#384046,#2b3135);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 26px 40px -28px #000}
body.theme-spar:not(.page-0) main>.cards .number{font:700 15px/1 var(--mono);opacity:1;color:#1c1d1f;background:#ffcc1a;width:fit-content;padding:6px 10px;border-radius:7px;margin:0 0 40px}
body.theme-spar:not(.page-0) main>.cards h3{font-size:30px;margin:0 0 10px;color:#fff}
body.theme-spar:not(.page-0) main>.cards p{font-size:15.5px;opacity:1;color:#c4ccce;line-height:1.6}

/* feature list: equipment rack */
body.theme-spar .feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 8px}
body.theme-spar .feature-list li{position:relative;padding:18px 20px 18px;border:0;border-radius:12px;font-size:15px;line-height:1.55;color:#353b3f;
  background:linear-gradient(#f8f9f6,#eceee9);box-shadow:0 0 0 1px rgba(27,30,32,.09),0 14px 24px -22px rgba(0,0,0,.6)}
body.theme-spar .feature-list li::after{content:"";position:absolute;top:12px;inset-inline-end:12px;width:7px;height:7px;border-radius:50%;
  background:#9aa4a9;box-shadow:inset 0 1px 1px rgba(0,0,0,.4)}
body.theme-spar .feature-list strong{display:block;width:fit-content;font:600 13px/1.3 var(--mono);color:#ffcc1a;background:#1c1d1f;padding:4px 10px;border-radius:6px;margin:0 0 9px}

/* hazard notice sign */
body.theme-spar .notice{margin:12px 0 22px;padding:22px 26px;font-size:15px;color:#2a2f32;border:0;border-radius:12px;
  background:var(--stripe) left top/100% 8px no-repeat,#fbf6e0;box-shadow:0 0 0 1px rgba(27,30,32,.1)}
body.theme-spar .notice strong{display:block;font:700 22px/1.2 var(--disp);color:#1b1e20;margin-top:6px}
body.theme-spar .notice p{color:#2a2f32}

/* product: console bay */
body.theme-spar:not(.page-0) main>section.split-section{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center;
  padding:88px 0;margin:24px 0}
body.theme-spar:not(.page-0) main>section.split-section::before{
  background:radial-gradient(700px 300px at 80% 20%,rgba(109,179,255,.14),transparent 70%),var(--wallimg) 0 0/240px 160px,linear-gradient(#2b3135,#24292c)}
body.theme-spar:not(.page-0) main>section.split-section h2{color:#fff;margin:0 0 18px}
body.theme-spar:not(.page-0) main>section.split-section p{opacity:1;color:#c4ccce;font-size:17px;max-width:none}

/* models: beam path */
body.theme-spar .connection{position:relative;isolation:isolate;overflow:hidden;margin:20px 0 40px;padding:44px 48px;gap:0;border:0;border-radius:22px;color:#fff;
  background:radial-gradient(500px 200px at 50% 0,rgba(255,240,200,.1),transparent 70%),var(--wallimg) 0 0/240px 160px,linear-gradient(#30373b,#262b2f);
  box-shadow:0 30px 60px -36px rgba(0,0,0,.7);font-size:20px}
body.theme-spar .connection span{flex:none;padding:22px 30px;border-radius:14px;font:700 28px/1 var(--disp);color:#fff;
  background:linear-gradient(135deg,rgba(207,230,255,.18),rgba(207,230,255,.06));border:1.5px solid rgba(217,236,255,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 20px 30px -20px #000}
body.theme-spar .connection span:first-child{border-color:#ffcc1a}
body.theme-spar .connection span:last-child{border-color:#57d690}
body.theme-spar .connection b{flex:1;min-width:48px;display:flex;align-items:center;justify-content:flex-end;font-size:26px;line-height:1;color:#ffcc1a;
  height:34px;background:linear-gradient(90deg,rgba(255,204,26,.05),#ffcc1a) center/100% 4px no-repeat;filter:drop-shadow(0 0 6px rgba(255,204,26,.55))}
body.theme-spar[dir=rtl] .connection b{background-image:linear-gradient(270deg,rgba(255,204,26,.05),#ffcc1a)}

/* workflows: procedure lanes + console bay with the test plan */
body.theme-spar:not(.page-0) .scenario{padding-top:96px}
body.theme-spar .workflow-grid{display:block;gap:0}
body.theme-spar .workflow-grid .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.theme-spar .workflow-grid .steps article{position:relative;padding:76px 22px 24px;border:0;border-radius:14px;
  background:var(--stripe) left top/100% 8px no-repeat,linear-gradient(#f8f9f6,#eceee9);box-shadow:0 0 0 1px rgba(27,30,32,.09),0 16px 26px -22px rgba(0,0,0,.55)}
body.theme-spar .workflow-grid .steps .number{position:absolute;top:26px;inset-inline-start:22px;left:auto;margin:0;opacity:1;font:700 32px/1 var(--disp);color:#1c1d1f}
body.theme-spar[dir=rtl] .workflow-grid .steps .number{right:auto}
body.theme-spar .workflow-grid .steps h3{font-size:25px;margin:0 0 8px}
body.theme-spar .workflow-grid .steps p{font-size:15px;opacity:1;color:#353b3f}
body.theme-spar .sticky-example{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:32px;align-items:start;
  margin-top:72px;padding:76px 0 80px;color:#eef1ee}
body.theme-spar .sticky-example::before{background:radial-gradient(700px 300px at 20% 0,rgba(109,179,255,.13),transparent 70%),var(--wallimg) 0 0/240px 160px,linear-gradient(#2b3135,#24292c)}
body.theme-spar .sticky-example>h2{grid-column:1/-1;color:#fff;margin:0 0 32px}
body.theme-spar .sticky-example>.agent-run{grid-column:1;grid-row:2/4;margin:0}
body.theme-spar .sticky-example>.code-example{grid-column:2;grid-row:2}
body.theme-spar .sticky-example>p{grid-column:2;grid-row:3;opacity:1;color:#c4ccce;font-size:15.5px;margin:20px 0 0}

/* download: dispatch station */
body.theme-spar .download-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;margin:0;padding:0 0 32px}
body.theme-spar .download-card{position:relative;z-index:3;margin-top:-64px;text-align:start;padding:44px 34px 36px;border:0;border-radius:22px;color:#eef1ee;
  background:var(--stripe) left top/100% 12px no-repeat,radial-gradient(300px 160px at 100% 10%,rgba(109,179,255,.16),transparent 70%),linear-gradient(#384046,#2b3135);
  box-shadow:0 40px 70px -36px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.1)}
body.theme-spar .app-icon{width:84px;height:84px;margin:0 0 26px;border-radius:20px;background:#ffcc1a;color:#1c1d1f;font:700 50px/1 var(--disp);
  box-shadow:0 18px 30px -16px rgba(255,196,0,.6),inset 0 -5px 0 rgba(0,0,0,.12)}
body.theme-spar .download-card h2{color:#fff;margin:0 0 8px;font-size:48px}
body.theme-spar .download-card p{color:#c4ccce;font:500 14px/1.5 var(--mono);margin:0 0 28px}
body.theme-spar .download-card .button{width:100%}
body.theme-spar .download-grid>div:last-child{padding-top:48px}
body.theme-spar .download-grid>div:last-child>.large{margin:0 0 30px}
body.theme-spar .download-grid .setup{display:grid;gap:14px;margin:0 0 26px;position:relative}
body.theme-spar .download-grid .setup li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;align-items:center;padding:0;font-size:16.5px;color:#2a2f32}
body.theme-spar .download-grid .setup li::before{width:52px;height:52px;font-size:24px}

/* FAQ page: three bays, heading in the left column */
body.theme-spar.page-5 main>section.faq{max-width:none;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:56px;row-gap:12px;align-items:start;
  margin:0;padding:64px 0 32px;position:relative}
body.theme-spar.page-5 main>section.faq+section.faq{border-top:3px dashed rgba(27,30,32,.3)}
body.theme-spar.page-5 main>section.faq>h2{grid-column:1;grid-row:1/span 4;margin:0;padding-top:20px;border-top:8px solid;border-image:var(--stripe) 1;font-size:clamp(32px,3.4vw,48px)}
body.theme-spar.page-5 main>section.faq:nth-of-type(3)>h2{border-image:linear-gradient(#1f5a96,#1f5a96) 1}
body.theme-spar.page-5 main>section.faq:nth-of-type(4)>h2{border-image:linear-gradient(#176a3c,#176a3c) 1}
body.theme-spar.page-5 main>section.faq>details{grid-column:2}
body.theme-spar.page-5 main>section.faq:last-of-type{padding-bottom:88px}

/* privacy: safety data sheet panels */
body.theme-spar main>section.privacy{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:72px 0 64px}
body.theme-spar .privacy article{position:relative;margin:0;padding:30px 32px 26px;border:0;border-radius:16px;background:linear-gradient(#f8f9f6,#eceee9);
  box-shadow:0 0 0 1px rgba(27,30,32,.09),0 18px 30px -26px rgba(0,0,0,.6)}
body.theme-spar .privacy article::before{content:"";position:absolute;top:30px;inset-inline-end:30px;width:26px;height:26px;background:#ffcc1a;
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
body.theme-spar .privacy article:nth-child(2)::before{background:#1f5a96;clip-path:none;border-radius:50%}
body.theme-spar .privacy article:nth-child(3)::before{background:var(--stripe);clip-path:none;border-radius:4px}
body.theme-spar .privacy article:nth-child(4)::before{background:#176a3c;clip-path:none;border-radius:50%}
body.theme-spar .privacy article:nth-child(5)::before{background:#1c1d1f;clip-path:none;border-radius:6px}
body.theme-spar .privacy article:first-child{grid-column:1/-1;color:#eef1ee;
  background:radial-gradient(500px 200px at 90% 0,rgba(109,179,255,.15),transparent 70%),var(--wallimg) 0 0/240px 160px,linear-gradient(#30373b,#262b2f)}
body.theme-spar .privacy h2{font-size:clamp(28px,2.8vw,38px);margin:0 0 14px;padding-inline-end:44px}
body.theme-spar .privacy p{font-size:16.5px;line-height:1.7;opacity:1;color:#2a2f32;margin:0 0 6px}
body.theme-spar .privacy article:first-child h2{color:#fff}
body.theme-spar .privacy article:first-child p{color:#c9d0cd;max-width:75ch}
body.theme-spar .privacy .updated{grid-column:1/-1;font:500 13.5px/1.3 var(--mono)!important;color:#41484d;margin:4px 0 0}

/* languages without Roboto Condensed glyphs: heavy Inter headings */
html[lang=ja] body.theme-spar :is(h1,h2,h3,summary){word-break:auto-phrase}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=th],[lang=ja],[lang=ko],[lang=hi]) body.theme-spar :is(h1,h2,h3,summary,.brand,.connection span,.text-link,.feature-matrix tbody th){font-family:Inter,system-ui,sans-serif;letter-spacing:-.025em}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=th],[lang=ja],[lang=ko],[lang=hi]) body.theme-spar :is(h1,h2,h3){font-weight:800}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=th],[lang=ja],[lang=ko],[lang=hi]) body.theme-spar .home-hero h1{font-size:clamp(42px,4.9vw,68px);line-height:1.04}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=th],[lang=ja],[lang=ko],[lang=hi]) body.theme-spar .inner-hero h1{font-size:clamp(38px,4.4vw,62px);line-height:1.06}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=th],[lang=ja],[lang=ko],[lang=hi]) body.theme-spar h2{font-size:clamp(28px,3.3vw,46px)}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=th],[lang=ja],[lang=ko],[lang=hi]) body.theme-spar.page-0 main>section.closing h2{font-size:clamp(32px,4.2vw,58px)}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=th],[lang=ja],[lang=ko],[lang=hi]) body.theme-spar .footer-top .brand{font-family:var(--disp)}

/* ======================================================================
   TABLET
   ====================================================================== */
@media (max-width:1200px){
  body.theme-spar .home-hero .agent-run{margin-inline-start:-16px;width:calc(100% + 16px)}
}
@media (max-width:1050px){
  body.theme-spar .home-hero{column-gap:28px}
  body.theme-spar .home-hero .agent-run{margin-inline-start:0;width:100%}
  body.theme-spar.page-0 main>.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.theme-spar.page-0 main>.cards article:nth-child(4){border-inline-start:0}
  body.theme-spar.page-0 main>.cards article:nth-child(n+4){border-top:1px solid rgba(27,30,32,.1)}
  body.theme-spar .workflow-grid .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.theme-spar.page-0 main>section.closing+section.reading>p:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ======================================================================
   PHONES
   ====================================================================== */
@media (max-width:760px){
  body.theme-spar .header{min-height:0;box-shadow:0 0 0 100vmax #262b2e}
  body.theme-spar .brand{font-size:24px}
  body.theme-spar .brand-symbol,body.theme-spar .brand-symbol svg{width:34px;height:34px}
  body.theme-spar .header.has-burger.nav-open>.main-nav{border-radius:0!important}
  body.theme-spar :is(h1,h2,h3){overflow-wrap:break-word}

  body.theme-spar .home-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;padding:26px 0 56px}
  body.theme-spar .home-hero .hero-copy{grid-column:1;grid-row:1;padding:0}
  body.theme-spar .home-hero h1{font-size:clamp(42px,12.4vw,54px);margin-bottom:18px}
  body.theme-spar .hero-lead{font-size:16.5px}
  body.theme-spar .home-hero .actions{margin-top:22px;gap:10px}
  body.theme-spar .button{padding:15px 20px;font-size:15px}
  body.theme-spar .home-hero::after{position:relative;grid-column:1;grid-row:2;inset:auto;height:230px;margin:30px -18px 0;
    border:0;border-block:8px solid #191d20;border-radius:0;background-position:62% top;background-size:auto 260px}
  body.theme-spar[dir=rtl] .home-hero::after{border-inline:0;border-radius:0}
  body.theme-spar .home-hero .agent-run{grid-column:1;grid-row:3;margin:-96px 0 0;width:100%;max-width:none}
  body.theme-spar .agent-run-steps li{grid-template-columns:minmax(0,1fr) auto}

  body.theme-spar.page-0 main>.cards{grid-template-columns:minmax(0,1fr);margin-top:-30px;border-radius:16px}
  body.theme-spar.page-0 main>.cards article{display:grid;grid-template-columns:minmax(0,1fr);padding:16px 76px 16px 18px;border-inline-start:0!important;
    border-top:1px solid rgba(27,30,32,.1)}
  body.theme-spar[dir=rtl].page-0 main>.cards article{padding:16px 18px 16px 76px}
  body.theme-spar.page-0 main>.cards article:first-child{border-top:0}
  body.theme-spar.page-0 main>.cards article::before,body.theme-spar.page-0 main>.cards article::after{top:50%;margin-top:-21px;inset-inline-end:18px}
  body.theme-spar.page-0 main>.cards .number{margin:0 0 4px;padding:0}
  body.theme-spar.page-0 main>.cards h3{font-size:26px;margin:0}
  body.theme-spar.page-0 main>.cards p{margin-top:2px}

  body.theme-spar .scenario{grid-template-columns:minmax(0,1fr);padding:76px 0 48px;row-gap:0}
  body.theme-spar .scenario::before{top:34px}
  body.theme-spar .scenario h2{grid-row:2;margin-bottom:24px}
  body.theme-spar .scenario p{grid-column:1;grid-row:3;font-size:16.5px;padding-inline-start:20px;border-inline-start-width:8px}

  body.theme-spar.page-0 main>section.reading:has(>.steps){padding:56px 0 52px}
  body.theme-spar.page-0 .steps{grid-template-columns:minmax(0,1fr);gap:20px}
  body.theme-spar.page-0 .steps article:nth-child(n){grid-column:1}
  body.theme-spar.page-0 .steps article::before{height:104px;background-size:auto 68px;background-position:64% center}
  body.theme-spar.page-0 .steps .number{font-size:38px;top:12px;inset-inline-start:16px}
  body.theme-spar.page-0 .steps h3{font-size:26px;margin:20px 20px 10px}
  body.theme-spar.page-0 .steps p{margin:0 20px;font-size:15.5px}
  body.theme-spar.page-0 .steps .code-example{margin:18px 20px 0}

  body.theme-spar .feature-matrix{grid-template-columns:minmax(0,1fr);padding:64px 0 32px}
  body.theme-spar .feature-matrix>table{grid-column:1;grid-row:3;margin-top:44px}
  body.theme-spar .feature-matrix::after{grid-column:1;grid-row:3;margin-top:22px}
  body.theme-spar .feature-matrix th{width:auto}
  body.theme-spar .feature-matrix th,body.theme-spar .feature-matrix td{padding:12px 18px}
  body.theme-spar .feature-matrix td{padding-inline-start:52px}
  body.theme-spar .feature-matrix tbody th{padding-top:18px;border-bottom:0}
  body.theme-spar .feature-matrix thead th{padding-block:12px 8px;border-bottom:0}
  body.theme-spar .feature-matrix thead th:first-child{display:none}
  body.theme-spar .feature-matrix thead tr th:last-child{border-bottom:2px solid #1c1d1f;padding-bottom:12px}

  body.theme-spar main>section.split-section{padding:60px 0 64px}
  body.theme-spar.page-0 main>section.split-section h2{margin-bottom:34px}
  body.theme-spar.page-0 .split-section .setup{grid-template-columns:minmax(0,1fr);gap:18px}
  body.theme-spar.page-0 .split-section .setup::before{top:26px;bottom:26px;inset-inline:27px auto;width:4px;height:auto;
    background:repeating-linear-gradient(180deg,#ffcc1a 0 14px,transparent 14px 24px)}
  body.theme-spar.page-0 .split-section .setup li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:center;font-size:16px}
  body.theme-spar.page-0 .split-section .setup li::before{margin:0;width:56px;height:56px}

  body.theme-spar.page-0 main>section.split-section+section.reading{grid-template-columns:minmax(0,1fr);padding:64px 0 36px}
  body.theme-spar.page-0 main>section.split-section+section.reading>h2{margin-bottom:28px}
  body.theme-spar.page-0 main>section.split-section+section.reading>p{padding:30px 0 24px!important;border-inline-start:0}
  body.theme-spar.page-0 main>section.split-section+section.reading>p::before{inset-inline-start:0}

  body.theme-spar.page-0 main>section.faq{grid-template-columns:minmax(0,1fr);padding:36px 0 64px;gap:12px}
  body.theme-spar.page-0 main>section.faq>h2{margin-bottom:10px}
  body.theme-spar .faq summary{font-size:16.5px;padding:18px 56px 18px 18px}
  body.theme-spar[dir=rtl] .faq summary{padding:18px 18px 18px 56px}
  body.theme-spar .faq details>p{padding:0 18px 20px;font-size:15.5px}

  body.theme-spar main>section.closing{grid-template-columns:minmax(0,1fr) 64px;column-gap:14px;padding:60px 0 64px}
  body.theme-spar main>section.closing::after{width:56px;height:150px;grid-row:1/3;align-self:start}
  body.theme-spar main>section.closing h2{font-size:clamp(34px,10vw,44px)}
  body.theme-spar main>section.closing>:is(p,a){grid-column:1/-1}
  body.theme-spar main>section.closing p{font-size:16.5px}

  body.theme-spar.page-0 main>section.closing+section.reading{grid-template-columns:minmax(0,1fr);padding:60px 0 56px}
  body.theme-spar.page-0 main>section.closing+section.reading>p:last-child{grid-column:1;grid-row:auto;margin-top:26px;grid-template-columns:minmax(0,1fr)}
  body.theme-spar.page-0 .text-link{min-height:0;padding:16px 18px;font-size:21px}

  body.theme-spar>footer{padding:44px 0 24px}
  body.theme-spar .footer-top .brand{font-size:clamp(64px,20vw,96px)}

  /* inner */
  body.theme-spar main>section.inner-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding:40px 0 124px}
  body.theme-spar main>section.inner-hero::before{background-size:auto 112px,auto,100% 10px,240px 160px,auto;background-position:72% bottom,0 0,left bottom,0 0,0 0}
  body.theme-spar .inner-hero h1{font-size:clamp(36px,10.4vw,46px)}
  body.theme-spar:not(.page-0) main>section.reading:not(.privacy){grid-template-columns:minmax(0,1fr);padding:52px 0 40px}
  body.theme-spar:not(.page-0) main>section.reading:not(.privacy)>*{grid-column:1!important}
  body.theme-spar:not(.page-0) main>section.reading:not(.privacy)>h2{margin-bottom:18px}
  body.theme-spar:not(.page-0) main>section.reading:not(.privacy)>h3{margin-bottom:12px;font-size:22px}
  body.theme-spar .product-lead,body.theme-spar:not(.page-0) main>section.inner-hero+section.reading:has(>p.large:only-child){padding:48px 0 16px}
  body.theme-spar .product-lead p.large,body.theme-spar:not(.page-0) main>section.inner-hero+section.reading>p.large:only-child{padding-inline-start:20px;border-inline-start-width:8px}
  body.theme-spar:not(.page-0) main>.cards{grid-template-columns:minmax(0,1fr);gap:14px}
  body.theme-spar:not(.page-0) main>.cards .number{margin-bottom:22px}
  body.theme-spar .feature-list{grid-template-columns:minmax(0,1fr)}
  body.theme-spar:not(.page-0) main>section.split-section{grid-template-columns:minmax(0,1fr);gap:28px;padding:56px 0}
  body.theme-spar .connection{flex-direction:column;padding:28px 20px;gap:4px}
  body.theme-spar .connection span{width:100%;text-align:center;font-size:24px;padding:18px}
  body.theme-spar .connection b{flex:none;width:44px;min-width:0;transform:rotate(90deg)}
  body.theme-spar .workflow-grid .steps{grid-template-columns:minmax(0,1fr);gap:12px}
  body.theme-spar .workflow-grid .steps article{padding:22px 20px 20px 74px}
  body.theme-spar[dir=rtl] .workflow-grid .steps article{padding:22px 74px 20px 20px}
  body.theme-spar .workflow-grid .steps .number{top:30px;inset-inline-start:20px}
  body.theme-spar .sticky-example{grid-template-columns:minmax(0,1fr);margin-top:48px;padding:56px 0 60px;row-gap:20px}
  body.theme-spar .sticky-example>:is(.agent-run,.code-example,p){grid-column:1;grid-row:auto}
  body.theme-spar .sticky-example>h2{margin-bottom:6px}
  body.theme-spar .sticky-example>p{margin:0}
  body.theme-spar .download-grid{grid-template-columns:minmax(0,1fr);gap:24px;padding:0}
  body.theme-spar .download-card{margin-top:-40px;padding:36px 24px 28px}
  body.theme-spar .download-grid>div:last-child{padding-top:12px}
  body.theme-spar.page-5 main>section.faq{grid-template-columns:minmax(0,1fr);padding:44px 0 24px}
  body.theme-spar.page-5 main>section.faq>h2{grid-row:auto;margin-bottom:8px}
  body.theme-spar.page-5 main>section.faq>details{grid-column:1}
  body.theme-spar main>section.privacy{grid-template-columns:minmax(0,1fr);gap:14px;padding:48px 0 40px}
  body.theme-spar .privacy article{padding:24px 22px 20px}
  body.theme-spar .privacy article::before{top:24px;inset-inline-end:22px;width:20px;height:20px}
}
@media (prefers-reduced-motion:reduce){body.theme-spar *{transition:none!important}}

/* long words break with a hyphen, short words never split */
html body[class*="theme-"] :is(h1,h2){hyphens:auto!important;-webkit-hyphens:auto!important;hyphenate-limit-chars:10 5 5;overflow-wrap:break-word}

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