/* thecodevilla.com theme "route" (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:"Alfa Slab One";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/alfa-slab-one-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:"Alfa Slab One";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/alfa-slab-one-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:"Alfa Slab One";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/alfa-slab-one-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:"DM Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dm-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:"DM Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dm-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:"DM Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/dm-mono-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"DM Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/dm-mono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@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}
/* UploadPier — «Mojave route»: a dusk desert highway. Full-bleed scene hero with a lit billboard on posts,
   a dashed centre line running down the page, sections set as roadside plates on either side of it.
   Tokens: night #1b1336 · dusk violet #2f1f5c · sunset #f08a3c · line amber #f2b24a · sand #ead8bb ·
   desert teal #17615f · turquoise CTA #4cc9b5 · paper #fffaf1 · ink #271c3d. Fonts: Alfa Slab One, DM Mono, Inter. */

body.theme-uploadpier{--bg:#ead8bb!important;--ink:#271c3d!important;--accent:#17615f!important;
  --night:#1b1336;--dusk:#2f1f5c;--sun:#f08a3c;--line:#f2b24a;--sand:#ead8bb;--sand2:#e0c9a2;--teal:#17615f;--turq:#4cc9b5;
  --paper:#fffaf1;--cream:#fbf1de;--ink2:#3d3150;--road:120px;--hdr:84px;
  --lang-radius:999px;--nav-radius:12px;--nav-accent:#4cc9b5;
  background:#ead8bb;color:#271c3d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body.theme-uploadpier .slab,body.theme-uploadpier h1,body.theme-uploadpier h2{font-family:"Alfa Slab One",Inter,Georgia,serif;font-weight:400;letter-spacing:0}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-uploadpier :is(h1,h2,.cards h3,.connection span,.feature-list strong){font-family:Inter,system-ui,sans-serif!important;font-weight:800!important;letter-spacing:-.02em}
body.theme-uploadpier :is(h1,h2,h3){hyphens:manual}
body.theme-uploadpier a:focus-visible,body.theme-uploadpier button:focus-visible,body.theme-uploadpier summary:focus-visible{outline:3px solid #4cc9b5;outline-offset:4px}

/* ---------- header: transparent over the dusk scene ---------- */
body.theme-uploadpier .header{position:relative;z-index:6;color:var(--cream);border-bottom:0;min-height:var(--hdr);gap:26px}
body.theme-uploadpier .header .brand{font:400 25px/1 "Alfa Slab One",Inter,serif;letter-spacing:0;gap:11px;color:var(--cream)}
body.theme-uploadpier .header .brand-symbol{background:none;width:40px;height:40px;border-radius:0;color:inherit}
body.theme-uploadpier .header .brand-symbol svg{display:block;width:40px;height:40px}
body.theme-uploadpier .header .main-nav{margin-inline:auto;gap:2px;padding:5px;border-radius:999px;background:rgba(20,12,42,.42);border:1px solid rgba(251,241,222,.2);font-size:13.5px;font-weight:600}
body.theme-uploadpier .header .main-nav a{opacity:1;padding:8px 16px;border-radius:999px;color:var(--cream);text-decoration:none}
body.theme-uploadpier .header .main-nav a:hover{background:rgba(251,241,222,.13)}
body.theme-uploadpier .header .main-nav a[aria-current]{background:var(--cream);color:var(--night)}
body.theme-uploadpier .header .language{color:var(--cream);background:rgba(20,12,42,.3)}

/* ---------- page grid: two lanes and the road between them ---------- */
body.theme-uploadpier main.wrap{width:100%;max-width:none;margin:0;display:grid;align-items:start;position:relative;overflow-x:clip;padding-bottom:90px;
  grid-template-columns:[full-start] minmax(40px,1fr) [c-start] minmax(0,580px) [road-start] var(--road) [road-end] minmax(0,580px) [c-end] minmax(40px,1fr) [full-end]}
body.theme-uploadpier main.wrap>*{grid-column:c-start/c-end;min-width:0;position:relative;z-index:1}
body.theme-uploadpier main.wrap::before,body.theme-uploadpier main.wrap::after{content:"";position:absolute;top:0;bottom:0;left:50%;z-index:0;pointer-events:none}
body.theme-uploadpier main.wrap::before{width:var(--road);margin-left:calc(var(--road) / -2);background:linear-gradient(90deg,transparent 0 10px,rgba(39,28,61,.16) 10px 12px,transparent 12px calc(100% - 12px),rgba(39,28,61,.16) calc(100% - 12px) calc(100% - 10px),transparent 0),#dfc8a1}
body.theme-uploadpier main.wrap::after{width:6px;margin-left:-3px;background:repeating-linear-gradient(180deg,var(--line) 0 40px,transparent 40px 80px)}
body.theme-uploadpier main.wrap>.hero,body.theme-uploadpier main.wrap>.closing{grid-column:full-start/full-end}

/* ---------- buttons ---------- */
body.theme-uploadpier .button{border-radius:12px;font-size:14px;font-weight:700;padding:14px 22px;gap:12px;letter-spacing:0}
body.theme-uploadpier .button.primary,body.theme-uploadpier a.primary{background:var(--turq);color:var(--night);border:2px solid var(--night);box-shadow:0 4px 0 var(--night)}
body.theme-uploadpier .button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--night)}
body.theme-uploadpier .button.secondary{color:var(--ink);border:2px solid var(--ink);background:var(--paper)}

/* ---------- labels ---------- */
body.theme-uploadpier .eyebrow{display:inline-flex;align-items:center;gap:9px;font:500 12.5px/1.2 "DM Mono",Inter,monospace;letter-spacing:0;text-transform:none;padding:7px 14px 7px 10px;border-radius:999px;margin-bottom:22px;
  border:1px solid currentColor}
body.theme-uploadpier .eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--turq);box-shadow:0 0 0 3px rgba(76,201,181,.28);flex:none}

