@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/cine-inter-cyrillic-ext-0.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/cine-inter-cyrillic-1.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/cine-inter-greek-ext-2.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/cine-inter-greek-3.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/cine-inter-vietnamese-4.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/cine-inter-latin-ext-5.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/cine-inter-latin-6.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/cine-inter-cyrillic-ext-0.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/cine-inter-cyrillic-1.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/cine-inter-greek-ext-2.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/cine-inter-greek-3.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/cine-inter-vietnamese-4.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/cine-inter-latin-ext-5.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/cine-inter-latin-6.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/cine-inter-cyrillic-ext-0.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/cine-inter-cyrillic-1.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/cine-inter-greek-ext-2.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/cine-inter-greek-3.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/cine-inter-vietnamese-4.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/cine-inter-latin-ext-5.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/cine-inter-latin-6.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:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/cine-jetbrains-mono-cyrillic-ext-7.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:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/cine-jetbrains-mono-cyrillic-8.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/cine-jetbrains-mono-greek-9.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:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/cine-jetbrains-mono-vietnamese-10.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:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/cine-jetbrains-mono-latin-ext-11.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:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/cine-jetbrains-mono-latin-12.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:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/cine-jetbrains-mono-cyrillic-ext-7.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:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/cine-jetbrains-mono-cyrillic-8.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/cine-jetbrains-mono-greek-9.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:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/cine-jetbrains-mono-vietnamese-10.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:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/cine-jetbrains-mono-latin-ext-11.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:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/cine-jetbrains-mono-latin-12.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:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/cine-jetbrains-mono-cyrillic-ext-7.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:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/cine-jetbrains-mono-cyrillic-8.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/cine-jetbrains-mono-greek-9.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:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/cine-jetbrains-mono-vietnamese-10.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:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/cine-jetbrains-mono-latin-ext-11.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:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/cine-jetbrains-mono-latin-12.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:"Rajdhani";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/cine-rajdhani-devanagari-13.woff2) format("woff2");unicode-range:U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/cine-rajdhani-latin-ext-14.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:"Rajdhani";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/cine-rajdhani-latin-15.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:"Rajdhani";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/cine-rajdhani-devanagari-16.woff2) format("woff2");unicode-range:U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/cine-rajdhani-latin-ext-17.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:"Rajdhani";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/cine-rajdhani-latin-18.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:"Rajdhani";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/cine-rajdhani-devanagari-19.woff2) format("woff2");unicode-range:U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/cine-rajdhani-latin-ext-20.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:"Rajdhani";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/cine-rajdhani-latin-21.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}
/* ===== Nocode Atelier — "Cinematic CS2" theme (2026-10-28) =====
   Based on the owner's concept "Nocode Atelier.html": dark smoky hero with crosshair, kill-feed band,
   case-drop cards with rarity colours, HUD stat bar, clipped blue/orange buttons, radial CTA, dark footer.
   CSS only for layout; theme-cs2.js adds decorative extras (smoke canvas, crosshair, kill-feed, step reveal).
   HTML, text and section order are unchanged. */

