/* webdecade.com theme "timeline" (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:"Anek Latin";font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/anek-latin-300-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:"Anek Latin";font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/anek-latin-300-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Anek Latin";font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/anek-latin-300-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/geist-mono-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:"Geist Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/geist-mono-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/geist-mono-400-symbols2.woff2) format("woff2");unicode-range:U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/geist-mono-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:"Geist Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/geist-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:"Geist Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/geist-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:"Geist Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/geist-mono-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:"Geist Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/geist-mono-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/geist-mono-400-symbols2.woff2) format("woff2");unicode-range:U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/geist-mono-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:"Geist Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/geist-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:"Geist Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/geist-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:"Geist Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/geist-mono-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:"Geist Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/geist-mono-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/geist-mono-400-symbols2.woff2) format("woff2");unicode-range:U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/geist-mono-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:"Geist Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/geist-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:"Geist Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/geist-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}
/* webdecade.com — «Waterfall»: the page reads like a request waterfall / page-load filmstrip.
   Graphite ground, one luminous "fast" mint→cyan, a warm "slow" amber used sparingly.
   Display: Anek Latin (width axis), labels: Geist Mono, body: Inter. CSS only. */

/* ---------- reset of theme-decade quirks ---------- */
body.theme-decade h1,body.theme-decade h2{font-family:inherit;font-weight:inherit}
body.theme-decade .header{border-block-end:0}
body.theme-decade .feature-matrix th{font-family:inherit;font-size:inherit}
body.theme-decade .home-hero{grid-template-columns:none}
body.theme-decade .footer-bottom{opacity:1}