/* ---------- agent window (shared) ---------- */
body.theme-uploadpier .agent-run{border:0;border-radius:10px;background:var(--paper);color:var(--ink)}
body.theme-uploadpier .agent-run-bar{font:500 12px/1.3 "DM Mono",Inter,monospace;background:linear-gradient(180deg,#fff0cf,#fff7e6);border-bottom:1px solid rgba(39,28,61,.12);padding:12px 16px}
body.theme-uploadpier .agent-run-bar span:first-child{opacity:1;color:var(--ink2)}
body.theme-uploadpier .agent-run-mode{color:var(--teal);font-weight:500}
body.theme-uploadpier .agent-run-prompt span{background:var(--dusk);color:var(--cream);font-size:14px}
body.theme-uploadpier .agent-run-steps li{background:#f6ecda;border:0;border-radius:8px;padding:9px 12px}
body.theme-uploadpier .ar-tool{font:500 11.5px/1.4 "DM Mono",ui-monospace,monospace;color:var(--teal)}
body.theme-uploadpier .agent-run-steps code{font:12px/1.5 "DM Mono",ui-monospace,monospace;color:var(--ink)}
body.theme-uploadpier .ar-res{font:12px/1.4 "DM Mono",ui-monospace,monospace;opacity:1;color:var(--ink2)}
body.theme-uploadpier .ar-ok{color:var(--teal)}
body.theme-uploadpier .agent-run-foot>span:first-child{opacity:1;color:var(--ink2)}
body.theme-uploadpier .ar-btn{border:1.5px solid rgba(39,28,61,.35);border-radius:8px}
body.theme-uploadpier .ar-btn-primary{background:var(--turq);border-color:var(--night);color:var(--night)}
/* the lit billboard: frame + lamp row */
body.theme-uploadpier :is(.home-hero,.split-section,.sticky-example) .agent-run{position:relative;overflow:visible;border:10px solid #241a45;border-radius:8px;
  box-shadow:0 0 0 1px #5d4382,0 -16px 44px -12px rgba(255,197,107,.6),0 28px 56px -16px rgba(16,8,36,.55)}
body.theme-uploadpier :is(.home-hero,.split-section,.sticky-example) .agent-run::before{content:"";position:absolute;top:-38px;height:28px;inset-inline:5%;pointer-events:none;
  background:radial-gradient(ellipse 17px 8px at 50% 8px,#ffd98c 0 40%,#241a45 45% 96%,transparent 100%) 0 0/33.333% 100% repeat-x,
             linear-gradient(90deg,transparent calc(50% - 1.5px),#241a45 0 calc(50% + 1.5px),transparent 0) 0 12px/33.333% 18px repeat-x}
body.theme-uploadpier :is(.home-hero,.split-section,.sticky-example) .agent-run-bar{border-radius:0}
body.theme-uploadpier :is(.split-section,.sticky-example) .agent-run{margin-top:46px}

/* ---------- code ---------- */
body.theme-uploadpier .code-example{background:#241a45;border:0;border-radius:12px;color:#f3e7d3}
body.theme-uploadpier .code-example>div{background:#33255a;font:500 12px/1.3 "DM Mono",Inter,monospace;color:#eadfca;align-items:center}
body.theme-uploadpier .code-example button{background:var(--turq);color:var(--night);font-weight:600;border-radius:6px}
body.theme-uploadpier .code-example pre{font:12.5px/1.85 "DM Mono",ui-monospace,Consolas,monospace;color:#f3e7d3}

/* ================= HOME ================= */
body.theme-uploadpier main.wrap>.home-hero{margin-top:calc(var(--hdr) * -1);padding:calc(var(--hdr) + 54px) max(40px,calc((100% - 1280px) / 2)) 0;min-height:740px;
  display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);column-gap:64px;align-items:end;color:var(--cream);overflow:hidden;
  background:linear-gradient(90deg,rgba(24,14,48,.6) 0,rgba(24,14,48,.56) 40%,rgba(24,14,48,0) 49%),#2f1f5c url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 900%22 preserveAspectRatio=%22xMidYMax slice%22%3E %3Cdefs%3E %3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231b1336%22/%3E%3Cstop offset=%22.36%22 stop-color=%22%232f1f5c%22/%3E%3Cstop offset=%22.64%22 stop-color=%22%23562a6b%22/%3E%3Cstop offset=%22.8%22 stop-color=%22%2386386c%22/%3E%3Cstop offset=%22.885%22 stop-color=%22%23c4526a%22/%3E%3Cstop offset=%22.945%22 stop-color=%22%23ec7f4f%22/%3E%3Cstop offset=%22.99%22 stop-color=%22%23f6a85e%22/%3E%3C/linearGradient%3E %3ClinearGradient id=%22u%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffe08a%22/%3E%3Cstop offset=%22.6%22 stop-color=%22%23ffb066%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f4734a%22/%3E%3C/linearGradient%3E %3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a1d48%22/%3E%3Cstop offset=%22.4%22 stop-color=%22%236b3456%22/%3E%3Cstop offset=%22.75%22 stop-color=%22%23a8625b%22/%3E%3Cstop offset=%221%22 stop-color=%22%23cf9f7c%22/%3E%3C/linearGradient%3E %3ClinearGradient id=%22r%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%232a1a3d%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2a4f%22/%3E%3C/linearGradient%3E %3Cmask id=%22m%22%3E%3Crect width=%221440%22 height=%22900%22 fill=%22%23fff%22/%3E%3Crect x=%220%22 y=%22638.8%22 width=%221440%22 height=%224.0%22 fill=%22%23000%22/%3E%3Crect x=%220%22 y=%22662.8%22 width=%221440%22 height=%226.2%22 fill=%22%23000%22/%3E%3Crect x=%220%22 y=%22686.8%22 width=%221440%22 height=%228.4%22 fill=%22%23000%22/%3E%3Crect x=%220%22 y=%22710.8%22 width=%221440%22 height=%2210.6%22 fill=%22%23000%22/%3E%3Crect x=%220%22 y=%22734.8%22 width=%221440%22 height=%2212.8%22 fill=%22%23000%22/%3E%3Crect x=%220%22 y=%22758.8%22 width=%221440%22 height=%2215.0%22 fill=%22%23000%22/%3E%3Crect x=%220%22 y=%22782.8%22 width=%221440%22 height=%2217.2%22 fill=%22%23000%22/%3E%3Crect x=%220%22 y=%22806.8%22 width=%221440%22 height=%2219.4%22 fill=%22%23000%22/%3E%3C/mask%3E %3C/defs%3E %3Crect width=%221440%22 height=%22702%22 fill=%22url%28%23s%29%22/%3E %3Ccircle cx=%22673%22 cy=%2285%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22158%22 cy=%22282%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%221203%22 cy=%2237%22 r=%221%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22186%22 cy=%22230%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22502%22 cy=%2254%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%221168%22 cy=%2271%22 r=%221%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%221191%22 cy=%22307%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22462%22 cy=%2231%22 r=%221%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22868%22 cy=%2281%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%221157%22 cy=%22100%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22772%22 cy=%2257%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%221277%22 cy=%22113%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22653%22 cy=%22246%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22623%22 cy=%22135%22 r=%221%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22177%22 cy=%22302%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22713%22 cy=%22237%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22251%22 cy=%22270%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22710%22 cy=%2285%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%2290%22 cy=%2247%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22727%22 cy=%22312%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22150%22 cy=%2255%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221370%22 cy=%2241%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%221335%22 cy=%22303%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22800%22 cy=%22185%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22737%22 cy=%2294%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22130%22 cy=%22119%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22517%22 cy=%22211%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22175%22 cy=%2293%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221135%22 cy=%22150%22 r=%221%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221136%22 cy=%22150%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%221408%22 cy=%22202%22 r=%221%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22179%22 cy=%2298%22 r=%221%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%221358%22 cy=%22127%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221216%22 cy=%22101%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%2218%22 cy=%2282%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%221258%22 cy=%22297%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%221424%22 cy=%22271%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221403%22 cy=%22294%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22827%22 cy=%22209%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221309%22 cy=%22213%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22147%22 cy=%22114%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22235%22 cy=%22182%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%2210%22 cy=%22298%22 r=%221%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22754%22 cy=%22322%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22435%22 cy=%22322%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%221309%22 cy=%22137%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22981%22 cy=%2270%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22964%22 cy=%22253%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22185%22 cy=%2281%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22552%22 cy=%22253%22 r=%221%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22430%22 cy=%22278%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%221423%22 cy=%22286%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%221326%22 cy=%2254%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22352%22 cy=%22190%22 r=%221%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%221313%22 cy=%22122%22 r=%221%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22830%22 cy=%22124%22 r=%221%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22738%22 cy=%2222%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22977%22 cy=%22140%22 r=%221%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22925%22 cy=%22186%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22461%22 cy=%2260%22 r=%221%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22412%22 cy=%22180%22 r=%221%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221288%22 cy=%22320%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221347%22 cy=%22184%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22805%22 cy=%22110%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22898%22 cy=%22178%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22958%22 cy=%22213%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22358%22 cy=%2273%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%221219%22 cy=%22246%22 r=%221%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221356%22 cy=%22187%22 r=%221%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%2253%22 cy=%2215%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.5%22/%3E %3Ccircle cx=%22758%22 cy=%22696%22 r=%22104%22 fill=%22url%28%23u%29%22 mask=%22url%28%23m%29%22/%3E %3Cpath d=%22M0 700 L0 612 L70 612 L84 598 L190 598 L204 616 L262 616 L262 640 L330 640 L352 604 L470 604 L486 628 L540 628 L560 662 L700 662 L716 640 L760 640 L774 606 L842 606 L860 622 L980 622 L1000 590 L1120 590 L1136 610 L1200 610 L1214 632 L1330 632 L1348 600 L1440 600 L1440 700Z%22 fill=%22%237a3566%22/%3E %3Cpath d=%22M0 700 L0 650 L120 650 L138 636 L236 636 L256 664 L380 664 L404 676 L520 676 L540 690 L690 690 L700 700 Z M860 700 L880 676 L960 676 L978 652 L1100 652 L1112 640 L1210 640 L1228 664 L1300 664 L1320 646 L1440 646 L1440 700Z%22 fill=%22%234a2152%22/%3E %3Crect y=%22700%22 width=%221440%22 height=%22200%22 fill=%22url%28%23g%29%22/%3E %3Cpath d=%22M767 700 L773 700 L870 900 L570 900Z%22 fill=%22url%28%23r%29%22/%3E %3Cpath d=%22M768 700 L584 900 M772 700 L856 900%22 stroke=%22%23e8c79a%22 stroke-width=%222.5%22 opacity=%22.7%22 fill=%22none%22/%3E %3Cpath d=%22M766.6 710.0 L768.4 710.0 L766.6 718.0 L764.4 718.0ZM761.6 728.0 L764.4 728.0 L761.2 742.0 L757.8 742.0ZM753.3 758.0 L757.7 758.0 L752.8 780.0 L747.2 780.0ZM741.7 800.0 L748.3 800.0 L741.2 832.0 L732.8 832.0ZM726.2 856.0 L735.8 856.0 L725.1 904.0 L712.9 904.0Z%22 fill=%22%23f2b24a%22/%3E %3C/svg%3E") center bottom/cover no-repeat}
body.theme-uploadpier .home-hero .hero-copy{display:block;align-self:start;max-width:680px;padding:0 0 132px;border:0;grid-column:auto}
body.theme-uploadpier .home-hero .hero-copy .eyebrow{color:var(--cream);background:rgba(251,241,222,.08);border-color:rgba(251,241,222,.32)}
body.theme-uploadpier .home-hero .hero-copy h1{grid-column:auto;font-size:clamp(42px,4.3vw,58px);line-height:1.12;letter-spacing:0;margin:0 0 24px;color:var(--cream);max-width:none;text-shadow:0 2px 0 rgba(20,10,40,.35)}
body.theme-uploadpier .h1-mark{background:var(--sun);color:var(--night);padding:0 .2em .04em;border-radius:.14em;-webkit-box-decoration-break:clone;box-decoration-break:clone;
  box-shadow:inset 0 0 0 .045em var(--night),inset 0 0 0 .085em #ffd39a;text-shadow:none}
body.theme-uploadpier .home-hero .hero-lead{max-width:500px;font-size:18px;line-height:1.65;opacity:1;color:#efe3f2}
body.theme-uploadpier .home-hero .actions{grid-column:auto;margin:30px 0 0;gap:14px}
body.theme-uploadpier .home-hero .button.secondary{color:var(--cream);border-color:rgba(251,241,222,.6);background:rgba(27,19,54,.35)}
body.theme-uploadpier .home-hero .agent-run{align-self:end;margin:0 0 150px;width:100%;max-width:560px;justify-self:end}
body.theme-uploadpier .home-hero .agent-run::after{content:"";position:absolute;top:100%;height:180px;inset-inline:26%;margin-top:10px;pointer-events:none;
  background:linear-gradient(#241a45,#241a45) 0 40px/100% 7px no-repeat,linear-gradient(90deg,#241a45 0 16px,transparent 16px calc(100% - 16px),#241a45 calc(100% - 16px))}

/* facts: postage stamps landing on the bottom edge of the scene */
body.theme-uploadpier.page-0 main.wrap>.cards{grid-column:c-start/road-start;grid-row:2;margin:-92px 0 0;padding:0;padding-inline-end:18px;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;z-index:3}
body.theme-uploadpier .cards article{--c:var(--paper);position:relative;padding:20px 22px 18px;border:7px solid transparent;border-radius:0;
  background:linear-gradient(var(--c),var(--c)) padding-box,radial-gradient(circle,transparent 3.7px,var(--c) 4.3px) -7px -7px/14px 14px border-box;
  filter:drop-shadow(0 8px 10px rgba(39,28,61,.2));box-shadow:none;color:var(--ink)}
body.theme-uploadpier .cards article::before{content:"";position:absolute;inset:5px;border:1.5px solid rgba(39,28,61,.32);pointer-events:none}
body.theme-uploadpier .cards article:nth-child(6n+2){--c:#f8d9b4}
body.theme-uploadpier .cards article:nth-child(6n+3){--c:#cfe8df}
body.theme-uploadpier .cards article:nth-child(6n+4){--c:#e7daf0}
body.theme-uploadpier .cards article:nth-child(6n+5){--c:#f8e4a9}
body.theme-uploadpier .cards article:nth-child(6n){--c:#f4cfc4}
body.theme-uploadpier.page-0 .cards article:nth-child(odd){transform:rotate(-1.2deg)}
body.theme-uploadpier.page-0 .cards article:nth-child(even){transform:rotate(1deg) translateY(6px)}
body.theme-uploadpier .cards .number{font:500 12px/1.2 "DM Mono",Inter,monospace;opacity:1;color:var(--ink2);margin:0 0 12px;position:static}
body.theme-uploadpier .cards h3{font:400 31px/1.05 "Alfa Slab One",Inter,serif;letter-spacing:0;margin:0 0 8px;overflow-wrap:anywhere}
body.theme-uploadpier .cards p{font-size:13px;line-height:1.45;opacity:1;color:var(--ink2);margin:0}

/* keyword section: a highway guide sign standing on two posts */
body.theme-uploadpier .scenario{background:var(--teal);color:var(--cream);border:0;border-radius:22px;padding:36px 40px 34px;margin:0;
  box-shadow:inset 0 0 0 5px var(--teal),inset 0 0 0 8px var(--cream),0 18px 40px -14px rgba(39,28,61,.45)}
body.theme-uploadpier.page-0 main.wrap>.scenario{grid-column:road-end/c-end;grid-row:2;margin:40px 0 46px}
body.theme-uploadpier.page-0 main.wrap>.scenario::after{content:"";position:absolute;top:100%;height:46px;inset-inline:22%;z-index:-1;
  background:linear-gradient(90deg,#4a3d5c 0 12px,transparent 12px calc(100% - 12px),#4a3d5c calc(100% - 12px))}
body.theme-uploadpier .scenario .eyebrow{color:var(--cream);border-color:rgba(251,241,222,.5)}
body.theme-uploadpier .scenario h2{font-size:clamp(28px,2.6vw,36px);line-height:1.12;margin:0 0 14px;max-width:none}
body.theme-uploadpier .scenario p{font-size:16.5px;line-height:1.7;color:#eef6f2;margin:0;max-width:none}

/* walkthroughs: mile markers standing on the centre line, plates either side */
body.theme-uploadpier.page-0 main.wrap>section.reading:has(>.steps){max-width:none;padding:22px 0 64px;margin:0}
body.theme-uploadpier .steps{display:grid;grid-template-columns:minmax(0,1fr) var(--road) minmax(0,1fr);row-gap:30px;column-gap:0;align-items:start}
body.theme-uploadpier .steps article{position:relative;grid-column:1;padding:28px 32px 30px;border:0;border-radius:16px;background:var(--paper);
  box-shadow:0 1px 0 rgba(39,28,61,.06),0 16px 32px -20px rgba(39,28,61,.5)}
body.theme-uploadpier .steps article:nth-child(even){grid-column:3;transform:translateY(72px)}
body.theme-uploadpier main.wrap .steps .number{position:absolute;left:auto;right:auto;inset-inline-start:auto;inset-inline-end:calc(var(--road) / -2 - 23px);top:26px;
  width:46px;margin:0;padding:11px 0 12px;text-align:center;background:var(--teal);color:var(--cream);border-radius:8px;opacity:1;
  font:400 19px/1 "Alfa Slab One",Inter,serif;box-shadow:inset 0 0 0 3px var(--teal),inset 0 0 0 5px var(--cream),0 8px 14px -6px rgba(39,28,61,.45)}
body.theme-uploadpier main.wrap .steps article:nth-child(even) .number{inset-inline-end:auto;inset-inline-start:calc(var(--road) / -2 - 23px)}
body.theme-uploadpier main.wrap .steps .number::after{content:"";position:absolute;top:100%;left:50%;width:6px;margin-left:-3px;height:26px;background:#4a3d5c}
body.theme-uploadpier .steps h3{font-size:20px;line-height:1.25;font-weight:750;margin:0 0 10px;letter-spacing:-.01em}
body.theme-uploadpier .steps p{font-size:15px;line-height:1.7;opacity:1;color:var(--ink2);margin:0}
body.theme-uploadpier.page-0 section.reading:has(>.steps)>p{text-align:center;margin:96px 0 0;position:relative}

/* comparison: motel key board */
body.theme-uploadpier .feature-matrix{border:0;border-radius:24px;padding:58px 52px 50px;margin:0;background:var(--dusk);color:var(--cream);
  display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);column-gap:52px;align-items:start;box-shadow:0 30px 60px -32px rgba(27,19,54,.75)}
body.theme-uploadpier .feature-matrix::before{content:"";position:absolute;top:20px;inset-inline:52px;height:12px;pointer-events:none;
  background:radial-gradient(circle,var(--line) 0 3px,transparent 3.6px) 0 0/34px 12px repeat-x;opacity:.9}
body.theme-uploadpier .feature-matrix>h2{grid-column:1;font-size:clamp(28px,2.6vw,38px);line-height:1.12;margin:14px 0 16px}
body.theme-uploadpier .feature-matrix>p{grid-column:1;opacity:1;color:#e3d7ee;margin:0}
body.theme-uploadpier .feature-matrix>table{grid-column:2;grid-row:1/span 2;width:100%;border-collapse:separate;border-spacing:0 8px;margin-top:6px;border:0}
body.theme-uploadpier .feature-matrix tr,body.theme-uploadpier .feature-matrix tr:nth-child(even){background:none}
body.theme-uploadpier .feature-matrix th,body.theme-uploadpier .feature-matrix td{border:0;padding:14px 16px;text-align:start;vertical-align:middle;font-size:15px}
body.theme-uploadpier .feature-matrix thead th{font:500 12.5px/1.3 "DM Mono",Inter,monospace;color:#d9cce6;padding-block:4px 2px}
body.theme-uploadpier .feature-matrix thead th:last-child{color:var(--turq)}
body.theme-uploadpier .feature-matrix tbody th{font:400 17px/1.2 "Alfa Slab One",Inter,serif;color:var(--cream);background:#3d2b6e;border-start-start-radius:10px;border-end-start-radius:10px}
body.theme-uploadpier .feature-matrix tbody td{background:#3d2b6e;color:#e9dff2}
body.theme-uploadpier .feature-matrix tbody td:last-child{background:var(--turq);color:var(--night);font-weight:650;border-start-end-radius:10px;border-end-end-radius:10px;
  box-shadow:inset 6px 0 0 #2fa694}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-uploadpier .feature-matrix tbody th{font-family:Inter,system-ui,sans-serif;font-weight:800}

/* how to start: exit signs A–D  ·  who it is for: an airmail postcard */
body.theme-uploadpier.page-0 main.wrap>.split-section{grid-column:c-start/road-start;display:block;padding:0;margin:84px 0 0;border:0}
@media(min-width:761px){body.theme-uploadpier.page-0 main.wrap>.split-section{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;gap:0;align-self:stretch;align-items:stretch;align-content:stretch}
  body.theme-uploadpier.page-0 .split-section>h2{margin-bottom:42px}
  body.theme-uploadpier.page-0 .split-section ol.setup{height:100%;grid-auto-rows:1fr;align-items:stretch;align-content:stretch}
  body.theme-uploadpier.page-0 .split-section ol.setup li{display:flex;align-items:center}}
body.theme-uploadpier .split-section>h2{font-size:clamp(28px,2.6vw,36px);margin:0 0 30px}
body.theme-uploadpier ol.setup{list-style:none;counter-reset:exit;display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding:0;margin:0}
body.theme-uploadpier ol.setup li{counter-increment:exit;position:relative;padding:30px 24px 24px;border-radius:12px;background:var(--teal);color:var(--cream);font-weight:600;font-size:16.5px;line-height:1.5;
  box-shadow:inset 0 0 0 3px var(--teal),inset 0 0 0 5px var(--cream),0 12px 22px -14px rgba(39,28,61,.55);overflow-wrap:anywhere}
body.theme-uploadpier ol.setup li::before{content:counter(exit,upper-alpha);position:absolute;top:-17px;inset-inline-start:16px;padding:6px 12px 5px;border-radius:7px 7px 0 0;
  background:var(--cream);color:var(--teal);font:400 15px/1 "Alfa Slab One",Inter,serif;border:3px solid var(--teal);border-bottom:0}
body.theme-uploadpier.page-0 main.wrap>.split-section+section.reading{grid-column:road-end/c-end;max-width:none;margin:84px 0 0;padding:40px 42px 34px;background:var(--paper);
  border:11px solid;border-image:repeating-linear-gradient(-45deg,var(--sun) 0 13px,var(--paper) 13px 21px,var(--dusk) 21px 34px,var(--paper) 34px 42px) 11;
  box-shadow:0 18px 34px -22px rgba(39,28,61,.55)}
body.theme-uploadpier.page-0 main.wrap>.split-section+section.reading::after{content:"";position:absolute;top:22px;inset-inline-end:22px;width:52px;height:62px;pointer-events:none;
  border:5px solid transparent;background:radial-gradient(circle at 50% 70%,#ffd98c 0 9px,transparent 9.6px) padding-box,linear-gradient(#f4a35a,#b4466a) padding-box,
  radial-gradient(circle,transparent 2.6px,#f4a35a 3px) -5px -5px/10px 10px border-box;transform:rotate(4deg)}
body.theme-uploadpier.page-0 main.wrap>.split-section+section.reading>h2{font-size:clamp(28px,2.6vw,36px);margin:0 80px 18px 0}
[dir=rtl] body.theme-uploadpier.page-0 main.wrap>.split-section+section.reading>h2{margin:0 0 18px 80px}
body.theme-uploadpier.page-0 main.wrap>.split-section+section.reading>p{font-size:15.5px;line-height:1.72;margin:0 0 14px;color:var(--ink2)}
body.theme-uploadpier.page-0 main.wrap>.split-section+section.reading>p+p{padding-top:14px;border-top:1.5px dashed rgba(39,28,61,.25)}

/* FAQ: two lanes with the road between them */
body.theme-uploadpier .faq{max-width:none;margin:96px 0 0;display:grid;grid-template-columns:minmax(0,1fr) var(--road) minmax(0,1fr);row-gap:18px;align-items:start}
body.theme-uploadpier .faq>h2{grid-column:1/-1;justify-self:center;text-align:center;margin:0 0 18px;padding:16px 30px 18px;border-radius:16px;background:var(--dusk);color:var(--cream);
  font-size:clamp(26px,2.4vw,34px);line-height:1.15;max-width:760px;box-shadow:inset 0 0 0 4px var(--dusk),inset 0 0 0 6px rgba(251,241,222,.7)}
body.theme-uploadpier .faq details{grid-column:1;border:0;border-radius:14px;padding:20px 24px;background:var(--paper);box-shadow:0 1px 0 rgba(39,28,61,.06),0 14px 26px -20px rgba(39,28,61,.55)}
body.theme-uploadpier .faq details:nth-of-type(even){grid-column:3}
body.theme-uploadpier .faq summary{list-style:none;position:relative;font-size:17px;line-height:1.4;font-weight:650;padding-inline-end:44px;cursor:pointer}
body.theme-uploadpier .faq summary::-webkit-details-marker{display:none}
body.theme-uploadpier .faq summary::after{content:"";position:absolute;inset-inline-end:0;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;border:2px solid var(--teal);
  background:linear-gradient(var(--teal),var(--teal)) center/11px 2px no-repeat,linear-gradient(var(--teal),var(--teal)) center/2px 11px no-repeat;transition:transform .2s}
body.theme-uploadpier .faq details[open] summary::after{transform:rotate(45deg);background-color:#d5ece6}
body.theme-uploadpier .faq details p{font-size:15px;line-height:1.7;margin:12px 0 0;opacity:1;color:var(--ink2);max-width:none;overflow-wrap:anywhere}

/* closing: neon tube sign at night */
body.theme-uploadpier main.wrap>.closing{margin:100px 0 0;border:0;border-radius:0;padding:118px max(40px,calc((100% - 1280px) / 2)) 124px;text-align:center;color:var(--cream);overflow:hidden;
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 800 400%22 width=%22800%22 height=%22400%22%3E%3Ccircle cx=%22449%22 cy=%22104%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22262%22 cy=%22113%22 r=%221%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22251%22 cy=%22305%22 r=%221%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22562%22 cy=%22219%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22762%22 cy=%22186%22 r=%221%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22602%22 cy=%22269%22 r=%221%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22138%22 cy=%22277%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22527%22 cy=%2214%22 r=%221%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22628%22 cy=%227%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22149%22 cy=%22247%22 r=%221.3%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22128%22 cy=%22289%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22703%22 cy=%22270%22 r=%221.3%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22499%22 cy=%2259%22 r=%221.3%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22259%22 cy=%22102%22 r=%221%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22795%22 cy=%2255%22 r=%221.3%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22580%22 cy=%2219%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22338%22 cy=%22318%22 r=%221.3%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22529%22 cy=%22107%22 r=%221.3%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22468%22 cy=%22265%22 r=%221.3%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22524%22 cy=%22131%22 r=%221.3%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22270%22 cy=%22291%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22145%22 cy=%22218%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22457%22 cy=%22166%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22251%22 cy=%22224%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22690%22 cy=%22160%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22738%22 cy=%22334%22 r=%221.3%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22151%22 cy=%22134%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22229%22 cy=%22387%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22503%22 cy=%2288%22 r=%221.3%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22170%22 cy=%22366%22 r=%221%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22418%22 cy=%22178%22 r=%221%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22370%22 cy=%22168%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22379%22 cy=%2214%22 r=%221%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22474%22 cy=%22230%22 r=%221.3%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22398%22 cy=%22174%22 r=%221.3%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22307%22 cy=%22267%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22239%22 cy=%2258%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22283%22 cy=%2225%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22778%22 cy=%2271%22 r=%221%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22269%22 cy=%22212%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22532%22 cy=%22297%22 r=%221%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22339%22 cy=%2250%22 r=%221%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22709%22 cy=%2298%22 r=%221%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22280%22 cy=%2213%22 r=%221.3%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22271%22 cy=%2247%22 r=%221.3%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%2273%22 cy=%22140%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%2216%22 cy=%22178%22 r=%221.3%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22279%22 cy=%22323%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22544%22 cy=%22368%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22170%22 cy=%22139%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22211%22 cy=%22164%22 r=%221.3%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22548%22 cy=%22393%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22461%22 cy=%22261%22 r=%221.3%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22282%22 cy=%22182%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%2242%22 cy=%2212%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3C/svg%3E") 0 0/800px 400px repeat,radial-gradient(ellipse 60% 70% at 50% 120%,#5e2c6d 0,transparent 70%),linear-gradient(180deg,#1b1336,#2a1b52)}
body.theme-uploadpier main.wrap>.closing::before{content:"";position:absolute;top:58px;bottom:62px;left:50%;width:min(860px,calc(100% - 60px));transform:translateX(-50%);pointer-events:none;
  border:3px solid #ffb16a;border-radius:30px;box-shadow:0 0 0 1px rgba(255,177,106,.35),0 0 22px #ff8a3c,inset 0 0 22px rgba(255,138,60,.55)}
body.theme-uploadpier .closing>span{display:inline-block;font:500 13px/1 "DM Mono",Inter,monospace;letter-spacing:0;text-transform:none;color:#9ff5e6;padding:8px 16px;border-radius:999px;
  border:2px solid var(--turq);box-shadow:0 0 12px rgba(76,201,181,.6),inset 0 0 8px rgba(76,201,181,.45)}
body.theme-uploadpier .closing h2{font-size:clamp(38px,4.6vw,62px);line-height:1.08;color:#fff1dc;margin:26px auto 18px;max-width:720px;text-shadow:0 0 6px #ff9a4d,0 0 20px rgba(255,138,60,.85),0 0 42px rgba(255,90,60,.5)}
body.theme-uploadpier .closing p{max-width:600px;margin:0 auto 32px;color:#e6dbf2;font-size:16px;line-height:1.7}
body.theme-uploadpier .closing .button.primary{box-shadow:0 4px 0 #0e0a20,0 0 24px rgba(76,201,181,.45)}

/* quick links: roadside guide signs */
body.theme-uploadpier.page-0 main.wrap>section.reading:last-child{max-width:none;margin:76px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) var(--road) minmax(0,1fr);align-items:start}
body.theme-uploadpier.page-0 main.wrap>section.reading:last-child>h2{grid-column:1;font-size:clamp(28px,2.6vw,36px);margin:0 0 12px}
body.theme-uploadpier.page-0 main.wrap>section.reading:last-child>p:not(:last-child){grid-column:1;margin:0;color:var(--ink2)}
body.theme-uploadpier.page-0 main.wrap>section.reading:last-child>p:last-child{grid-column:3;grid-row:1/span 2;display:flex;flex-wrap:wrap;gap:12px;margin:0}
body.theme-uploadpier .reading .text-link{display:inline-flex;align-items:center;margin:0;padding:11px 16px;border-radius:9px;background:var(--teal);color:var(--cream);font-weight:600;font-size:14px;line-height:1.3;
  text-decoration:none;box-shadow:inset 0 0 0 2px var(--teal),inset 0 0 0 4px var(--cream)}
body.theme-uploadpier .reading .text-link:hover{background:#0f4f4d}

/* ================= INNER PAGES ================= */
body.theme-uploadpier main.wrap>.inner-hero{margin-top:calc(var(--hdr) * -1);padding:calc(var(--hdr) + 46px) max(40px,calc((100% - 1280px) / 2)) 290px;min-height:0;
  display:flex;align-items:center;justify-content:space-between;gap:40px;color:var(--cream);overflow:hidden;
  background:linear-gradient(180deg,rgba(24,14,48,.25) 0,rgba(24,14,48,0) 60%),#2f1f5c url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 900%22 preserveAspectRatio=%22xMidYMax slice%22%3E %3Cdefs%3E %3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231b1336%22/%3E%3Cstop offset=%22.36%22 stop-color=%22%232f1f5c%22/%3E%3Cstop offset=%22.64%22 stop-color=%22%23562a6b%22/%3E%3Cstop offset=%22.8%22 stop-color=%22%2386386c%22/%3E%3Cstop offset=%22.885%22 stop-color=%22%23c4526a%22/%3E%3Cstop offset=%22.945%22 stop-color=%22%23ec7f4f%22/%3E%3Cstop offset=%22.99%22 stop-color=%22%23f6a85e%22/%3E%3C/linearGradient%3E %3ClinearGradient id=%22u%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffe08a%22/%3E%3Cstop offset=%22.6%22 stop-color=%22%23ffb066%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f4734a%22/%3E%3C/linearGradient%3E %3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233a1d48%22/%3E%3Cstop offset=%22.4%22 stop-color=%22%236b3456%22/%3E%3Cstop offset=%22.75%22 stop-color=%22%23a8625b%22/%3E%3Cstop offset=%221%22 stop-color=%22%23cf9f7c%22/%3E%3C/linearGradient%3E %3ClinearGradient id=%22r%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%232a1a3d%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b2a4f%22/%3E%3C/linearGradient%3E %3Cmask id=%22m%22%3E%3Crect width=%221440%22 height=%22900%22 fill=%22%23fff%22/%3E%3Crect x=%220%22 y=%22638.8%22 width=%221440%22 height=%224.0%22 fill=%22%23000%22/%3E%3Crect x=%220%22 y=%22662.8%22 width=%221440%22 height=%226.2%22 fill=%22%23000%22/%3E%3Crect x=%220%22 y=%22686.8%22 width=%221440%22 height=%228.4%22 fill=%22%23000%22/%3E%3Crect x=%220%22 y=%22710.8%22 width=%221440%22 height=%2210.6%22 fill=%22%23000%22/%3E%3Crect x=%220%22 y=%22734.8%22 width=%221440%22 height=%2212.8%22 fill=%22%23000%22/%3E%3Crect x=%220%22 y=%22758.8%22 width=%221440%22 height=%2215.0%22 fill=%22%23000%22/%3E%3Crect x=%220%22 y=%22782.8%22 width=%221440%22 height=%2217.2%22 fill=%22%23000%22/%3E%3Crect x=%220%22 y=%22806.8%22 width=%221440%22 height=%2219.4%22 fill=%22%23000%22/%3E%3C/mask%3E %3C/defs%3E %3Crect width=%221440%22 height=%22702%22 fill=%22url%28%23s%29%22/%3E %3Ccircle cx=%22673%22 cy=%2285%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22158%22 cy=%22282%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%221203%22 cy=%2237%22 r=%221%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22186%22 cy=%22230%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22502%22 cy=%2254%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%221168%22 cy=%2271%22 r=%221%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%221191%22 cy=%22307%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22462%22 cy=%2231%22 r=%221%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22868%22 cy=%2281%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%221157%22 cy=%22100%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22772%22 cy=%2257%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%221277%22 cy=%22113%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22653%22 cy=%22246%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22623%22 cy=%22135%22 r=%221%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22177%22 cy=%22302%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22713%22 cy=%22237%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22251%22 cy=%22270%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22710%22 cy=%2285%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%2290%22 cy=%2247%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22727%22 cy=%22312%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22150%22 cy=%2255%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221370%22 cy=%2241%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%221335%22 cy=%22303%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22800%22 cy=%22185%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22737%22 cy=%2294%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22130%22 cy=%22119%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22517%22 cy=%22211%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22175%22 cy=%2293%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221135%22 cy=%22150%22 r=%221%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221136%22 cy=%22150%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%221408%22 cy=%22202%22 r=%221%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22179%22 cy=%2298%22 r=%221%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%221358%22 cy=%22127%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221216%22 cy=%22101%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%2218%22 cy=%2282%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%221258%22 cy=%22297%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%221424%22 cy=%22271%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221403%22 cy=%22294%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22827%22 cy=%22209%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221309%22 cy=%22213%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22147%22 cy=%22114%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22235%22 cy=%22182%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%2210%22 cy=%22298%22 r=%221%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22754%22 cy=%22322%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22435%22 cy=%22322%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%221309%22 cy=%22137%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22981%22 cy=%2270%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22964%22 cy=%22253%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22185%22 cy=%2281%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22552%22 cy=%22253%22 r=%221%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22430%22 cy=%22278%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%221423%22 cy=%22286%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%221326%22 cy=%2254%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22352%22 cy=%22190%22 r=%221%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%221313%22 cy=%22122%22 r=%221%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22830%22 cy=%22124%22 r=%221%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22738%22 cy=%2222%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22977%22 cy=%22140%22 r=%221%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22925%22 cy=%22186%22 r=%221.2%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22461%22 cy=%2260%22 r=%221%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22412%22 cy=%22180%22 r=%221%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221288%22 cy=%22320%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221347%22 cy=%22184%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.35%22/%3E%3Ccircle cx=%22805%22 cy=%22110%22 r=%221.6%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22898%22 cy=%22178%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22958%22 cy=%22213%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22358%22 cy=%2273%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%221219%22 cy=%22246%22 r=%221%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221356%22 cy=%22187%22 r=%221%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%2253%22 cy=%2215%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.5%22/%3E %3Ccircle cx=%22758%22 cy=%22696%22 r=%22104%22 fill=%22url%28%23u%29%22 mask=%22url%28%23m%29%22/%3E %3Cpath d=%22M0 700 L0 612 L70 612 L84 598 L190 598 L204 616 L262 616 L262 640 L330 640 L352 604 L470 604 L486 628 L540 628 L560 662 L700 662 L716 640 L760 640 L774 606 L842 606 L860 622 L980 622 L1000 590 L1120 590 L1136 610 L1200 610 L1214 632 L1330 632 L1348 600 L1440 600 L1440 700Z%22 fill=%22%237a3566%22/%3E %3Cpath d=%22M0 700 L0 650 L120 650 L138 636 L236 636 L256 664 L380 664 L404 676 L520 676 L540 690 L690 690 L700 700 Z M860 700 L880 676 L960 676 L978 652 L1100 652 L1112 640 L1210 640 L1228 664 L1300 664 L1320 646 L1440 646 L1440 700Z%22 fill=%22%234a2152%22/%3E %3Crect y=%22700%22 width=%221440%22 height=%22200%22 fill=%22url%28%23g%29%22/%3E %3Cpath d=%22M767 700 L773 700 L870 900 L570 900Z%22 fill=%22url%28%23r%29%22/%3E %3Cpath d=%22M768 700 L584 900 M772 700 L856 900%22 stroke=%22%23e8c79a%22 stroke-width=%222.5%22 opacity=%22.7%22 fill=%22none%22/%3E %3Cpath d=%22M766.6 710.0 L768.4 710.0 L766.6 718.0 L764.4 718.0ZM761.6 728.0 L764.4 728.0 L761.2 742.0 L757.8 742.0ZM753.3 758.0 L757.7 758.0 L752.8 780.0 L747.2 780.0ZM741.7 800.0 L748.3 800.0 L741.2 832.0 L732.8 832.0ZM726.2 856.0 L735.8 856.0 L725.1 904.0 L712.9 904.0Z%22 fill=%22%23f2b24a%22/%3E %3C/svg%3E") center bottom/max(100%,1440px) auto no-repeat}
body.theme-uploadpier .inner-hero .hero-copy{display:block;max-width:860px;grid-column:auto}
body.theme-uploadpier .inner-hero .hero-copy>*{grid-column:auto;grid-row:auto}
body.theme-uploadpier .inner-hero .eyebrow{color:var(--cream);background:rgba(251,241,222,.08);border-color:rgba(251,241,222,.32)}
body.theme-uploadpier main.wrap>.inner-hero h1{font-size:clamp(38px,4vw,58px);line-height:1.1;margin:0;color:var(--cream);text-shadow:0 2px 0 rgba(20,10,40,.4),0 0 24px rgba(27,15,50,.55);max-width:860px}
@media(min-width:761px){
  body.theme-uploadpier .inner-hero .hero-number{flex:none;display:grid;place-items:center;width:150px;height:166px;position:relative;align-self:center;margin-inline-end:30px;
    font:400 62px/1 "Alfa Slab One",Inter,serif;letter-spacing:0;opacity:1;color:var(--cream);background:var(--teal);
    border-radius:18px 18px 50% 50%/18px 18px 36% 36%;box-shadow:inset 0 0 0 5px var(--teal),inset 0 0 0 9px var(--cream),0 22px 40px -10px rgba(10,5,25,.6)}
  body.theme-uploadpier .inner-hero .hero-number::after{content:"";position:absolute;top:100%;left:50%;width:12px;margin-left:-6px;height:260px;background:#241a45;z-index:-1}
}

/* generic plates for prose */
body.theme-uploadpier:not(.page-0) main.wrap>section.reading{max-width:none;width:min(100%,880px);margin:64px 0 0;padding:46px 52px 40px;background:var(--paper);border-radius:22px;
  box-shadow:0 1px 0 rgba(39,28,61,.06),0 22px 40px -26px rgba(39,28,61,.55)}
body.theme-uploadpier:not(.page-0) main.wrap>section.reading>h2{font-size:clamp(26px,2.4vw,34px);line-height:1.15}
body.theme-uploadpier:not(.page-0) main.wrap>section.reading>h2:first-child{margin-top:0}
body.theme-uploadpier:not(.page-0) main.wrap>section.reading>h3{font-size:19px;font-weight:750;letter-spacing:-.01em;color:var(--teal)}
body.theme-uploadpier:not(.page-0) main.wrap>section.reading>p{color:var(--ink2);max-width:72ch}
body.theme-uploadpier .large{opacity:1}
body.theme-uploadpier .notice{border:0;border-radius:12px;background:#f8e4a9;color:var(--ink);padding:18px 22px 18px 22px;box-shadow:inset 0 0 0 3px #f8e4a9,inset 0 0 0 5px var(--ink)}
body.theme-uploadpier .notice strong{font-weight:750}
body.theme-uploadpier .notice p{color:var(--ink)}
/* lead text as a guide sign */
body.theme-uploadpier main.wrap>.product-lead,
body.theme-uploadpier.page-2 main.wrap>section.reading:nth-child(2){justify-self:center;width:min(100%,1000px);max-width:none;margin:-56px 0 0;padding:36px 46px;border-radius:22px;background:var(--teal);color:var(--cream);z-index:3;
  box-shadow:inset 0 0 0 5px var(--teal),inset 0 0 0 8px var(--cream),0 22px 40px -20px rgba(27,19,54,.6)}
body.theme-uploadpier main.wrap>.product-lead p.large,body.theme-uploadpier.page-2 main.wrap>section.reading:nth-child(2) p.large{font-size:20px;line-height:1.62;margin:0;color:#f1f8f4;max-width:none}

/* product */
body.theme-uploadpier.page-1 main.wrap>.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;border:0;margin:56px 0 0}
body.theme-uploadpier.page-1 .cards article{padding:26px 26px 24px}
body.theme-uploadpier.page-1 .cards h3{font-size:24px}
body.theme-uploadpier.page-1 .cards p{font-size:14.5px;line-height:1.6}
body.theme-uploadpier.page-1 main.wrap>section.reading:has(.feature-list){width:auto;background:none;box-shadow:none;padding:0;margin:84px 0 0;border-radius:0}
body.theme-uploadpier.page-1 main.wrap>section.reading:has(.feature-list)>h2{text-align:center;margin:0 auto 26px;width:fit-content;max-width:100%;padding:14px 28px 16px;border-radius:16px;background:var(--dusk);color:var(--cream);
  box-shadow:inset 0 0 0 4px var(--dusk),inset 0 0 0 6px rgba(251,241,222,.7)}
body.theme-uploadpier .feature-list{display:grid;grid-template-columns:minmax(0,1fr) var(--road) minmax(0,1fr);gap:16px 0;margin:0;padding:0}
body.theme-uploadpier .feature-list li{grid-column:1;border:0;border-radius:14px;background:var(--paper);padding:20px 24px;font-size:15px;line-height:1.6;color:var(--ink2);
  box-shadow:0 1px 0 rgba(39,28,61,.06),0 14px 26px -20px rgba(39,28,61,.55)}
body.theme-uploadpier .feature-list li:nth-child(even){grid-column:3}
body.theme-uploadpier .feature-list strong{font:400 18px/1.2 "Alfa Slab One",Inter,serif;color:var(--teal);margin-bottom:6px}
body.theme-uploadpier:not(.page-0) main.wrap>.split-section{display:grid;grid-template-columns:minmax(0,1fr) var(--road) minmax(0,1fr);gap:0;padding:0;margin:90px 0 0;border:0;align-items:center}
body.theme-uploadpier:not(.page-0) main.wrap>.split-section>div:first-child{grid-column:1}
body.theme-uploadpier:not(.page-0) main.wrap>.split-section>.agent-run{grid-column:3;margin-top:38px}
body.theme-uploadpier:not(.page-0) .split-section h2{font-size:clamp(28px,2.6vw,38px);line-height:1.12}
body.theme-uploadpier:not(.page-0) .split-section p{opacity:1;color:var(--ink2);font-size:16.5px;line-height:1.7;max-width:none}
body.theme-uploadpier.page-1 main.wrap>section.reading:not(:has(.feature-list)){justify-self:start}

/* models */
body.theme-uploadpier.page-2 main.wrap>.connection{margin:64px 0 0;padding:0;border:0;border-radius:0;display:flex;align-items:center;justify-content:space-between;gap:0;
  background:repeating-linear-gradient(90deg,var(--line) 0 34px,transparent 34px 64px) center/100% 6px no-repeat}
body.theme-uploadpier .connection span{position:relative;padding:22px 30px;border:0;border-radius:14px;background:var(--dusk);color:var(--cream);font:400 clamp(18px,1.8vw,24px)/1.15 "Alfa Slab One",Inter,serif;
  box-shadow:inset 0 0 0 4px var(--dusk),inset 0 0 0 6px rgba(251,241,222,.7),0 16px 30px -18px rgba(27,19,54,.7);text-align:center}
body.theme-uploadpier .connection span:nth-of-type(2){background:var(--teal);box-shadow:inset 0 0 0 4px var(--teal),inset 0 0 0 6px var(--cream),0 16px 30px -18px rgba(27,19,54,.7)}
body.theme-uploadpier .connection b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--sand);color:var(--ink);font-size:22px;border:3px solid var(--line)}
body.theme-uploadpier.page-2 main.wrap>section.reading:nth-child(4){justify-self:end}

/* workflows */
body.theme-uploadpier.page-3 main.wrap>.scenario{margin:-56px 0 0;z-index:3;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:44px;align-items:start}
body.theme-uploadpier.page-3 .scenario .eyebrow{grid-column:1;justify-self:start}
body.theme-uploadpier.page-3 .scenario h2{grid-column:1;margin:0}
body.theme-uploadpier.page-3 .scenario p{grid-column:2;grid-row:1/span 2}
body.theme-uploadpier .workflow-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--road) minmax(0,1fr);gap:0;margin:84px 0 0;align-items:start}
body.theme-uploadpier .workflow-grid>div:first-child{grid-column:1}
body.theme-uploadpier .workflow-grid .steps{grid-template-columns:minmax(0,1fr);row-gap:22px}
body.theme-uploadpier .workflow-grid .steps article,body.theme-uploadpier .workflow-grid .steps article:nth-child(even){grid-column:1;transform:none}
body.theme-uploadpier main.wrap .workflow-grid .steps article:nth-child(even) .number{inset-inline-start:auto;inset-inline-end:calc(var(--road) / -2 - 23px)}
body.theme-uploadpier .workflow-grid .sticky-example{grid-column:3;padding-top:0}
body.theme-uploadpier .sticky-example>h2{font-size:clamp(26px,2.4vw,34px);margin:0}
body.theme-uploadpier .sticky-example .agent-run{margin:50px 0 26px}
body.theme-uploadpier .sticky-example>p{opacity:1;color:var(--ink2);font-size:14.5px}
body.theme-uploadpier.page-3 main.wrap>section.reading{justify-self:end}

/* download: motel key tag + exit signs */
body.theme-uploadpier .download-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--road) minmax(0,1fr);gap:0;margin:-60px 0 0;align-items:start;z-index:3}
body.theme-uploadpier .download-card{grid-column:1;position:relative;text-align:center;border:0;border-radius:48px 48px 160px 160px/48px 48px 90px 90px;padding:86px 40px 70px;background:var(--dusk);color:var(--cream);
  box-shadow:inset 0 0 0 6px var(--dusk),inset 0 0 0 9px rgba(251,241,222,.6),0 30px 50px -26px rgba(27,19,54,.75)}
body.theme-uploadpier .download-card::before{content:"";position:absolute;top:24px;left:50%;width:30px;height:30px;margin-left:-15px;border-radius:50%;background:var(--sand);box-shadow:0 0 0 6px #c79a52,inset 0 3px 4px rgba(0,0,0,.3)}
body.theme-uploadpier .download-card .app-icon{width:92px;height:92px;border-radius:50%;background:var(--turq);color:var(--night);font:400 50px/1 "Alfa Slab One",Inter,serif;box-shadow:0 0 0 5px var(--night),0 0 0 8px var(--turq)}
body.theme-uploadpier .download-card h2{font-size:clamp(28px,2.6vw,38px);color:var(--cream);margin:0 0 10px}
body.theme-uploadpier .download-card p{color:#e3d7ee;font:500 13px/1.5 "DM Mono",Inter,monospace;margin:0 0 28px}
body.theme-uploadpier .download-grid>div:not(.download-card){grid-column:3;padding-top:96px}
body.theme-uploadpier .download-grid .large{font-size:18px;line-height:1.65;color:var(--ink);margin:0 0 40px}
body.theme-uploadpier .download-grid ol.setup{grid-template-columns:minmax(0,1fr);gap:30px}
body.theme-uploadpier .download-grid .notice{margin-top:30px}
body.theme-uploadpier.page-4 main.wrap>section.reading{justify-self:end;margin-top:84px}

/* faq page */
body.theme-uploadpier.page-5 main.wrap>.faq{margin-top:72px}
body.theme-uploadpier.page-5 main.wrap>.faq:first-of-type{margin-top:-40px;z-index:3}

/* privacy: postcards in two lanes, a postmark at the end */
body.theme-uploadpier .privacy.reading,body.theme-uploadpier:not(.page-0) main.wrap>section.privacy.reading{width:auto;max-width:none;background:none;box-shadow:none;border-radius:0;padding:0;margin:-40px 0 0;z-index:3;
  display:grid;grid-template-columns:minmax(0,1fr) var(--road) minmax(0,1fr);gap:22px 0;align-items:start}
body.theme-uploadpier .privacy article{grid-column:1;border:0;padding:32px 34px 22px;border-radius:18px;background:var(--paper);box-shadow:0 1px 0 rgba(39,28,61,.06),0 18px 32px -22px rgba(39,28,61,.55)}
body.theme-uploadpier .privacy article:nth-of-type(even){grid-column:3}
body.theme-uploadpier .privacy article h2{font-size:clamp(23px,2vw,28px);line-height:1.15;margin:0 0 14px}
body.theme-uploadpier .privacy p{font-size:15.5px;line-height:1.7;opacity:1;color:var(--ink2);overflow-wrap:anywhere}
body.theme-uploadpier .privacy p.updated{grid-column:3;justify-self:center;align-self:center;display:grid;place-items:center;width:190px;height:190px;margin:10px 0 0;padding:30px;border-radius:50%;text-align:center;
  font:500 13px/1.4 "DM Mono",Inter,monospace!important;opacity:1!important;color:var(--dusk);border:3px solid var(--dusk);box-shadow:inset 0 0 0 6px var(--sand),inset 0 0 0 8px var(--dusk);transform:rotate(-8deg);background:var(--sand)}

/* ---------- footer: big wordmark on a sand band ---------- */
body.theme-uploadpier footer{border-top:0;padding:72px 0 34px;color:var(--ink);background:var(--sand2);box-shadow:0 0 0 100vmax var(--sand2);clip-path:inset(0 -100vmax)}
body.theme-uploadpier footer .footer-top{flex-direction:column;align-items:flex-start;gap:12px}
body.theme-uploadpier footer .footer-top .brand{font:400 clamp(44px,12vw,168px)/.95 "Alfa Slab One",Inter,serif;letter-spacing:0;color:var(--dusk);white-space:normal;overflow-wrap:anywhere}
body.theme-uploadpier footer .footer-top p{font-size:14px;opacity:1;color:var(--ink2)}
body.theme-uploadpier footer nav{gap:8px;margin:28px 0 30px}
body.theme-uploadpier footer nav a{padding:8px 14px;border-radius:999px;border:1.5px solid rgba(39,28,61,.35);font-size:13px;font-weight:600}
body.theme-uploadpier footer nav a:hover{background:var(--paper)}
body.theme-uploadpier .footer-bottom{font-size:12px;opacity:1;color:var(--ink2)}

/* ================= TABLET ================= */
@media(max-width:1050px){
  body.theme-uploadpier{--road:72px}
  body.theme-uploadpier main.wrap>.home-hero{column-gap:40px}
  body.theme-uploadpier .feature-matrix{grid-template-columns:minmax(0,1fr)}
  body.theme-uploadpier .feature-matrix>table{grid-column:1;grid-row:auto;margin-top:22px}
}

/* ================= PHONE ================= */
@media(max-width:760px){
  body.theme-uploadpier{--hdr:64px;--road:0px}
  body.theme-uploadpier .header{min-height:var(--hdr)}
  body.theme-uploadpier .header .brand{font-size:22px}
  body.theme-uploadpier .header .brand-symbol,body.theme-uploadpier .header .brand-symbol svg{width:34px;height:34px}
  body.theme-uploadpier main.wrap{grid-template-columns:[full-start] 18px [c-start] minmax(0,1fr) [c-end] 18px [full-end];padding-bottom:60px}
  body.theme-uploadpier main.wrap>*{grid-column:c-start/c-end!important;grid-row:auto!important;justify-self:stretch!important;width:auto!important}
  body.theme-uploadpier main.wrap>.hero,body.theme-uploadpier main.wrap>.closing{grid-column:full-start/full-end!important}
  body.theme-uploadpier main.wrap::before,body.theme-uploadpier main.wrap::after{display:none}

  body.theme-uploadpier main.wrap>.home-hero{display:block;min-height:0;padding:calc(var(--hdr) + 30px) 18px 0;background-position:62% bottom}
  body.theme-uploadpier .home-hero .hero-copy{padding:0 0 46px}
  body.theme-uploadpier .home-hero .hero-copy h1{font-size:clamp(34px,9.6vw,42px);line-height:1.12;margin-bottom:18px;hyphens:auto;overflow-wrap:anywhere}
  body.theme-uploadpier .home-hero .hero-lead{font-size:16px}
  body.theme-uploadpier .home-hero .actions{margin-top:22px}
  body.theme-uploadpier .button{font-size:13.5px;padding:13px 17px}
  body.theme-uploadpier .home-hero .agent-run{margin:40px 0 96px;max-width:none}
  body.theme-uploadpier .home-hero .agent-run::after{height:110px;inset-inline:20%}
  body.theme-uploadpier.page-0 main.wrap>.cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-48px;gap:12px}
  body.theme-uploadpier .cards h3{font-size:23px}
  body.theme-uploadpier.page-0 main.wrap>.scenario{margin:40px 0 0}
  body.theme-uploadpier.page-0 main.wrap>.scenario::after{display:none}
  body.theme-uploadpier .scenario{padding:28px 24px 26px}
  body.theme-uploadpier .steps{grid-template-columns:minmax(0,1fr)}
  body.theme-uploadpier .steps article,body.theme-uploadpier .steps article:nth-child(even){grid-column:1;transform:none;padding:22px 20px 24px}
  body.theme-uploadpier main.wrap .steps .number,body.theme-uploadpier main.wrap .steps article:nth-child(even) .number,body.theme-uploadpier main.wrap .workflow-grid .steps article:nth-child(even) .number{position:relative;inset:auto;display:inline-block;margin:0 0 30px}
  body.theme-uploadpier.page-0 main.wrap>section.reading:has(>.steps){padding:44px 0 0}
  body.theme-uploadpier.page-0 section.reading:has(>.steps)>p{margin:30px 0 0}
  body.theme-uploadpier .feature-matrix{padding:46px 18px 24px;border-radius:18px;margin-top:44px}
  body.theme-uploadpier .feature-matrix::before{inset-inline:18px;top:18px}
  body.theme-uploadpier .feature-matrix th,body.theme-uploadpier .feature-matrix td{padding:11px 9px;font-size:13.5px;overflow-wrap:anywhere}
  body.theme-uploadpier .feature-matrix tbody th{font-size:14px}
  body.theme-uploadpier.page-0 main.wrap>.split-section{margin-top:56px}
  body.theme-uploadpier ol.setup{grid-template-columns:minmax(0,1fr)}
  body.theme-uploadpier.page-0 main.wrap>.split-section+section.reading{margin-top:44px;padding:30px 22px 22px}
  body.theme-uploadpier .faq{grid-template-columns:minmax(0,1fr);margin-top:60px}
  body.theme-uploadpier .faq details,body.theme-uploadpier .faq details:nth-of-type(even),body.theme-uploadpier .faq details:nth-of-type(odd):last-of-type{grid-column:1;width:auto;justify-self:stretch}
  body.theme-uploadpier .faq>h2{padding:14px 20px 16px}
  body.theme-uploadpier .faq summary{font-size:16px}
  body.theme-uploadpier main.wrap>.closing{margin-top:60px;padding:84px 36px 88px}
  body.theme-uploadpier main.wrap>.closing::before{top:36px;bottom:40px;width:calc(100% - 28px)}
  body.theme-uploadpier .closing h2{font-size:34px}
  body.theme-uploadpier.page-0 main.wrap>section.reading:last-child{grid-template-columns:minmax(0,1fr);margin-top:50px}
  body.theme-uploadpier.page-0 main.wrap>section.reading:last-child>*{grid-column:1!important;grid-row:auto!important}
  body.theme-uploadpier.page-0 main.wrap>section.reading:last-child>p:last-child{margin-top:20px}

  body.theme-uploadpier main.wrap>.inner-hero{min-height:0;padding:calc(var(--hdr) + 34px) 18px 210px;background-size:auto 0,auto 560px;background-position:0 0,50% 100%}
  body.theme-uploadpier .inner-hero .hero-number{display:none}
  body.theme-uploadpier main.wrap>.inner-hero h1{font-size:clamp(32px,8.6vw,40px);hyphens:auto;overflow-wrap:anywhere}
  body.theme-uploadpier:not(.page-0) main.wrap>section.reading{padding:30px 22px 26px;margin-top:44px}
  body.theme-uploadpier main.wrap>.product-lead,body.theme-uploadpier.page-2 main.wrap>section.reading:nth-child(2){margin-top:-40px;padding:26px 22px}
  body.theme-uploadpier main.wrap>.product-lead p.large,body.theme-uploadpier.page-2 main.wrap>section.reading:nth-child(2) p.large{font-size:17px}
  body.theme-uploadpier.page-1 main.wrap>.cards{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:36px}
  body.theme-uploadpier.page-1 main.wrap>section.reading:has(.feature-list){padding:0;margin-top:54px}
  body.theme-uploadpier .feature-list{grid-template-columns:minmax(0,1fr)}
  body.theme-uploadpier .feature-list li,body.theme-uploadpier .feature-list li:nth-child(even){grid-column:1}
  body.theme-uploadpier:not(.page-0) main.wrap>.split-section{grid-template-columns:minmax(0,1fr);margin-top:56px}
  body.theme-uploadpier:not(.page-0) main.wrap>.split-section>*{grid-column:1!important}
  body.theme-uploadpier.page-2 main.wrap>.connection{flex-direction:column;gap:14px;margin-top:44px;background:repeating-linear-gradient(180deg,var(--line) 0 24px,transparent 24px 44px) center/6px 100% no-repeat}
  body.theme-uploadpier .connection span{width:100%;padding:18px}
  body.theme-uploadpier .connection b{transform:rotate(90deg)}
  body.theme-uploadpier.page-3 main.wrap>.scenario{display:block;margin-top:-40px}
  body.theme-uploadpier.page-3 .scenario p{margin-top:14px}
  body.theme-uploadpier .workflow-grid{grid-template-columns:minmax(0,1fr);margin-top:50px}
  body.theme-uploadpier .workflow-grid>*{grid-column:1!important}
  body.theme-uploadpier .workflow-grid .sticky-example{margin-top:44px}
  body.theme-uploadpier .download-grid{grid-template-columns:minmax(0,1fr);margin-top:-40px}
  body.theme-uploadpier .download-grid>*{grid-column:1!important}
  body.theme-uploadpier .download-card{padding:62px 22px 44px}
  body.theme-uploadpier .download-card .app-icon{width:72px;height:72px;font-size:40px;margin-bottom:18px}
  body.theme-uploadpier .download-card::before{top:18px}
  body.theme-uploadpier .download-grid>div:not(.download-card){padding-top:40px}
  body.theme-uploadpier.page-5 main.wrap>.faq:first-of-type{margin-top:-30px}
  body.theme-uploadpier:not(.page-0) main.wrap>section.privacy.reading{grid-template-columns:minmax(0,1fr);margin-top:-30px;padding:0}
  body.theme-uploadpier .privacy article,body.theme-uploadpier .privacy article:nth-of-type(even),body.theme-uploadpier .privacy p.updated{grid-column:1}
  body.theme-uploadpier .privacy article{padding:24px 20px 14px}
  body.theme-uploadpier footer{padding-top:48px}
  body.theme-uploadpier footer .footer-top .brand{font-size:clamp(34px,10.4vw,60px);overflow-wrap:normal}
  body.theme-uploadpier .footer-bottom{flex-direction:column;gap:6px}
}
@media(prefers-reduced-motion:reduce){body.theme-uploadpier .faq summary::after{transition:none}body.theme-uploadpier .button:hover{transform:none}}

/* owner 2026-11-02: more air between the keyword plates and the next line ("for Windows") */
body.theme-uploadpier .home-hero .hero-copy h1{line-height:1.46}
body.theme-uploadpier .h1-mark{padding-block:.02em .06em}
@media(max-width:760px){body.theme-uploadpier .home-hero .hero-copy h1,body.theme-uploadpier main.wrap>.inner-hero h1{line-height:1.38;hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word}}

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