body.theme-atelier{
  --bg:#15171b!important;--ink:#ffffff!important;--accent:#3a93c7!important;
  --deep:#0a0d12;--panel:#1b1e24;--panel2:#23272f;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.16);
  --muted:#a3a9b1;--blue:#3a93c7;--blue-hi:#4fb0e6;--orange:#ef8e3b;--gold:#f0c23c;
  --r-blue:#4b69ff;--r-purple:#8847ff;--r-pink:#d32ce6;--r-gold:#ffd700;
  --f-disp:"Rajdhani","Oswald",system-ui,sans-serif;--f-body:"Inter",system-ui,-apple-system,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  background:var(--bg);color:#fff;font-family:var(--f-body);-webkit-font-smoothing:antialiased;color-scheme:dark}
html,body{overflow-x:clip}
body.theme-atelier main{overflow-x:visible}

/* neutralise theme-atelier quirks from site.css */
body.theme-atelier .cards article:nth-child(n){transform:none;background:none}
body.theme-atelier .button{border-radius:0}
.workflow-grid>*,.split-section>*,.download-grid>*,main section>*{min-width:0}

/* type */
body.theme-atelier h1,body.theme-atelier h2,body.theme-atelier h3,body.theme-atelier summary,body.theme-atelier dt,body.theme-atelier th{font-family:var(--f-disp);font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:1.04}
body.theme-atelier h1{font-size:clamp(2.4rem,5.6vw,4.3rem);hyphens:manual;-webkit-hyphens:manual}
body.theme-atelier h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}
body.theme-atelier h3{font-size:1.2rem;letter-spacing:.02em}
body.theme-atelier p,body.theme-atelier li,body.theme-atelier td,body.theme-atelier dd{color:#c9ced5}
.eyebrow{font-family:var(--f-disp);text-transform:uppercase;letter-spacing:.22em;font-weight:600;font-size:.74rem;color:var(--muted)}
.eyebrow i{background:var(--orange);border-radius:0;width:6px;height:6px}
code,pre,kbd{font-family:var(--f-mono)}

/* ---------- header: sticky dark bar ---------- */
body.theme-atelier .header{position:sticky;top:0;z-index:50;min-height:64px;border-bottom:1px solid var(--line);
  background:rgba(10,13,18,.94);box-shadow:0 0 0 100vmax rgba(10,13,18,.94);clip-path:inset(0 -100vmax);backdrop-filter:blur(8px)}
.brand{font-family:var(--f-disp);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:1.05rem}
body.theme-atelier .brand-symbol{width:30px;height:30px;border-radius:0;background:#fff;color:#15171b!important;font:700 19px/1 var(--f-disp);clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}
.main-nav a{font-family:var(--f-disp);text-transform:uppercase;letter-spacing:.12em;font-weight:600;font-size:.84rem;color:var(--muted);opacity:1}
.main-nav a:hover,.main-nav a[aria-current]{color:#fff;text-decoration:none;box-shadow:inset 0 -2px 0 var(--orange)}
.language{font-family:var(--f-disp);text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--muted)}
.language select{color:#fff}
.language option{color:#15171b;background:#fff}
.header-cta{padding:10px 16px!important;font-size:.78rem!important;white-space:nowrap}

/* ---------- buttons: clipped corners ---------- */
.button{font-family:var(--f-disp);text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:.9rem;padding:14px 22px;gap:10px;border:0}
.button:hover{transform:none}
.primary{background:var(--blue);color:#06121b!important;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:0 8px 24px -10px rgba(58,147,199,.7)}
.primary:hover{background:var(--blue-hi)}
.secondary{background:transparent;color:#fff;border:0;box-shadow:inset 0 0 0 1px var(--line2)}
.secondary:hover{box-shadow:inset 0 0 0 1px #fff;background:rgba(255,255,255,.04)}

/* ---------- hero: smoke, grid, scanlines ---------- */
body.theme-atelier .hero{position:relative;isolation:isolate}
body.theme-atelier .hero:before{content:"";position:absolute;inset:0 -100vmax;z-index:-2;pointer-events:none;
  background:radial-gradient(700px 420px at 72% 30%,rgba(58,147,199,.16),transparent 65%),radial-gradient(620px 380px at 18% 80%,rgba(239,142,59,.12),transparent 65%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/46px 46px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/46px 46px,var(--bg);
  border-bottom:1px solid var(--line)}
body.theme-atelier .hero:after{content:"";position:absolute;inset:0 -100vmax;z-index:-1;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 3px)}
.cine-smoke{position:absolute;inset:0 calc(50% - 50vw);z-index:-1;pointer-events:none;width:100vw;height:100%}
body.theme-atelier .home-hero{grid-template-columns:1.05fr .95fr;gap:52px;padding:72px 0 56px;min-height:0;align-items:center}
.home-hero .hero-copy{animation:cine-rise .55s cubic-bezier(.2,.7,.2,1) both}
.home-hero .agent-run{animation:cine-rise .55s .12s cubic-bezier(.2,.7,.2,1) both}
body.theme-atelier .hero .eyebrow{display:inline-flex;border:1px solid var(--orange);color:var(--orange);padding:6px 12px;letter-spacing:.2em;font-size:.68rem;width:max-content;max-width:100%;
  clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
body.theme-atelier .hero .eyebrow i{display:none}
body.theme-atelier .hero h1{margin-top:20px}
body.theme-atelier .hero h1:after{content:"";display:block;height:3px;width:72px;margin-top:24px;background:linear-gradient(90deg,var(--orange),transparent)}
.hero-lead{color:var(--muted);font-size:1.06rem;max-width:44ch;opacity:1}

/* ---------- agent-run card ---------- */
.agent-run{position:relative;overflow:visible!important;border:1px solid var(--line2)!important;border-radius:0!important;background:linear-gradient(180deg,#1c2026,#171a20)!important;box-shadow:0 30px 70px -30px rgba(0,0,0,.85)}
.agent-run:before,.agent-run:after{content:"";position:absolute;width:20px;height:20px;border:2px solid var(--orange);opacity:.85;pointer-events:none}
.agent-run:before{top:-7px;left:-7px;border-right:0;border-bottom:0}
.agent-run:after{bottom:-7px;right:-7px;border-left:0;border-top:0}
.agent-run-bar{background:#0f1217;border-bottom:1px solid var(--line)!important;font-family:var(--f-disp);text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.78rem}
.agent-run-bar{align-items:center}
.agent-run-bar span:first-child{opacity:1!important;color:#fff;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;min-width:0}
.agent-run-mode{white-space:nowrap}
.agent-run-mode{color:var(--orange)!important;font-family:var(--f-mono);letter-spacing:.06em;font-weight:500}
.agent-run-prompt{justify-content:flex-start!important}
.agent-run-prompt span{background:#2a2016!important;border:1px solid rgba(239,142,59,.25);color:#f3dcc2;border-radius:0!important;font-family:var(--f-mono);font-size:.84rem;max-width:100%!important}
.agent-run-steps li{background:var(--panel2)!important;border:0!important;border-left:2px solid var(--blue)!important;border-radius:0!important;font-family:var(--f-mono)}
.agent-run-steps li code{color:#c3c9d0}
.ar-tool{color:var(--blue-hi)!important}
.ar-res{color:var(--muted)}.ar-res.ar-ok{color:#86d08a!important}
.agent-run-steps li.t-edit{border-left-color:var(--orange)!important}.agent-run-steps li.t-edit .ar-tool{color:var(--orange)!important}
.agent-run-steps li.t-write{border-left-color:var(--r-purple)!important}.agent-run-steps li.t-write .ar-tool{color:#b49cff!important}
.cine-reveal .agent-run-steps li{opacity:.25;transform:translateX(8px);transition:opacity .35s,transform .35s}
.cine-reveal .agent-run-steps li.cine-on{opacity:1;transform:none}
.agent-run-foot{background:#121519;border-top:1px solid var(--line);margin:16px -18px -18px;padding:13px 18px;color:var(--muted)}
.agent-run-foot>span:first-child:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--blue);margin-inline-end:8px;animation:cine-pulse 1.6s infinite;vertical-align:middle}
.ar-btn{border-radius:0!important;font-family:var(--f-disp);text-transform:uppercase;letter-spacing:.1em;font-weight:700;background:transparent!important;box-shadow:inset 0 0 0 1px var(--line2);color:#fff!important;border:0!important}
.ar-btn-primary{background:var(--blue)!important;color:#06121b!important;box-shadow:none;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.cine-flash .ar-btn-primary{animation:cine-flash 1.2s ease-in-out}

/* ---------- kill-feed band (built by JS from this page's own steps) ---------- */
.cine-killfeed{position:relative;overflow:hidden;background:var(--deep);border-bottom:1px solid var(--line);margin:0 calc(50% - 50vw);width:100vw}
.cine-kf-track{display:flex;gap:40px;white-space:nowrap;padding:9px 0;width:max-content;animation:cine-marquee 28s linear infinite;font:.78rem var(--f-mono)}
.cine-kf{display:inline-flex;gap:9px;color:var(--muted)}.cine-kf b{color:var(--orange);font-weight:500}.cine-kf i{font-style:normal;color:var(--blue-hi)}.cine-kf u{text-decoration:none;color:#cdd2d8}

/* ---------- HUD stat bar (facts) ---------- */
body.page-0 .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);background:#101317;padding:0;margin:44px 0 0}
body.page-0 .cards article{border:0!important;border-inline-end:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;border-radius:0;padding:20px 22px!important;box-shadow:none}
body.page-0 .cards article:nth-child(3n){border-inline-end:0!important}
body.page-0 .cards article:nth-last-child(-n+3){border-bottom:0!important}
body.page-0 .cards .number{font-family:var(--f-disp);text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;color:var(--muted);opacity:1;margin-bottom:6px}
body.page-0 .cards h3{font-size:1.9rem;line-height:1;font-variant-numeric:tabular-nums;color:#fff;margin:0 0 6px}
body.page-0 .cards article:nth-child(4n+1) h3{color:var(--blue-hi)}body.page-0 .cards article:nth-child(4n+3) h3{color:var(--orange)}body.page-0 .cards article:nth-child(4n+4) h3{color:var(--gold)}
body.page-0 .cards p{color:var(--muted);font-size:.86rem}

/* ---------- sections ---------- */
body.theme-atelier main>section{padding-top:66px;padding-bottom:0}
body.theme-atelier .scenario{background:none;border:0;border-radius:0;padding:66px 0 0;margin:0;max-width:none}
.scenario h2{max-width:900px}.scenario p{max-width:70ch;color:var(--muted)}
.reading{max-width:900px}
.reading h2,.feature-matrix h2,.faq>h2,.split-section h2{margin-bottom:.5em}

/* walkthroughs as case drops with rarity colours */
body.theme-atelier .reading .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.page-0 section.reading:has(.steps){max-width:none}
body.theme-atelier .steps article{position:relative;overflow:hidden;background:var(--panel)!important;border:1px solid var(--line)!important;border-bottom:3px solid var(--rb,var(--r-blue))!important;padding:24px 22px!important;min-width:0}
body.theme-atelier .steps article:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--rb,var(--r-blue)) 26%,transparent),transparent 70%)}
.steps article:nth-child(4n+1){--rb:var(--r-blue)}.steps article:nth-child(4n+2){--rb:var(--r-purple)}.steps article:nth-child(4n+3){--rb:var(--r-pink)}.steps article:nth-child(4n+4){--rb:var(--r-gold)}
body.theme-atelier .steps .number{position:relative!important;inset:auto!important;display:inline-block;font:700 .7rem var(--f-mono);letter-spacing:.14em;color:var(--rb,var(--r-blue));opacity:1;margin-bottom:10px}
body.theme-atelier .steps h3{position:relative;margin-top:0}
body.theme-atelier .steps p{position:relative;font-size:.94rem}
.steps .code-example{position:relative;margin-top:14px}
.steps+p .button,.reading>p>.button{margin-top:18px}

/* code blocks */
.code-example{background:#0d1014!important;border:1px solid var(--line2)!important;border-radius:0!important}
.code-example>div{background:#0f1217!important;color:var(--muted);font-family:var(--f-disp);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}
.code-example button{border-radius:0;background:transparent;box-shadow:inset 0 0 0 1px var(--line2);color:#fff;font-family:var(--f-disp);text-transform:uppercase;letter-spacing:.1em}
.code-example pre{color:#c3c9d0}

/* comparison table */
.feature-matrix table{background:#101317;border:1px solid var(--line)}
.feature-matrix thead th{background:#0f1217;font-size:.8rem;letter-spacing:.14em;color:var(--muted)}
.feature-matrix thead th:last-child{color:var(--blue-hi)}
.feature-matrix th,.feature-matrix td{border-bottom:1px solid var(--line)}
.feature-matrix tbody th{font-size:.95rem;color:#fff}
.feature-matrix td:last-child{color:#fff}

/* how it works: three-up loop with outlined letters */
body.page-0 .split-section{display:block;padding:66px 0 0;border:0}
body.theme-atelier:not(.page-0) .split-section{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;padding:66px 0 0;border:0;align-items:start}
body.theme-atelier:not(.page-0) .split-section p{opacity:1;color:var(--muted)}
.split-section ol.setup{counter-reset:s;list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);margin:0}
.split-section ol.setup li{counter-increment:s;padding:28px 24px;border-inline-end:1px solid var(--line);background:#121519;color:#c9ced5}
.split-section ol.setup li:last-child{border-inline-end:0}
.split-section ol.setup li:before{content:counter(s,upper-alpha);display:block;font:700 2.6rem/1 var(--f-disp);color:transparent;-webkit-text-stroke:1.4px var(--line2);margin-bottom:14px}
.split-section ol.setup li:first-child:before{color:var(--orange);-webkit-text-stroke:0}

/* who it is for: three panels (home) */
body.page-0 section.reading:not(:has(.steps)):not(:has(.text-link)){max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);padding:0;margin-top:66px}
body.page-0 section.reading:not(:has(.steps)):not(:has(.text-link))>h2{grid-column:1/-1;padding:26px 26px 0;margin:0 0 6px}
body.page-0 section.reading:not(:has(.steps)):not(:has(.text-link))>p{margin:0;padding:18px 26px 26px;border-inline-end:1px solid var(--line)}
body.page-0 section.reading:not(:has(.steps)):not(:has(.text-link))>p:last-child{border-inline-end:0}

/* FAQ */
.faq{max-width:none}
.faq>p,.faq details p{max-width:82ch}
.faq details{border-top:1px solid var(--line);padding:22px 4px}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{font-size:1.15rem;letter-spacing:.03em;color:#fff}
.faq summary::marker{color:var(--orange)}
.faq p{color:var(--muted)}

/* CTA band */
body.theme-atelier .closing{position:relative;isolation:isolate;text-align:center;padding:76px 20px;margin:80px 0 0;border:0;border-radius:0;background:none;color:#fff}
body.theme-atelier .closing:before{content:"";position:absolute;inset:0 -100vmax;z-index:-1;background:radial-gradient(800px 360px at 50% -20%,rgba(58,147,199,.22),transparent 60%),var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.closing>span{font-family:var(--f-disp);letter-spacing:.22em;color:var(--muted);font-weight:600}
body.theme-atelier .closing h2{font-size:clamp(2rem,4.6vw,3.2rem);max-width:820px}
.closing p{color:var(--muted);max-width:56ch;margin-inline:auto}

/* links */
section.reading .text-link{display:inline-block;margin:0 10px 12px 0;padding:10px 16px;text-decoration:none;font-family:var(--f-disp);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:.86rem;color:#fff;box-shadow:inset 0 0 0 1px var(--line2)}
section.reading .text-link:hover{box-shadow:inset 0 0 0 1px var(--orange);color:var(--orange)}

/* footer */
body.theme-atelier footer{border-top:1px solid var(--line);margin-top:80px;padding-top:38px;background:var(--deep);box-shadow:0 0 0 100vmax var(--deep);clip-path:inset(0 -100vmax -100vmax);color:var(--muted)}
footer nav a{color:var(--muted)}footer nav a:hover{color:#fff}
.footer-top p,.footer-bottom{color:var(--muted)}

/* ---------- inner pages ---------- */
body.theme-atelier .inner-hero{min-height:300px;padding:64px 0 48px}
body.theme-atelier .hero-number{font-family:var(--f-disp);font-weight:700;color:transparent;-webkit-text-stroke:1.4px var(--line2);opacity:1}
.product-lead p.large,.reading p.large{color:#d7dbe0}
body.theme-atelier:not(.page-0) .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:0;padding:30px 0 0}
body.theme-atelier:not(.page-0) .cards article{position:relative;overflow:hidden;background:var(--panel)!important;border:1px solid var(--line)!important;border-bottom:3px solid var(--rb,var(--r-blue))!important;border-radius:0;padding:24px 22px!important}
body.theme-atelier:not(.page-0) .cards article:nth-child(3n+1){--rb:var(--r-blue)}body.theme-atelier:not(.page-0) .cards article:nth-child(3n+2){--rb:var(--r-purple)}body.theme-atelier:not(.page-0) .cards article:nth-child(3n+3){--rb:var(--r-gold)}
body.theme-atelier:not(.page-0) .cards .number{font:700 .7rem var(--f-mono);letter-spacing:.14em;color:var(--rb);opacity:1}
.feature-list li,.feature-definitions>div{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:0!important;border-inline-start:2px solid var(--blue)!important}
.feature-list strong{color:var(--blue-hi)!important;font-family:var(--f-disp);text-transform:uppercase;letter-spacing:.06em}
.notice{background:#2a2016;border:1px solid rgba(239,142,59,.25);border-inline-start:3px solid var(--orange);color:#f3dcc2}
.notice p{color:#f3dcc2}
.connection{border:1px solid var(--line2);border-radius:0;font-family:var(--f-disp);text-transform:uppercase;letter-spacing:.08em}
.connection span{border:1px solid var(--line2);border-radius:0;background:var(--panel)}
.connection b{color:var(--orange)}
.download-card{background:var(--panel);border:1px solid var(--line2);border-radius:0;position:relative}
.download-card:before,.download-card:after{content:"";position:absolute;width:20px;height:20px;border:2px solid var(--orange);pointer-events:none}
.download-card:before{top:-7px;left:-7px;border-right:0;border-bottom:0}.download-card:after{bottom:-7px;right:-7px;border-left:0;border-top:0}
.app-icon{background:#fff;color:#15171b;border-radius:0;font-family:var(--f-disp);clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}
.setup li::marker{color:var(--orange);font-family:var(--f-disp);font-weight:700}
.privacy article{border-top:1px solid var(--line)}
.privacy .updated{color:var(--muted)}
.workflow-grid .steps article{border-top:0}
.sticky-example>p{color:var(--muted)}

/* scripts without Rajdhani glyphs: heavy Inter, no letter-spacing */
html:is([lang=ru],[lang=uk],[lang=ar],[lang=th],[lang=ja],[lang=ko],[lang=vi]) body :is(h1,h2,h3,summary,dt,th),html:is([lang=ru],[lang=uk],[lang=ar],[lang=th],[lang=ja],[lang=ko],[lang=vi]) .brand{font-family:var(--f-body);font-weight:800;letter-spacing:0}
html:is([lang=ar],[lang=th],[lang=ja],[lang=ko]) body h1{line-height:1.25}

/* RTL */
[dir=rtl] .agent-run-steps li{border-left:0!important;border-right:2px solid var(--blue)!important}
[dir=rtl] .agent-run-steps li.t-edit{border-right-color:var(--orange)!important}[dir=rtl] .agent-run-steps li.t-write{border-right-color:var(--r-purple)!important}
[dir=rtl] .agent-run:before{left:auto;right:-7px;border-right:2px solid var(--orange);border-left:0}
[dir=rtl] .agent-run:after{right:auto;left:-7px;border-left:2px solid var(--orange);border-right:0}

@keyframes cine-rise{from{transform:translateY(14px)}to{transform:none}}
@keyframes cine-pulse{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}
@keyframes cine-flash{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 2px var(--blue-hi),0 0 26px 2px rgba(79,176,230,.8)}}
@keyframes cine-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.cine-kf-track,.home-hero .hero-copy,.home-hero .agent-run,.agent-run-foot>span:first-child:before{animation:none!important}.cine-reveal .agent-run-steps li{opacity:1;transform:none}}

/* ---------- tablet / phone ---------- */
@media (max-width:1050px){body.theme-atelier .home-hero{gap:36px}.split-section ol.setup{grid-template-columns:repeat(2,minmax(0,1fr))}.split-section ol.setup li:nth-child(2){border-inline-end:0}.split-section ol.setup li:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:900px){
  body.theme-atelier:not(.page-0) .split-section{grid-template-columns:minmax(0,1fr)}
  body.theme-atelier .home-hero{grid-template-columns:1fr!important;padding:44px 0 36px}
  body.theme-atelier .reading .steps,body.theme-atelier:not(.page-0) .cards{grid-template-columns:minmax(0,1fr)}
  body.page-0 section.reading:not(:has(.steps)):not(:has(.text-link)){grid-template-columns:1fr}
  body.page-0 section.reading:not(:has(.steps)):not(:has(.text-link))>p{border-inline-end:0;border-top:1px solid var(--line)}
}
@media (max-width:760px){
  body.theme-atelier .header{min-height:0}
  body.theme-atelier .header{position:relative}
  .main-nav{flex-wrap:wrap;justify-content:flex-start;gap:4px 12px}.main-nav a{letter-spacing:.03em;font-size:.74rem}
  body.page-0 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.page-0 .cards article:nth-child(n){border-inline-end:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
  body.page-0 .cards article:nth-child(2n){border-inline-end:0!important}
  body.page-0 .cards article:nth-last-child(-n+2){border-bottom:0!important}
  body.page-0 .cards h3{font-size:1.5rem}
  .split-section ol.setup{grid-template-columns:minmax(0,1fr)}.split-section ol.setup li{border-inline-end:0;border-bottom:1px solid var(--line)}.split-section ol.setup li:last-child{border-bottom:0}
  body.theme-atelier main>section{padding-top:48px}body.theme-atelier .closing{margin-top:56px;padding:56px 12px}
  .agent-run:before,.agent-run:after,.download-card:before,.download-card:after{display:none}
}
@media (max-width:560px){
  .header-cta{display:none}
  body.theme-atelier .home-hero{padding:26px 0 30px;gap:30px}
  body.theme-atelier .hero h1{margin-top:14px;font-size:2.15rem}
  body.theme-atelier .hero h1:after{margin-top:14px}
  body.theme-atelier .home-hero .hero-lead{font-size:.95rem;line-height:1.55;margin-top:14px}
  body.theme-atelier .home-hero .actions{margin-top:20px}
}