/* ---------- tokens ---------- */
body.theme-decade{
  --bg:#161a21!important;--ink:#e8edf3!important;--accent:#5ef0c4!important;
  --g1:#1c212a;--g2:#232a35;--g3:#2b3340;
  --line:rgba(214,226,244,.11);--line2:rgba(214,226,244,.2);
  --mute:#9ba6b5;--fast:#5ef0c4;--fast2:#4cc9f0;--slow:#f5a65b;
  --glass:linear-gradient(180deg,rgba(43,51,64,.62),rgba(28,33,42,.72));
  --disp:"Anek Latin",Inter,system-ui,sans-serif;--mono:"Geist Mono",ui-monospace,Consolas,monospace;
  --nav-accent:#5ef0c4;--lang-radius:999px;--nav-radius:12px;
  background:
    radial-gradient(1100px 620px at 82% -4%,rgba(94,240,196,.14),transparent 62%),
    radial-gradient(820px 520px at 6% 2%,rgba(76,201,240,.09),transparent 64%),
    radial-gradient(700px 420px at 60% 38%,rgba(245,166,91,.035),transparent 70%),
    #161a21;
  background-repeat:no-repeat;
  color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,"Segoe UI",sans-serif;
}
body.theme-decade main.wrap{overflow-x:clip}
body.theme-decade ::selection{background:rgba(94,240,196,.35);color:#fff}

/* type */
body.theme-decade :is(h1,h2,h3){font-family:var(--disp);color:var(--ink);text-wrap:balance}
body.theme-decade h1{font-weight:640;font-stretch:84%;letter-spacing:-.025em;line-height:.96}
body.theme-decade h2{font-size:clamp(32px,3.5vw,50px);font-weight:620;font-stretch:88%;letter-spacing:-.018em;line-height:1.02}
body.theme-decade h3{font-size:23px;font-weight:600;font-stretch:96%;letter-spacing:-.01em;line-height:1.15}
body.theme-decade .h1-mark{font-stretch:122%;font-weight:720;letter-spacing:-.035em;
  background:linear-gradient(92deg,#8ff7d8 0%,#5ef0c4 38%,#4cc9f0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;filter:drop-shadow(0 0 26px rgba(94,240,196,.28))}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-decade :is(h1,h2,h3,summary,.footer-top .brand,.brand){font-family:Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-.02em}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-decade h1{line-height:1.08}
body.theme-decade p{color:var(--ink)}

/* ---------- header ---------- */
body.theme-decade .header{min-height:78px;gap:24px;color:var(--ink);position:relative;z-index:3}
body.theme-decade .brand{font-family:var(--disp);font-stretch:112%;font-weight:700;font-size:22px;letter-spacing:-.02em;gap:11px}
body.theme-decade .brand-symbol{width:36px;height:36px;background:none;border-radius:11px;box-shadow:0 0 22px rgba(94,240,196,.2)}
body.theme-decade .brand-symbol svg{width:100%;height:100%;display:block}
body.theme-decade .main-nav{gap:2px;padding:4px;border-radius:14px;background:rgba(35,42,53,.55);border:1px solid var(--line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(10px)}
body.theme-decade .main-nav a{opacity:1;color:#c9d2de;padding:8px 15px;border-radius:10px;font-size:13.5px;font-weight:550;transition:background-color .15s,color .15s}
body.theme-decade .main-nav a:hover,body.theme-decade .main-nav a[aria-current]{text-decoration:none;color:var(--ink);background:rgba(94,240,196,.1)}
body.theme-decade .main-nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--fast)}
body.theme-decade .header .language{background:rgba(35,42,53,.5)}

/* ---------- shared pieces ---------- */
body.theme-decade .eyebrow{text-transform:none;letter-spacing:0;font:500 12.5px/1 var(--mono);color:#cfe9e1;display:inline-flex;width:max-content;max-width:100%;
  padding:8px 13px 8px 11px;border-radius:999px;border:1px solid rgba(94,240,196,.28);background:rgba(94,240,196,.07);margin-bottom:22px}
body.theme-decade .eyebrow i{width:7px;height:7px;background:var(--fast);box-shadow:0 0 0 3px rgba(94,240,196,.18),0 0 12px var(--fast)}
body.theme-decade .button{border-radius:13px;font-size:14.5px;font-weight:650;padding:15px 22px;gap:12px;letter-spacing:0}
body.theme-decade .button.primary{color:#04231b;background:linear-gradient(180deg,#8ff8da,#5ef0c4 55%,#49dcb4);
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 0 0 1px rgba(94,240,196,.5),0 10px 30px -8px rgba(94,240,196,.55),0 0 60px -18px rgba(76,201,240,.6)}
body.theme-decade .button.secondary{color:var(--ink);background:rgba(43,51,64,.55);border:1px solid var(--line2);backdrop-filter:blur(8px);position:relative;z-index:1}
body.theme-decade .button.secondary:hover{border-color:rgba(94,240,196,.5)}
body.theme-decade .number{font:500 12px/1 var(--mono);opacity:1;color:var(--mute);letter-spacing:0}
body.theme-decade .text-link{text-decoration:none}

/* code blocks */
body.theme-decade .code-example{background:#0f1318;border:1px solid var(--line);border-radius:14px;color:#d5e3ee;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
body.theme-decade .code-example>div{background:rgba(35,42,53,.7);font:500 11.5px/1.4 var(--mono);color:var(--mute);padding:11px 14px;align-items:center}
body.theme-decade .code-example button{font:500 11px/1 var(--mono);background:rgba(94,240,196,.12);color:#bff5e4;border:1px solid rgba(94,240,196,.25);border-radius:8px;padding:6px 10px}
body.theme-decade .code-example pre{font:12.5px/1.85 var(--mono);color:#cfe0ea;padding:18px 18px 20px}

/* notice */
body.theme-decade .notice{border-inline-start:0;border-radius:16px;background:linear-gradient(90deg,rgba(245,166,91,.1),rgba(245,166,91,.02));
  border:1px solid rgba(245,166,91,.28);padding:20px 24px 20px 26px;position:relative;font-size:15px}
body.theme-decade .notice::before{content:"";position:absolute;inset-block:18px;inset-inline-start:0;width:3px;border-radius:3px;background:var(--slow);box-shadow:0 0 12px rgba(245,166,91,.6)}
body.theme-decade .notice strong{font-family:var(--disp);font-size:19px;font-weight:620;color:#ffd3a6}

/* ---------- the agent-run as a performance panel (all pages) ---------- */
body.theme-decade .agent-run{position:relative;border-radius:20px;border:1px solid rgba(214,226,244,.14);
  background:linear-gradient(180deg,rgba(40,47,59,.88),rgba(24,29,37,.92));backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 40px 80px -30px rgba(0,0,0,.7),0 0 0 6px rgba(94,240,196,.035),0 0 90px -30px rgba(94,240,196,.35)}
body.theme-decade .agent-run-bar{font:500 12px/1.3 var(--mono);color:var(--mute);padding:13px 18px 13px 62px;border-bottom:1px solid var(--line);position:relative;
  background:linear-gradient(180deg,rgba(255,255,255,.035),transparent)}
body.theme-decade .agent-run-bar::before{content:"";position:absolute;inset-inline-start:18px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;
  background:#3a4454;box-shadow:13px 0 0 #3a4454,26px 0 0 var(--fast)}
[dir=rtl] body.theme-decade .agent-run-bar{padding:13px 62px 13px 18px}
[dir=rtl] body.theme-decade .agent-run-bar::before{box-shadow:-13px 0 0 #3a4454,-26px 0 0 var(--fast)}
body.theme-decade .agent-run-bar span:first-child{opacity:1}
body.theme-decade .agent-run-mode{color:var(--fast);font-weight:600}
body.theme-decade .agent-run-body{padding:18px 18px 16px}
body.theme-decade .agent-run-prompt span{background:linear-gradient(180deg,rgba(94,240,196,.16),rgba(76,201,240,.1));border:1px solid rgba(94,240,196,.22);
  color:#e9fbf5;font-size:14px;border-radius:14px 14px 4px 14px;padding:10px 14px}
body.theme-decade .agent-run-steps{gap:0;position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:rgba(15,19,24,.55)}
body.theme-decade .agent-run-steps li{grid-template-columns:86px minmax(0,1fr) auto 31%;gap:12px;padding:11px 14px;border:0;border-radius:0;
  border-bottom:1px solid rgba(214,226,244,.07);background:transparent;position:relative}
body.theme-decade .agent-run-steps li:last-child{border-bottom:0}
body.theme-decade .agent-run-steps li:nth-child(even){background:rgba(255,255,255,.018)}
body.theme-decade .ar-tool{font:600 11.5px/1.3 var(--mono);color:#9ff3da}
body.theme-decade .agent-run-steps code{font:12px/1.5 var(--mono);color:#dfe7f0}
body.theme-decade .ar-res{font:500 11.5px/1.3 var(--mono);color:var(--mute);opacity:1}
body.theme-decade .ar-ok{color:#9ff3da}
/* waterfall timing bar for each step (decorative) */
body.theme-decade .agent-run-steps li::after{content:"";grid-column:4;grid-row:1;align-self:center;height:9px;border-radius:5px;
  margin-inline-start:var(--s,0%);width:var(--w,30%);background:linear-gradient(90deg,var(--fast),var(--fast2));
  box-shadow:0 0 14px -2px rgba(94,240,196,.55);transform-origin:left center;animation:wf-grow .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d,0) * 110ms + 250ms)}
[dir=rtl] body.theme-decade .agent-run-steps li::after{transform-origin:right center}
body.theme-decade .agent-run-steps li::before{content:"";grid-column:4;grid-row:1;align-self:center;height:9px;border-radius:5px;
  background:repeating-linear-gradient(90deg,rgba(214,226,244,.1) 0 1px,transparent 1px 10%),rgba(214,226,244,.04)}
body.theme-decade .agent-run-steps li:nth-child(6n+1){--s:0%;--w:33%;--d:0}
body.theme-decade .agent-run-steps li:nth-child(6n+2){--s:24%;--w:17%;--d:1}
body.theme-decade .agent-run-steps li:nth-child(6n+3){--s:36%;--w:13%;--d:2}
body.theme-decade .agent-run-steps li:nth-child(6n+4){--s:44%;--w:37%;--d:3}
body.theme-decade .agent-run-steps li:nth-child(6n+4)::after{background:linear-gradient(90deg,#f8c48a,var(--slow));box-shadow:0 0 14px -2px rgba(245,166,91,.6)}
body.theme-decade .agent-run-steps li:nth-child(6n+5){--s:70%;--w:12%;--d:4}
body.theme-decade .agent-run-steps li:nth-child(6n){--s:79%;--w:21%;--d:5}
@keyframes wf-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
body.theme-decade .agent-run-foot{margin-top:14px}
body.theme-decade .agent-run-foot>span:first-child{color:var(--mute);opacity:1;font-size:13px}
body.theme-decade .ar-btn{font:500 12px/1 var(--mono);border-radius:9px;padding:9px 14px;border-color:var(--line2);color:var(--ink)}
body.theme-decade .ar-btn-primary{background:var(--fast);border-color:var(--fast);color:#04231b;font-weight:600}

/* ---------- lane bars: every section starts with a timing bar on a shared track ---------- */
body.theme-decade main>:is(.scenario,.reading,.feature-matrix,.split-section,.faq,.download-grid,.workflow-grid,.product-lead,.privacy){position:relative;border-top:1px solid var(--line)}
body.theme-decade main>:is(.scenario,.reading,.feature-matrix,.split-section,.faq,.download-grid,.workflow-grid,.product-lead,.privacy)::before{
  content:"";position:absolute;top:-4px;height:7px;border-radius:7px;inset-inline-start:var(--ls,0%);width:var(--lw,24%);
  background:linear-gradient(90deg,var(--fast),var(--fast2));box-shadow:0 0 20px -2px rgba(94,240,196,.5)}

/* =========================================================
   HOME
   ========================================================= */
body.theme-decade .home-hero{display:grid;grid-template-columns:minmax(0,4.3fr) minmax(0,7.7fr);grid-template-rows:auto auto auto 1fr;
  column-gap:52px;row-gap:0;align-items:start;min-height:0;padding:54px 0 64px;isolation:isolate}
body.theme-decade .home-hero .hero-copy{display:contents}
body.theme-decade .home-hero .eyebrow{grid-column:1/-1;grid-row:1}
body.theme-decade .home-hero h1{grid-column:1/-1;grid-row:2;font-size:clamp(60px,7.1vw,100px);max-width:none;margin:0 0 30px}
body.theme-decade .home-hero .h1-mark{display:block}
body.theme-decade .home-hero .hero-lead{grid-column:1;grid-row:3;max-width:none;font-size:18px;line-height:1.65;opacity:1;color:#c4cdd9;margin:6px 0 0}
body.theme-decade .home-hero .actions{grid-column:1;grid-row:4;align-self:start;margin-top:30px}
body.theme-decade .home-hero .agent-run{grid-column:2;grid-row:3/5;align-self:start}
/* timing ruler across the hero (ticks only) */
body.theme-decade .home-hero::before{content:"";position:absolute;top:0;left:50%;width:100vw;transform:translateX(-50%);height:30px;z-index:-1;
  background:
    linear-gradient(90deg,transparent 0,rgba(94,240,196,.9) 0) 0 100%/0 0 no-repeat,
    linear-gradient(90deg,var(--fast),var(--fast2)) 0 100%/41% 2px no-repeat,
    linear-gradient(90deg,transparent calc(41% - 1px),var(--fast) calc(41% - 1px) 41%,transparent 41%) 0 0/100% 100% no-repeat,
    linear-gradient(90deg,transparent calc(68% - 1px),var(--slow) calc(68% - 1px) 68%,transparent 68%) 0 0/100% 100% no-repeat,
    repeating-linear-gradient(90deg,rgba(214,226,244,.36) 0 1px,transparent 1px 120px) 0 100%/100% 15px no-repeat,
    repeating-linear-gradient(90deg,rgba(214,226,244,.17) 0 1px,transparent 1px 24px) 0 100%/100% 7px no-repeat,
    linear-gradient(rgba(214,226,244,.16),rgba(214,226,244,.16)) 0 100%/100% 1px no-repeat}
/* faint waterfall grid behind the hero + glow under the panel */
body.theme-decade .home-hero::after{content:"";position:absolute;top:30px;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-2;
  background:
    radial-gradient(640px 360px at 70% 72%,rgba(94,240,196,.13),transparent 70%),
    repeating-linear-gradient(90deg,rgba(214,226,244,.045) 0 1px,transparent 1px 120px);
  -webkit-mask:linear-gradient(180deg,#000 55%,transparent);mask:linear-gradient(180deg,#000 55%,transparent)}

/* facts → filmstrip of page-load frames */
body.theme-decade.page-0 main>.cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;padding:0;margin:0 0 70px;border:1px solid var(--line2);
  border-radius:20px;overflow:hidden;background:var(--line);box-shadow:0 30px 60px -40px rgba(0,0,0,.8);position:relative}
body.theme-decade.page-0 main>.cards article{border:0;border-radius:0;background:linear-gradient(180deg,#1f252f,#1a1f27);padding:16px 18px 22px;position:relative}
body.theme-decade.page-0 main>.cards article::before{content:"";display:block;height:70px;border-radius:9px;margin-bottom:16px;border:1px solid rgba(214,226,244,.1);background:#131820}
body.theme-decade.page-0 main>.cards article:nth-child(2)::before{background:
  linear-gradient(#3a4555,#3a4555) 9px 9px/38% 6px no-repeat,#131820}
body.theme-decade.page-0 main>.cards article:nth-child(3)::before{background:
  linear-gradient(#3a4555,#3a4555) 9px 9px/38% 6px no-repeat,
  linear-gradient(#2a3341,#2a3341) 9px 22px/calc(100% - 18px) 20px no-repeat,#131820}
body.theme-decade.page-0 main>.cards article:nth-child(4)::before{background:
  linear-gradient(#3a4555,#3a4555) 9px 9px/38% 6px no-repeat,
  linear-gradient(90deg,rgba(94,240,196,.55),rgba(76,201,240,.45)) 9px 22px/calc(100% - 18px) 20px no-repeat,
  linear-gradient(#3a4555,#3a4555) 9px 50px/52% 4px no-repeat,#131820}
body.theme-decade.page-0 main>.cards article:nth-child(5)::before{background:
  linear-gradient(#3a4555,#3a4555) 9px 9px/38% 6px no-repeat,
  linear-gradient(#3a4555,#3a4555) calc(100% - 9px) 9px/20% 6px no-repeat,
  linear-gradient(90deg,rgba(94,240,196,.55),rgba(76,201,240,.45)) 9px 22px/calc(100% - 18px) 20px no-repeat,
  linear-gradient(#3a4555,#3a4555) 9px 50px/52% 4px no-repeat,
  linear-gradient(#3a4555,#3a4555) 9px 58px/34% 4px no-repeat,
  linear-gradient(rgba(245,166,91,.5),rgba(245,166,91,.5)) calc(100% - 9px) 49px/24% 13px no-repeat,#131820}
body.theme-decade.page-0 main>.cards article:nth-child(6)::before{border-color:rgba(94,240,196,.45);box-shadow:0 0 22px -6px rgba(94,240,196,.6);background:
  linear-gradient(#56657a,#56657a) 9px 9px/38% 6px no-repeat,
  linear-gradient(#56657a,#56657a) calc(100% - 9px) 9px/20% 6px no-repeat,
  linear-gradient(90deg,rgba(94,240,196,.85),rgba(76,201,240,.75)) 9px 22px/calc(100% - 18px) 20px no-repeat,
  linear-gradient(#56657a,#56657a) 9px 50px/52% 4px no-repeat,
  linear-gradient(#56657a,#56657a) 9px 58px/34% 4px no-repeat,
  linear-gradient(#4cc9f0,#4cc9f0) calc(100% - 9px) 49px/24% 13px no-repeat,#151c24}
body.theme-decade.page-0 main>.cards article::after{content:"";position:absolute;inset-inline-start:18px;top:96px;width:5px;height:5px;border-radius:50%;background:#4b5668}
body.theme-decade.page-0 main>.cards article:nth-child(6)::after{background:var(--fast);box-shadow:0 0 10px var(--fast)}
body.theme-decade.page-0 main>.cards .number{margin:0 0 10px;padding-inline-start:13px}
body.theme-decade.page-0 main>.cards h3{font-size:34px;font-weight:650;font-stretch:90%;margin:0 0 6px;letter-spacing:-.02em}
body.theme-decade.page-0 main>.cards p{font-size:13.5px;color:var(--mute);opacity:1;line-height:1.45}
body.theme-decade.page-0 main>.cards::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#3a4555 0,var(--fast2) 55%,var(--fast));opacity:.9}

/* keyword section → wide band, heading left, text right */
body.theme-decade.page-0 main>.scenario{--ls:0%;--lw:27%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:52px;align-items:end;
  border-radius:0;border-inline:0;border-bottom:0;background:none;padding:54px 0 58px;margin:0}
body.theme-decade.page-0 main>.scenario .eyebrow{grid-column:1;margin-bottom:18px}
body.theme-decade.page-0 main>.scenario h2{grid-column:1;margin:0;font-size:clamp(40px,4.4vw,62px)}
body.theme-decade.page-0 main>.scenario p{grid-column:2;grid-row:1/3;margin:0;font-size:19px;line-height:1.7;color:#c4cdd9;max-width:640px;
  padding-inline-start:28px;border-inline-start:1px solid var(--line2)}

/* walkthroughs → bento of uneven tiles, each topped by a small drawn chart */
body.theme-decade.page-0 main>.reading:has(.steps){--ls:12%;--lw:30%;max-width:none;padding:54px 0 62px}
body.theme-decade.page-0 .steps{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
body.theme-decade.page-0 .steps article{grid-column:span 6;padding:24px 26px 28px;border:1px solid rgba(214,226,244,.12);border-radius:22px;min-width:0;
  background:var(--glass);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 24px 50px -36px rgba(0,0,0,.9);display:flex;flex-direction:column}
body.theme-decade.page-0 .steps article:nth-child(1){grid-column:1/6}
body.theme-decade.page-0 .steps article:nth-child(2){grid-column:6/13}
body.theme-decade.page-0 .steps article:nth-child(3){grid-column:1/7}
body.theme-decade.page-0 .steps article:nth-child(4){grid-column:7/13}
body.theme-decade.page-0 .steps article::before{content:"";display:block;height:62px;margin:0 0 20px;border-radius:12px;border:1px solid rgba(214,226,244,.08);background-color:rgba(15,19,24,.6)}
/* 1: mobile run — narrow phone frame with staggered bars */
body.theme-decade.page-0 .steps article:nth-child(1)::before{background:
  linear-gradient(var(--fast),var(--fast)) 16px 12px/30% 6px no-repeat,
  linear-gradient(var(--fast2),var(--fast2)) calc(16px + 22%) 24px/22% 6px no-repeat,
  linear-gradient(var(--slow),var(--slow)) calc(16px + 36%) 36px/40% 6px no-repeat,
  linear-gradient(#56657a,#56657a) calc(16px + 64%) 48px/18% 6px no-repeat,
  repeating-linear-gradient(90deg,rgba(214,226,244,.07) 0 1px,transparent 1px 12.5%),rgba(15,19,24,.6)}
/* 2: before / after — long amber vs short mint */
body.theme-decade.page-0 .steps article:nth-child(2)::before{background:
  linear-gradient(90deg,#f8c48a,var(--slow)) 16px 15px/78% 12px no-repeat,
  linear-gradient(90deg,var(--fast),var(--fast2)) 16px 35px/34% 12px no-repeat,
  repeating-linear-gradient(90deg,rgba(214,226,244,.07) 0 1px,transparent 1px 10%),rgba(15,19,24,.6)}
/* 3: cache plan — grid of hit / miss cells */
body.theme-decade.page-0 .steps article:nth-child(3)::before{background:
  repeating-linear-gradient(90deg,transparent 0 22px,rgba(15,19,24,1) 22px 26px),
  linear-gradient(90deg,var(--fast) 0 46%,var(--fast2) 46% 70%,#3a4555 70% 88%,var(--slow) 88%) 16px 14px/calc(100% - 32px) 14px no-repeat,
  linear-gradient(90deg,var(--fast) 0 62%,#3a4555 62% 82%,var(--fast2) 82%) 16px 34px/calc(100% - 32px) 14px no-repeat,rgba(15,19,24,.6)}
/* 4: analysis — histogram of runs, one slow */
body.theme-decade.page-0 .steps article:nth-child(4)::before{background:
  linear-gradient(var(--fast),var(--fast)) 16px 100%/7% 46% no-repeat,
  linear-gradient(var(--fast),var(--fast)) calc(16px + 11%) 100%/7% 64% no-repeat,
  linear-gradient(var(--fast2),var(--fast2)) calc(16px + 22%) 100%/7% 38% no-repeat,
  linear-gradient(var(--slow),var(--slow)) calc(16px + 33%) 100%/7% 84% no-repeat,
  linear-gradient(var(--fast),var(--fast)) calc(16px + 44%) 100%/7% 52% no-repeat,
  linear-gradient(var(--fast2),var(--fast2)) calc(16px + 55%) 100%/7% 30% no-repeat,
  linear-gradient(var(--fast),var(--fast)) calc(16px + 66%) 100%/7% 42% no-repeat,
  linear-gradient(var(--fast2),var(--fast2)) calc(16px + 77%) 100%/7% 26% no-repeat,
  linear-gradient(rgba(214,226,244,.18),rgba(214,226,244,.18)) 0 40%/100% 1px no-repeat,rgba(15,19,24,.6)}
body.theme-decade.page-0 .steps .number{position:static;align-self:flex-start;margin:0 0 14px;padding:6px 10px;border-radius:999px;border:1px solid var(--line2);color:#cfe9e1;background:rgba(94,240,196,.06)}
body.theme-decade.page-0 .steps h3{font-size:27px;margin:0 0 12px}
body.theme-decade.page-0 .steps p{font-size:15px;line-height:1.68;color:#c0c9d5;opacity:1}
body.theme-decade.page-0 .steps .code-example{margin-top:auto;padding-top:0}
body.theme-decade.page-0 .steps article p+.code-example{margin-top:20px}
body.theme-decade.page-0 main>.reading:has(.steps)>p{margin:26px 0 0;display:flex;justify-content:flex-end}

/* comparison → before / after results board */
body.theme-decade.page-0 main>.feature-matrix{--ls:30%;--lw:22%;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:52px;grid-template-rows:auto 1fr;padding:56px 0 66px;align-items:start}
body.theme-decade.page-0 main>.feature-matrix>h2{grid-column:1;margin:0 0 18px}
body.theme-decade.page-0 main>.feature-matrix>p{grid-column:1;opacity:1;color:#c0c9d5;font-size:16px;line-height:1.7}
body.theme-decade.page-0 main>.feature-matrix>table{grid-column:2;grid-row:1/3}
body.theme-decade .feature-matrix table{border-collapse:separate;border-spacing:0;border:1px solid rgba(214,226,244,.14);border-radius:20px;overflow:hidden;
  background:var(--glass);box-shadow:0 30px 60px -40px rgba(0,0,0,.9)}
body.theme-decade .feature-matrix th,body.theme-decade .feature-matrix td{border-bottom:1px solid var(--line);padding:20px 22px;vertical-align:top}
body.theme-decade .feature-matrix tr:last-child>*{border-bottom:0}
body.theme-decade .feature-matrix thead th{font:500 12.5px/1.35 var(--mono);color:var(--mute);background:rgba(15,19,24,.45);padding-block:16px}
body.theme-decade .feature-matrix thead th:nth-child(2)::before,body.theme-decade .feature-matrix thead th:nth-child(3)::before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;margin-inline-end:9px;vertical-align:0;background:var(--slow)}
body.theme-decade .feature-matrix thead th:nth-child(3)::before{background:var(--fast);box-shadow:0 0 10px var(--fast)}
body.theme-decade .feature-matrix thead th:nth-child(3){color:#bff5e4}
body.theme-decade .feature-matrix tbody th{font-family:var(--disp);font-size:20px;font-weight:600;font-stretch:96%;width:26%}
body.theme-decade .feature-matrix thead th:first-child{width:26%}
body.theme-decade .feature-matrix td{font-size:15px;color:#c4cdd9;position:relative;padding-bottom:30px}
body.theme-decade .feature-matrix td:last-child{color:var(--ink);background:rgba(94,240,196,.055)}
body.theme-decade .feature-matrix td::after{content:"";position:absolute;bottom:15px;inset-inline-start:22px;height:5px;border-radius:5px;width:min(70%,190px);background:rgba(245,166,91,.75)}
body.theme-decade .feature-matrix td:last-child::after{width:min(26%,70px);background:linear-gradient(90deg,var(--fast),var(--fast2));box-shadow:0 0 10px -1px rgba(94,240,196,.7)}
body.theme-decade .feature-matrix tr:nth-child(2) td:nth-child(2)::after{width:min(56%,150px)}
body.theme-decade .feature-matrix tr:nth-child(3) td:nth-child(2)::after{width:min(82%,220px)}
body.theme-decade .feature-matrix tr:nth-child(4) td:nth-child(2)::after{width:min(62%,170px)}
body.theme-decade .feature-matrix tr:nth-child(2) td:last-child::after{width:min(18%,48px)}
body.theme-decade .feature-matrix tr:nth-child(3) td:last-child::after{width:min(32%,88px)}

/* how it works → horizontal timeline A–D */
body.theme-decade.page-0 main>.split-section{--ls:46%;--lw:24%;display:block;padding:54px 0 62px}
body.theme-decade.page-0 main>.split-section h2{margin:0 0 40px;max-width:16ch}
body.theme-decade .setup{counter-reset:wf;list-style:none;padding:0;margin:0}
body.theme-decade .setup li{counter-increment:wf;position:relative}
body.theme-decade.page-0 .split-section .setup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 26px;position:relative;padding-top:58px}
body.theme-decade.page-0 .split-section .setup::before{content:"";position:absolute;top:17px;inset-inline:0;height:2px;background:rgba(214,226,244,.14)}
body.theme-decade.page-0 .split-section .setup::after{content:"";position:absolute;top:16px;inset-inline-start:0;width:calc(75% + 20px);height:4px;border-radius:4px;
  background:linear-gradient(90deg,var(--fast2),var(--fast));box-shadow:0 0 16px rgba(94,240,196,.5)}
[dir=rtl] body.theme-decade.page-0 .split-section .setup::after{background:linear-gradient(270deg,var(--fast2),var(--fast))}
body.theme-decade.page-0 .split-section .setup li{padding:0;font-size:17px;line-height:1.55;color:#d3dae4}
body.theme-decade .setup li::before{content:counter(wf,upper-alpha);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;
  font:600 13px/1 var(--mono);color:#04231b;background:var(--fast);box-shadow:0 0 0 5px #161a21,0 0 18px rgba(94,240,196,.55)}
body.theme-decade.page-0 .split-section .setup li::before{position:absolute;top:-58px;inset-inline-start:0;z-index:1}
body.theme-decade.page-0 .split-section .setup li:last-child::before{background:#161a21;color:var(--fast);border:2px solid var(--fast)}

/* who it is for → heading left, three lanes */
body.theme-decade.page-0 main>.split-section+.reading{--ls:58%;--lw:20%;max-width:none;display:grid;grid-template-columns:minmax(0,4fr) repeat(3,minmax(0,2.666fr));column-gap:32px;padding:54px 0 60px;align-items:start}
body.theme-decade.page-0 main>.split-section+.reading h2{grid-column:1;grid-row:1/4;margin:0}
body.theme-decade.page-0 main>.split-section+.reading p{grid-row:1;margin:0;font-size:15.5px;line-height:1.7;color:#c4cdd9;position:relative;padding-top:26px}
body.theme-decade.page-0 main>.split-section+.reading p::before{content:"";position:absolute;top:0;height:5px;border-radius:5px;inset-inline-start:0;width:46%;background:rgba(76,201,240,.75)}
body.theme-decade.page-0 main>.split-section+.reading p:nth-of-type(2)::before{inset-inline-start:22%;width:52%;background:rgba(94,240,196,.8)}
body.theme-decade.page-0 main>.split-section+.reading p:nth-of-type(3)::before{inset-inline-start:52%;width:48%;background:rgba(245,166,91,.75)}

/* FAQ → two-column grid of glass tiles */
body.theme-decade .faq{max-width:none}
body.theme-decade.page-0 main>.faq{--ls:66%;--lw:22%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:54px 0 62px;margin:0}
body.theme-decade.page-0 main>.faq>h2{grid-column:1/-1;margin:0 0 20px}
body.theme-decade .faq details{border:1px solid rgba(214,226,244,.12);border-radius:18px;background:var(--glass);padding:0;min-width:0;transition:border-color .15s}
body.theme-decade .faq details[open]{border-color:rgba(94,240,196,.35);box-shadow:0 0 0 1px rgba(94,240,196,.08),0 20px 50px -30px rgba(94,240,196,.3)}
body.theme-decade.page-0 main>.faq details:first-of-type{grid-column:1/-1}
body.theme-decade .faq summary{list-style:none;font-family:var(--disp);font-size:21px;font-weight:600;font-stretch:96%;line-height:1.25;padding:20px 60px 20px 22px;position:relative;letter-spacing:-.005em}
[dir=rtl] body.theme-decade .faq summary{padding:20px 22px 20px 60px}
body.theme-decade .faq summary::-webkit-details-marker{display:none}
body.theme-decade .faq summary::after{content:"";position:absolute;inset-inline-end:20px;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:8px;
  border:1px solid var(--line2);background:linear-gradient(var(--fast),var(--fast)) center/10px 2px no-repeat,linear-gradient(var(--fast),var(--fast)) center/2px 10px no-repeat;transition:transform .2s}
body.theme-decade .faq details[open] summary::after{transform:rotate(45deg)}
body.theme-decade .faq details p{margin:0;padding:0 22px 22px;max-width:none;opacity:1;color:#c4cdd9;font-size:15.5px;line-height:1.7;overflow-wrap:anywhere}

/* CTA → finish-line band */
body.theme-decade .closing{position:relative;text-align:start;margin:24px 0 70px;padding:62px 56px 60px;border-radius:28px;border:1px solid rgba(94,240,196,.24);overflow:hidden;isolation:isolate;
  background:
    radial-gradient(520px 320px at 92% 60%,rgba(94,240,196,.2),transparent 70%),
    linear-gradient(180deg,#1f2630,#181d25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 40px 80px -50px rgba(94,240,196,.45)}
body.theme-decade .closing::before{content:"";position:absolute;inset:0 0 auto;height:26px;z-index:-1;
  background:
    linear-gradient(90deg,var(--fast2),var(--fast)) 0 100%/calc(100% - 70px) 3px no-repeat,
    repeating-linear-gradient(90deg,rgba(214,226,244,.32) 0 1px,transparent 1px 120px) 0 100%/100% 13px no-repeat,
    repeating-linear-gradient(90deg,rgba(214,226,244,.14) 0 1px,transparent 1px 24px) 0 100%/100% 6px no-repeat}
body.theme-decade .closing::after{content:"";position:absolute;top:0;bottom:0;inset-inline-end:70px;width:2px;z-index:-1;background:linear-gradient(180deg,var(--fast),rgba(94,240,196,.15));box-shadow:0 0 24px 2px rgba(94,240,196,.5)}
body.theme-decade .closing>span{display:inline-flex;font:500 12.5px/1 var(--mono);letter-spacing:0;text-transform:none;color:#cfe9e1;padding:8px 13px;border-radius:999px;border:1px solid rgba(94,240,196,.3);background:rgba(94,240,196,.08)}
body.theme-decade .closing h2{margin:22px 0 0;max-width:13ch;font-size:clamp(42px,5vw,72px);font-stretch:84%}
body.theme-decade .closing p{max-width:44ch;color:#c4cdd9;font-size:18px;line-height:1.65}
body.theme-decade .closing{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:48px;align-items:end;padding-inline-end:120px}
body.theme-decade .closing>span{grid-column:1;grid-row:1;justify-self:start}
body.theme-decade .closing>h2{grid-column:1;grid-row:2/4;align-self:end;margin-bottom:0}
body.theme-decade .closing>p{grid-column:2;grid-row:2;margin-bottom:24px}
body.theme-decade .closing>.button{grid-column:2;grid-row:3;justify-self:start}

/* links → heading left, chips right */
body.theme-decade.page-0 main>.closing+.reading{--ls:78%;--lw:22%;max-width:none;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:52px;padding:50px 0 56px;align-items:start}
body.theme-decade.page-0 main>.closing+.reading h2{grid-column:1;grid-row:1/3;margin:0}
body.theme-decade.page-0 main>.closing+.reading p{grid-column:2;margin:0 0 18px;color:var(--mute)}
body.theme-decade .reading .text-link{display:inline-flex;align-items:center;gap:10px;margin:0 10px 12px 0;padding:11px 16px;border-radius:12px;font-size:14.5px;font-weight:550;
  border:1px solid var(--line2);background:rgba(43,51,64,.45);transition:border-color .15s,background-color .15s}
[dir=rtl] body.theme-decade .reading .text-link{margin:0 0 12px 10px}
body.theme-decade .reading .text-link::before{content:"";width:18px;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--fast),var(--fast2));flex:none}
body.theme-decade .reading .text-link:hover{border-color:rgba(94,240,196,.55);background:rgba(94,240,196,.08)}

/* ---------- footer: giant wordmark ---------- */
body.theme-decade footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:30px;position:relative}
body.theme-decade footer .footer-top{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
body.theme-decade footer .footer-top .brand{display:block;font-family:var(--disp);font-size:clamp(46px,13vw,186px);font-stretch:125%;font-weight:760;letter-spacing:-.045em;line-height:.9;white-space:nowrap;
  background:linear-gradient(180deg,#e8edf3 8%,rgba(94,240,196,.7) 58%,rgba(76,201,240,.12) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
body.theme-decade footer .footer-top p{font-size:14px;color:var(--mute);opacity:1}
body.theme-decade footer nav{gap:8px 22px;font-size:13.5px;margin:26px 0 22px;color:#c9d2de}
body.theme-decade footer nav a:hover{color:var(--fast)}
body.theme-decade .footer-bottom{font-size:12px;color:var(--mute);line-height:1.55}

/* =========================================================
   INNER PAGES
   ========================================================= */
body.theme-decade .inner-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;min-height:0;padding:78px 0 64px;isolation:isolate}
body.theme-decade .inner-hero::before{content:"";position:absolute;top:0;left:50%;width:100vw;transform:translateX(-50%);height:28px;z-index:-1;
  background:
    linear-gradient(90deg,var(--fast),var(--fast2)) 0 100%/var(--rp,30%) 2px no-repeat,
    repeating-linear-gradient(90deg,rgba(214,226,244,.34) 0 1px,transparent 1px 120px) 0 100%/100% 14px no-repeat,
    repeating-linear-gradient(90deg,rgba(214,226,244,.15) 0 1px,transparent 1px 24px) 0 100%/100% 7px no-repeat,
    linear-gradient(rgba(214,226,244,.15),rgba(214,226,244,.15)) 0 100%/100% 1px no-repeat}
body.theme-decade.page-1 .inner-hero{--rp:16%}body.theme-decade.page-2 .inner-hero{--rp:30%}body.theme-decade.page-3 .inner-hero{--rp:46%}
body.theme-decade.page-4 .inner-hero{--rp:62%}body.theme-decade.page-5 .inner-hero{--rp:78%}body.theme-decade.page-6 .inner-hero{--rp:92%}
body.theme-decade .inner-hero::after{content:"";position:absolute;top:28px;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-2;
  background:radial-gradient(560px 280px at 80% 70%,rgba(94,240,196,.1),transparent 70%),repeating-linear-gradient(90deg,rgba(214,226,244,.04) 0 1px,transparent 1px 120px);
  -webkit-mask:linear-gradient(180deg,#000 40%,transparent);mask:linear-gradient(180deg,#000 40%,transparent)}
body.theme-decade .inner-hero h1{font-size:clamp(50px,6vw,86px);margin:0;max-width:15ch}
body.theme-decade .inner-hero .h1-mark{display:inline}
body.theme-decade .hero-number{font:300 clamp(80px,9vw,128px)/.85 var(--mono);letter-spacing:-.06em;opacity:1;color:#4f5b6d;position:relative;padding-bottom:22px}
body.theme-decade .hero-number::after{content:"";position:absolute;bottom:0;inset-inline:0;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--fast),var(--fast2));box-shadow:0 0 16px rgba(94,240,196,.5)}

/* inner prose → sideheads: h2 in the left column, text on the right */
body.theme-decade:not(.page-0) main>.reading:not(.privacy){--lw:18%;max-width:none;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:52px;padding:58px 0 68px;align-items:start}
body.theme-decade:not(.page-0) main>.reading:not(.privacy)>*{grid-column:2;max-width:760px}
body.theme-decade:not(.page-0) main>.reading:not(.privacy)>h2{grid-column:1;grid-row:span 9;align-self:start;margin:0 0 26px;font-size:clamp(28px,2.7vw,40px)}
body.theme-decade:not(.page-0) main>.reading:not(.privacy)>.code-example+p{margin-top:18px}
body.theme-decade:not(.page-0) main>.reading:not(.privacy)>h2~h2{padding-top:30px;border-top:1px solid var(--line);margin-top:6px}
body.theme-decade:not(.page-0) main>.reading:not(.privacy)>h2~h2+*{margin-top:37px}
body.theme-decade:not(.page-0) main>.reading:not(.privacy)>h3{margin:0 0 10px;font-size:24px;display:flex;align-items:center;gap:12px}
body.theme-decade:not(.page-0) main>.reading:not(.privacy)>h3::before{content:"";flex:none;width:22px;height:6px;border-radius:4px;background:linear-gradient(90deg,var(--fast),var(--fast2))}
body.theme-decade:not(.page-0) main>.reading:not(.privacy)>p{margin:0 0 26px;color:#c4cdd9;font-size:16.5px;line-height:1.75}
body.theme-decade:not(.page-0) main>.reading:not(.privacy)>p.large{font-size:22px;line-height:1.6;color:var(--ink);opacity:1}
body.theme-decade:not(.page-0) main>.reading:not(.privacy)>.notice{margin-top:10px}
body.theme-decade:not(.page-0) main>.reading:not(.privacy):has(>p.large:first-child){display:block;padding:54px 0 40px}
body.theme-decade:not(.page-0) main>.reading:not(.privacy):has(>p.large:first-child)>p.large{max-width:880px;margin:0;font-size:24px}

/* product */
body.theme-decade.page-1 main>.product-lead{--lw:20%;max-width:none;padding:54px 0 46px}
body.theme-decade.page-1 .product-lead p.large{max-width:900px;font-size:24px;line-height:1.58;color:var(--ink);opacity:1;margin:0}
/* product cards → a literal waterfall: each card is a bar further along the track */
body.theme-decade.page-1 main>.cards{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px 0;padding:34px 0 64px;border-top:0;position:relative;overflow:hidden;isolation:isolate}
body.theme-decade.page-1 main>.cards::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,rgba(214,226,244,.06) 0 1px,transparent 1px 8.3333%)}
body.theme-decade.page-1 main>.cards article{position:relative;border-radius:20px;border:1px solid rgba(214,226,244,.14);background:var(--glass);padding:24px 26px 24px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 24px 40px -32px rgba(0,0,0,.9);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:22px;align-items:start}
body.theme-decade.page-1 main>.cards article:nth-child(1){grid-column:1/7}
body.theme-decade.page-1 main>.cards article:nth-child(2){grid-column:4/11}
body.theme-decade.page-1 main>.cards article:nth-child(3){grid-column:7/13}
body.theme-decade.page-1 main>.cards article::before{content:"";position:absolute;top:-1px;inset-inline:22px;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--fast),var(--fast2));box-shadow:0 0 14px rgba(94,240,196,.5)}
body.theme-decade.page-1 main>.cards article:nth-child(2)::before{background:linear-gradient(90deg,var(--fast2),#7fb6ff)}
body.theme-decade.page-1 main>.cards article:nth-child(3)::before{background:linear-gradient(90deg,#f8c48a,var(--slow));box-shadow:0 0 14px rgba(245,166,91,.45)}
body.theme-decade.page-1 main>.cards .number{grid-row:1/3;margin:2px 0 0;padding:8px 10px;border-radius:10px;border:1px solid var(--line2);color:#cfe9e1}
body.theme-decade.page-1 main>.cards h3{margin:0 0 6px;font-size:26px}
body.theme-decade.page-1 main>.cards p{font-size:15px;line-height:1.6;color:#c4cdd9;opacity:1}
/* feature list → resource rows with size bars */
body.theme-decade.page-1 main>.reading:has(.feature-list){display:block;padding:58px 0 64px}
body.theme-decade.page-1 main>.reading:has(.feature-list)>h2{margin:0 0 26px;max-width:none}
body.theme-decade.page-1 main>.reading:has(.feature-list)>*{max-width:none}
body.theme-decade .feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;counter-reset:fl;border-top:1px solid var(--line2)}
body.theme-decade .feature-list li{align-content:center;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:18px 0 18px;font-size:15px;color:#c4cdd9;display:grid;grid-template-columns:minmax(0,1fr) 92px;column-gap:22px;align-items:center}
body.theme-decade .feature-list strong{grid-column:1;font-family:var(--disp);font-size:20px;font-weight:600;font-stretch:96%;color:var(--ink);margin-bottom:2px}
body.theme-decade .feature-list li::after{content:"";grid-column:2;grid-row:1/3;height:7px;border-radius:5px;width:var(--fw,60%);background:linear-gradient(90deg,var(--fast),var(--fast2));opacity:.85}
body.theme-decade .feature-list li:nth-child(2){--fw:84%}body.theme-decade .feature-list li:nth-child(3){--fw:46%}body.theme-decade .feature-list li:nth-child(4){--fw:100%}
body.theme-decade .feature-list li:nth-child(5){--fw:70%}body.theme-decade .feature-list li:nth-child(6){--fw:34%}body.theme-decade .feature-list li:nth-child(7){--fw:56%}body.theme-decade .feature-list li:nth-child(8){--fw:92%}
body.theme-decade .feature-list li:nth-child(4)::after{background:linear-gradient(90deg,#f8c48a,var(--slow))}
/* split with panel */
body.theme-decade:not(.page-0) main>.split-section{--ls:20%;--lw:26%;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:52px;padding:64px 0 72px;align-items:start}
body.theme-decade:not(.page-0) main>.split-section h2{margin:0 0 18px}
body.theme-decade:not(.page-0) main>.split-section p{color:#c4cdd9;opacity:1;font-size:17px;line-height:1.7}

/* models: connection → request chain */
body.theme-decade .connection{position:relative;border:1px solid rgba(214,226,244,.14);border-radius:24px;padding:46px 40px;margin:0 0 70px;gap:0;
  background:radial-gradient(500px 200px at 50% 50%,rgba(94,240,196,.1),transparent 70%),var(--glass);font-size:clamp(15px,1.6vw,22px);isolation:isolate}
body.theme-decade .connection::before{content:"";position:absolute;inset-inline:60px;top:50%;height:2px;margin-top:-1px;z-index:-1;background:linear-gradient(90deg,var(--fast),var(--fast2),var(--fast));box-shadow:0 0 18px rgba(94,240,196,.55)}
body.theme-decade .connection span{flex:1 1 0;text-align:center;font-family:var(--disp);font-weight:620;font-stretch:96%;border:1px solid var(--line2);border-radius:16px;padding:22px 18px;background:#1c222b;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 30px -20px rgba(0,0,0,.9)}
body.theme-decade .connection span:last-child{border-color:rgba(94,240,196,.45);box-shadow:0 0 0 4px rgba(94,240,196,.07),0 0 30px -8px rgba(94,240,196,.5)}
body.theme-decade .connection b{flex:none;display:grid;place-items:center;width:44px;height:44px;margin:0 18px;border-radius:50%;background:#161a21;border:1px solid rgba(94,240,196,.45);color:var(--fast);font-size:18px}
[dir=rtl] body.theme-decade .connection b{transform:scaleX(-1)}

/* workflows */
body.theme-decade.page-3 main>.scenario{--ls:0%;--lw:30%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:52px;align-items:end;border-radius:0;border-inline:0;border-bottom:0;background:none;padding:58px 0 64px;margin:0}
body.theme-decade.page-3 main>.scenario .eyebrow{grid-column:1}
body.theme-decade.page-3 main>.scenario h2{grid-column:1;margin:0}
body.theme-decade.page-3 main>.scenario p{grid-column:2;grid-row:1/3;margin:0;font-size:18px;line-height:1.7;color:#c4cdd9;padding-inline-start:28px;border-inline-start:1px solid var(--line2)}
body.theme-decade.page-3 main>.workflow-grid{--ls:24%;--lw:28%;display:block;padding:58px 0 66px}
body.theme-decade.page-3 .workflow-grid .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:52px}
body.theme-decade.page-3 .workflow-grid .steps article{padding:22px 24px 22px;border:1px solid rgba(214,226,244,.12);border-radius:18px;background:var(--glass);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px}
body.theme-decade.page-3 .workflow-grid .steps article::before{content:"";grid-column:1/-1;height:6px;border-radius:5px;margin:0 0 18px;margin-inline-start:var(--s);width:var(--w);background:linear-gradient(90deg,var(--fast),var(--fast2));box-shadow:0 0 12px -2px rgba(94,240,196,.6)}
body.theme-decade.page-3 .workflow-grid .steps article:nth-child(1){--s:0%;--w:30%}
body.theme-decade.page-3 .workflow-grid .steps article:nth-child(2){--s:22%;--w:34%}
body.theme-decade.page-3 .workflow-grid .steps article:nth-child(3){--s:48%;--w:30%}
body.theme-decade.page-3 .workflow-grid .steps article:nth-child(4){--s:70%;--w:30%}
body.theme-decade.page-3 .workflow-grid .steps .number{position:static;grid-row:2/4;align-self:start;padding:7px 9px;border-radius:9px;border:1px solid var(--line2);color:#cfe9e1;margin:0}
body.theme-decade.page-3 .workflow-grid .steps h3{margin:0 0 4px;font-size:22px}
body.theme-decade.page-3 .workflow-grid .steps p{margin:0;font-size:15px;color:#c4cdd9;opacity:1}
body.theme-decade.page-3 .sticky-example{padding-top:0;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:24px;align-items:start}
body.theme-decade.page-3 .sticky-example h2{grid-column:1/-1;margin:0 0 24px;font-size:clamp(30px,3vw,44px)}
body.theme-decade.page-3 .sticky-example .agent-run{grid-column:1;grid-row:2/4;margin:0}
body.theme-decade.page-3 .sticky-example .code-example{grid-column:2;grid-row:2}
body.theme-decade.page-3 .sticky-example>p{grid-column:2;grid-row:3;color:var(--mute);opacity:1;font-size:14.5px;margin:14px 0 0}

/* download */
body.theme-decade.page-4 main>.download-grid{--ls:0%;--lw:34%;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:52px;padding:64px 0 72px;margin:0}
body.theme-decade .download-card{text-align:start;border-radius:26px;border:1px solid rgba(94,240,196,.3);padding:36px 34px 38px;position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(420px 260px at 85% 0%,rgba(94,240,196,.18),transparent 70%),linear-gradient(180deg,#222a35,#1a2028);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 40px 70px -40px rgba(94,240,196,.4)}
body.theme-decade .download-card::after{content:"";display:block;height:10px;border-radius:6px;margin-top:30px;
  background:linear-gradient(90deg,var(--fast),var(--fast2)) 0 0/100% 100% no-repeat,rgba(214,226,244,.08);box-shadow:0 0 18px -2px rgba(94,240,196,.6)}
body.theme-decade .download-card::before{content:"";position:absolute;inset-inline:34px;bottom:26px;height:24px;z-index:-1;
  background:repeating-linear-gradient(90deg,rgba(214,226,244,.3) 0 1px,transparent 1px 10%) 0 0/100% 8px no-repeat}
body.theme-decade .app-icon{width:84px;height:84px;margin:0 0 26px;border-radius:24px;font:700 44px/1 var(--disp);color:#04231b;
  background:linear-gradient(160deg,#9af9dd,#5ef0c4 50%,#4cc9f0);box-shadow:0 0 0 6px rgba(94,240,196,.1),0 20px 40px -14px rgba(94,240,196,.7)}
body.theme-decade .download-card h2{margin:0 0 8px;font-size:clamp(34px,3.4vw,48px)}
body.theme-decade .download-card p{font:500 13.5px/1.5 var(--mono);color:var(--mute);margin:0 0 26px}
body.theme-decade.page-4 .download-grid>div:not(.download-card)>p.large{font-size:21px;line-height:1.6;color:var(--ink);opacity:1;margin:0 0 30px}
body.theme-decade.page-4 .download-grid .setup{position:relative;margin:0 0 30px;display:grid;gap:0}
body.theme-decade.page-4 .download-grid .setup li{padding:4px 0 26px;padding-inline-start:58px;font-size:16.5px;line-height:1.55;color:#d3dae4;min-height:36px}
body.theme-decade.page-4 .download-grid .setup li::before{position:absolute;inset-inline-start:0;top:0}
body.theme-decade.page-4 .download-grid .setup li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:17px;top:38px;bottom:2px;width:2px;background:linear-gradient(180deg,var(--fast),rgba(94,240,196,.12))}

/* faq page → sideheads, questions stacked on the right */
body.theme-decade.page-5 main>.faq{--lw:16%;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:52px;row-gap:12px;padding:58px 0 66px;margin:0}
body.theme-decade.page-5 main>.faq:nth-of-type(2){--ls:28%}
body.theme-decade.page-5 main>.faq:nth-of-type(3){--ls:56%}
body.theme-decade.page-5 main>.faq>h2{grid-column:1;grid-row:1/span 6;margin:0;font-size:clamp(28px,2.7vw,40px)}
body.theme-decade.page-5 main>.faq>details{grid-column:2}

/* privacy → bento of policy tiles */
body.theme-decade.page-6 main>.privacy{--lw:24%;max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:58px 0 66px}
body.theme-decade.page-6 .privacy article{border:1px solid rgba(214,226,244,.12);border-radius:22px;background:var(--glass);padding:26px 28px 14px;position:relative}
body.theme-decade.page-6 .privacy article:first-child{grid-column:1/-1}
body.theme-decade.page-6 .privacy article::before{content:"";display:block;height:5px;border-radius:5px;margin:0 0 20px;width:28%;background:linear-gradient(90deg,var(--fast),var(--fast2))}
body.theme-decade.page-6 .privacy article:nth-child(2)::before{margin-inline-start:18%}
body.theme-decade.page-6 .privacy article:nth-child(3)::before{margin-inline-start:36%}
body.theme-decade.page-6 .privacy article:nth-child(4)::before{margin-inline-start:54%;background:linear-gradient(90deg,#f8c48a,var(--slow))}
body.theme-decade.page-6 .privacy article:nth-child(5)::before{margin-inline-start:72%}
body.theme-decade.page-6 .privacy h2{font-size:clamp(26px,2.4vw,34px);margin:0 0 14px}
body.theme-decade.page-6 .privacy p{font-size:16px;line-height:1.72;color:#c4cdd9;opacity:1}
body.theme-decade.page-6 .privacy p.updated{grid-column:1/-1;font:500 13px/1.4 var(--mono)!important;color:var(--mute);opacity:1!important;margin:6px 0 0}

/* inner closings: same finish band, compact */
body.theme-decade:not(.page-0) .closing{padding-block:64px 62px;margin-top:10px}
body.theme-decade:not(.page-0) .closing>.button{grid-row:2/4;align-self:end;justify-self:end}
body.theme-decade:not(.page-0) .closing h2{max-width:none}

/* =========================================================
   TABLET
   ========================================================= */
@media (max-width:1100px){
  body.theme-decade .home-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  body.theme-decade .home-hero :is(.eyebrow,h1,.hero-lead,.actions,.agent-run){grid-column:1;grid-row:auto}
  body.theme-decade .home-hero .hero-lead{max-width:640px}
  body.theme-decade .home-hero .agent-run{margin-top:44px}
  body.theme-decade.page-0 main>.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.theme-decade.page-3 .workflow-grid .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* =========================================================
   PHONE
   ========================================================= */
@media (max-width:760px){
  body.theme-decade .header{min-height:0}
  body.theme-decade .brand{font-size:20px}
  body.theme-decade .brand-symbol{width:32px;height:32px}
  body.theme-decade .button{font-size:14px;padding:14px 18px}
  body.theme-decade :is(h1,h2,h3){hyphens:auto;overflow-wrap:anywhere}
  body.theme-decade h2{font-size:31px}

  body.theme-decade .home-hero{padding:30px 0 52px}
  body.theme-decade .home-hero::before{height:20px;background-size:0 0,41% 2px,100% 100%,100% 100%,100% 11px,100% 5px,100% 1px}
  body.theme-decade .home-hero h1{font-size:clamp(40px,11.4vw,52px);margin:0 0 20px;line-height:.98}
  body.theme-decade .home-hero .eyebrow{margin-bottom:16px;font-size:11.5px;white-space:normal;line-height:1.3}
  body.theme-decade .home-hero .hero-lead{font-size:16px;line-height:1.6}
  body.theme-decade .home-hero .actions{margin-top:22px}
  body.theme-decade .home-hero .agent-run{margin-top:36px}

  body.theme-decade .agent-run-bar{padding:12px 14px 12px 54px}
  [dir=rtl] body.theme-decade .agent-run-bar{padding:12px 54px 12px 14px}
  body.theme-decade .agent-run-bar::before{inset-inline-start:14px}
  body.theme-decade .agent-run-body{padding:14px}
  body.theme-decade .agent-run-steps li{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:10px 12px}
  body.theme-decade .agent-run-steps li .ar-tool{grid-column:1/-1;grid-row:1}
  body.theme-decade .agent-run-steps li code{grid-column:1;grid-row:2}
  body.theme-decade .agent-run-steps li .ar-res{grid-column:2;grid-row:2}
  body.theme-decade .agent-run-steps li::before,body.theme-decade .agent-run-steps li::after{grid-column:1/-1;grid-row:3;height:6px;margin-top:4px}
  body.theme-decade .agent-run-steps li::after{margin-inline-start:var(--s,0%)}

  body.theme-decade main>:is(.scenario,.reading,.feature-matrix,.split-section,.faq,.download-grid,.workflow-grid,.product-lead,.privacy)::before{width:min(var(--lw,24%),40%);inset-inline-start:min(var(--ls,0%),60%)}

  body.theme-decade.page-0 main>.cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:56px;border-radius:18px}
  body.theme-decade.page-0 main>.cards article{padding:14px 14px 18px}
  body.theme-decade.page-0 main>.cards article::before{height:58px;margin-bottom:14px}
  body.theme-decade.page-0 main>.cards article::after{inset-inline-start:14px;top:82px}
  body.theme-decade.page-0 main>.cards h3{font-size:28px}

  body.theme-decade.page-0 main>.scenario{grid-template-columns:minmax(0,1fr);padding:44px 0 48px}
  body.theme-decade.page-0 main>.scenario p{grid-column:1;grid-row:auto;margin-top:20px;font-size:16.5px;padding-inline-start:0;border-inline-start:0}
  body.theme-decade.page-0 main>.scenario h2{font-size:36px}

  body.theme-decade.page-0 main>.reading:has(.steps){padding:44px 0 52px}
  body.theme-decade.page-0 .steps{grid-template-columns:minmax(0,1fr);gap:14px}
  body.theme-decade.page-0 .steps article:nth-child(n){grid-column:1;padding:18px 18px 22px;border-radius:18px}
  body.theme-decade.page-0 .steps h3{font-size:24px}
  body.theme-decade.page-0 main>.reading:has(.steps)>p{justify-content:flex-start}

  body.theme-decade.page-0 main>.feature-matrix{grid-template-columns:minmax(0,1fr);padding:44px 0 52px}
  body.theme-decade.page-0 main>.feature-matrix>table{grid-column:1;grid-row:auto;margin-top:8px}
  body.theme-decade .feature-matrix table,body.theme-decade .feature-matrix thead,body.theme-decade .feature-matrix tbody{display:block}
  body.theme-decade .feature-matrix tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  body.theme-decade .feature-matrix th,body.theme-decade .feature-matrix td{display:block;width:auto!important;padding:14px 14px 26px}
  body.theme-decade .feature-matrix thead th:first-child{display:block;padding:0;border:0}
  body.theme-decade .feature-matrix thead th{grid-column:span 1;padding:13px 14px;font-size:12px}
  body.theme-decade .feature-matrix thead th:first-child{grid-column:1/-1}
  body.theme-decade .feature-matrix tbody th{grid-column:1/-1;border-bottom:0;padding:16px 14px 0;font-size:19px}
  body.theme-decade .feature-matrix td{font-size:14.5px}
  body.theme-decade .feature-matrix td::after{inset-inline-start:14px;bottom:12px}

  body.theme-decade.page-0 main>.split-section{padding:44px 0 50px}
  body.theme-decade.page-0 main>.split-section h2{margin-bottom:28px}
  body.theme-decade.page-0 .split-section .setup{grid-template-columns:minmax(0,1fr);gap:0;padding-top:0}
  body.theme-decade.page-0 .split-section .setup::before{top:18px;bottom:18px;inset-inline:17px auto;width:2px;height:auto}
  body.theme-decade.page-0 .split-section .setup::after{top:18px;inset-inline-start:16px;width:4px;height:calc(100% - 50px)}
  body.theme-decade.page-0 .split-section .setup li{padding:5px 0 24px;padding-inline-start:56px;min-height:36px;font-size:16px}
  body.theme-decade.page-0 .split-section .setup li::before{top:0}

  body.theme-decade.page-0 main>.split-section+.reading{grid-template-columns:minmax(0,1fr);row-gap:26px;padding:44px 0 50px}
  body.theme-decade.page-0 main>.split-section+.reading h2{grid-row:auto}
  body.theme-decade.page-0 main>.split-section+.reading p{grid-row:auto;grid-column:1;font-size:16px}

  body.theme-decade.page-0 main>.faq{grid-template-columns:minmax(0,1fr);gap:12px;padding:44px 0 50px}
  body.theme-decade .faq summary{font-size:19px;padding:17px 56px 17px 18px}
  [dir=rtl] body.theme-decade .faq summary{padding:17px 18px 17px 56px}
  body.theme-decade .faq summary::after{inset-inline-end:16px}
  body.theme-decade .faq details p{padding:0 18px 18px;font-size:15.5px}

  body.theme-decade .closing{padding-block:46px;margin:10px 0 56px;border-radius:22px}
  body.theme-decade:not(.page-0) .closing{padding-block:46px}
  body.theme-decade .closing::after{inset-inline-end:18px}
  body.theme-decade .closing::before{background-size:calc(100% - 18px) 3px,100% 11px,100% 5px}
  body.theme-decade .closing{grid-template-columns:minmax(0,1fr);padding-inline:22px 44px}
  body.theme-decade .closing>span,body.theme-decade .closing>h2,body.theme-decade .closing>p,body.theme-decade .closing>.button,
  body.theme-decade:not(.page-0) .closing>.button{grid-column:1;grid-row:auto;justify-self:start}
  body.theme-decade .closing>h2{margin:18px 0 16px}
  body.theme-decade:not(.page-0) .closing>h2{margin-bottom:26px}
  body.theme-decade .closing>p{margin-bottom:24px}
  body.theme-decade .closing h2{font-size:40px}
  body.theme-decade .closing p{font-size:16.5px}

  body.theme-decade.page-0 main>.closing+.reading{grid-template-columns:minmax(0,1fr);padding:44px 0 50px}
  body.theme-decade.page-0 main>.closing+.reading h2{grid-row:auto;margin-bottom:16px}
  body.theme-decade.page-0 main>.closing+.reading p{grid-column:1}

  body.theme-decade footer .footer-top .brand{font-size:13vw}

  /* inner */
  body.theme-decade .inner-hero{grid-template-columns:minmax(0,1fr);padding:40px 0 44px;gap:0}
  body.theme-decade .inner-hero::before{height:20px}
  body.theme-decade .inner-hero h1{font-size:clamp(38px,10.6vw,50px)}
  body.theme-decade:not(.page-0) main>.reading:not(.privacy){grid-template-columns:minmax(0,1fr);padding:44px 0 48px}
  body.theme-decade:not(.page-0) main>.reading:not(.privacy)>*{grid-column:1}
  body.theme-decade:not(.page-0) main>.reading:not(.privacy)>h2{grid-column:1;grid-row:auto;margin-bottom:18px;font-size:30px}
  body.theme-decade:not(.page-0) main>.reading:not(.privacy)>h2~h2+*{margin-top:0}
  body.theme-decade:not(.page-0) main>.reading:not(.privacy)>h2~h2{margin-top:14px;padding-top:26px}
  body.theme-decade .code-example pre{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:visible;font-size:12px;padding:14px}
  body.theme-decade:not(.page-0) main>.reading:not(.privacy)>h3{font-size:22px}
  body.theme-decade:not(.page-0) main>.reading:not(.privacy)>p{font-size:16px}
  body.theme-decade:not(.page-0) main>.reading:not(.privacy)>p.large,body.theme-decade:not(.page-0) main>.reading:not(.privacy):has(>p.large:first-child)>p.large{font-size:19px}
  body.theme-decade.page-1 .product-lead p.large{font-size:19px}
  body.theme-decade.page-1 main>.cards{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 0 44px}
  body.theme-decade.page-1 main>.cards article:nth-child(n){grid-column:1;padding:20px 18px}
  body.theme-decade.page-1 main>.cards h3{font-size:23px}
  body.theme-decade .feature-list{grid-template-columns:minmax(0,1fr)}
  body.theme-decade .feature-list li{grid-template-columns:minmax(0,1fr) 56px;column-gap:16px}
  body.theme-decade:not(.page-0) main>.split-section{grid-template-columns:minmax(0,1fr);gap:28px;padding:44px 0 50px}
  body.theme-decade .connection{flex-direction:column;padding:22px 18px;margin-bottom:48px}
  body.theme-decade .connection::before{inset-inline:auto;left:50%;top:40px;bottom:40px;width:2px;height:auto;margin:0 0 0 -1px}
  body.theme-decade .connection span{width:100%;padding:16px}
  body.theme-decade .connection b{margin:12px 0;transform:rotate(90deg)}
  [dir=rtl] body.theme-decade .connection b{transform:rotate(90deg)}
  body.theme-decade.page-3 main>.scenario{grid-template-columns:minmax(0,1fr);padding:44px 0 48px}
  body.theme-decade.page-3 main>.scenario p{grid-column:1;grid-row:auto;margin-top:18px;font-size:16.5px;padding-inline-start:0;border-inline-start:0}
  body.theme-decade.page-3 main>.workflow-grid{padding:44px 0 50px}
  body.theme-decade.page-3 .workflow-grid .steps{grid-template-columns:minmax(0,1fr);margin-bottom:40px}
  body.theme-decade.page-3 .sticky-example{grid-template-columns:minmax(0,1fr);row-gap:16px}
  body.theme-decade.page-3 .sticky-example :is(h2,.agent-run,.code-example,p){grid-column:1;grid-row:auto}
  body.theme-decade.page-3 .sticky-example h2{margin-bottom:6px}
  body.theme-decade.page-3 .workflow-grid .steps article{padding:18px}
  body.theme-decade.page-4 main>.download-grid{grid-template-columns:minmax(0,1fr);gap:36px;padding:44px 0 50px}
  body.theme-decade .download-card{padding:28px 22px 32px}
  body.theme-decade .download-card::before{inset-inline:22px}
  body.theme-decade.page-4 .download-grid>div:not(.download-card)>p.large{font-size:18.5px}
  body.theme-decade.page-5 main>.faq{grid-template-columns:minmax(0,1fr);padding:44px 0 48px}
  body.theme-decade.page-5 main>.faq>h2{grid-row:auto;margin-bottom:10px;font-size:30px}
  body.theme-decade.page-5 main>.faq>details{grid-column:1}
  body.theme-decade.page-6 main>.privacy{grid-template-columns:minmax(0,1fr);padding:44px 0 48px}
  body.theme-decade.page-6 .privacy article{padding:22px 20px 10px}
  body.theme-decade.page-6 .privacy article:nth-child(n)::before{margin-inline-start:0}
  body.theme-decade.page-6 .privacy h2{font-size:26px}
}
@media (prefers-reduced-motion:reduce){body.theme-decade .agent-run-steps li::after{animation:none}}

/* keyword stays inline so punctuation after it (uk/fr " :") never starts a new line */
body.theme-decade .home-hero .h1-mark{display:inline}

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