/* Hallmark · macrostructure: Workbench · genre: atmospheric · theme: Elorin Content Field
 * nav: N10 scroll-morph · footer: Ft2 inline close · source DNA: reference structure only
 * Audience: people opening mixed-format files · Use: understand and explore content · Tone: quiet, spatial, precise
 */
:root{
  --color-ink:#0a0b0b;
  --color-ink-deep:#080909;
  --color-ink-raised:#111513;
  --color-paper:#f1f0e9;
  --color-paper-bright:#f7f6ef;
  --color-text:#f6f5ef;
  --color-muted:#9b9d98;
  --color-sage:#a8b9b4;
  --color-sage-deep:#718c88;
  --color-cream:#f0dfb3;
  --color-accent:#d9ff8a;
  --color-violet:#b6a9ff;
  --color-line:rgba(255,255,255,.105);
  --color-focus:#d9ff8a;
  --color-hero-ink:#1a2923;
  --color-hero-muted:rgba(26,41,35,.78);
  --font-display:"Avenir Next","Helvetica Neue",Arial,"Noto Sans SC",sans-serif;
  --font-body:Inter,"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;
  --font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --sans:var(--font-body);
  --mono:var(--font-mono);
  --ink:var(--color-ink);
  --ink-2:var(--color-ink-raised);
  --paper:var(--color-paper);
  --muted:var(--color-muted);
  --teal:var(--color-sage);
  --teal-deep:var(--color-sage-deep);
  --cream:var(--color-cream);
  --acid:var(--color-accent);
  --violet:var(--color-violet);
  --line:var(--color-line);
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --radius-sm:8px;
  --radius-md:16px;
  --radius-lg:24px;
  --radius-xl:32px;
  --radius-pill:999px;
  --r-xl:var(--radius-xl);
  --r-lg:var(--radius-lg);
  --r-md:var(--radius-md);
  --ease:cubic-bezier(.2,.75,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --duration-fast:180ms;
  --duration-base:280ms;
  --duration-slow:650ms;
  --shadow-soft:0 1px 1px rgba(0,0,0,.12),0 12px 28px rgba(0,0,0,.14),0 34px 72px rgba(0,0,0,.18);

  --paint-hex-f6f5ef:#f6f5ef;
  --paint-hex-080909:#080909;
  --paint-hex-f1f0eb:#f1f0eb;
  --paint-rgba-255-255-255-a0p06:rgba(255,255,255,0.06);
  --paint-hex-fff:#fff;
  --paint-rgba-255-255-255-a0p92:rgba(255,255,255,0.92);
  --paint-rgba-255-255-255-a0p13:rgba(255,255,255,0.13);
  --paint-hex-111:#111;
  --paint-hex-0002:#0002;
  --paint-hex-0003:#0003;
  --paint-rgba-32-34-32-a0p78:rgba(32,34,32,0.78);
  --paint-rgba-255-255-255-a0p12:rgba(255,255,255,0.12);
  --paint-rgba-0-0-0-a0p18:rgba(0,0,0,0.18);
  --paint-rgba-217-230-219-a0p22:rgba(217,230,219,0.22);
  --paint-hex-a9bbb6:#a9bbb6;
  --paint-hex-9bb1ad:#9bb1ad;
  --paint-hex-879f9a:#879f9a;
  --paint-rgba-255-255-255-a0p9:rgba(255,255,255,0.9);
  --paint-rgba-238-244-227-a0p18:rgba(238,244,227,0.18);
  --paint-rgba-255-255-255-a0p11:rgba(255,255,255,0.11);
  --paint-rgba-255-255-255-a0p3:rgba(255,255,255,0.3);
  --paint-rgba-40-64-60-a0p04:rgba(40,64,60,0.04);
  --paint-hex-f9fbf6:#f9fbf6;
  --paint-hex-6bf2a3:#6bf2a3;
  --paint-hex-6bf2a388:#6bf2a388;
  --paint-rgba-255-255-255-a0p87:rgba(255,255,255,0.87);
  --paint-rgba-255-255-255-a0p8:rgba(255,255,255,0.8);
  --paint-rgba-0-0-0-a0p08:rgba(0,0,0,0.08);
  --paint-rgba-30-49-45-a0p12:rgba(30,49,45,0.12);
  --paint-hex-0001:#0001;
  --paint-hex-1d34301e:#1d34301e;
  --paint-rgba-255-255-255-a0p86:rgba(255,255,255,0.86);
  --paint-rgba-255-255-255-a0p66:rgba(255,255,255,0.66);
  --paint-rgba-45-68-62-a0p1:rgba(45,68,62,0.1);
  --paint-rgba-255-255-255-a0p5:rgba(255,255,255,0.5);
  --paint-rgba-255-255-255-a0p6:rgba(255,255,255,0.6);
  --paint-rgba-255-255-255-a0p76:rgba(255,255,255,0.76);
  --paint-rgba-242-231-201-a0p72:rgba(242,231,201,0.72);
  --paint-rgba-220-219-194-a0p54:rgba(220,219,194,0.54);
  --paint-rgba-173-192-184-a0p58:rgba(173,192,184,0.58);
  --paint-rgba-255-255-255-a0p48:rgba(255,255,255,0.48);
  --paint-rgba-49-66-59-a0p11:rgba(49,66,59,0.11);
  --paint-rgba-39-55-50-a0p12:rgba(39,55,50,0.12);
  --paint-rgba-255-255-255-a0p78:rgba(255,255,255,0.78);
  --paint-hex-eaffc6:#eaffc6;
  --paint-hex-070808:#070808;
  --paint-rgba-255-255-255-a0p08:rgba(255,255,255,0.08);
  --paint-hex-a2a39e:#a2a39e;
  --paint-hex-e4e3dd:#e4e3dd;
  --paint-hex-777d76:#777d76;
  --paint-hex-0a0b0b:#0a0b0b;
  --paint-hex-f3f2ed:#f3f2ed;
  --paint-hex-b5b6af:#b5b6af;
  --paint-rgba-217-255-138-a0p32:rgba(217,255,138,0.32);
  --paint-hex-92958e:#92958e;
  --paint-rgba-255-255-255-a0p045:rgba(255,255,255,0.045);
  --paint-hex-898c86:#898c86;
  --paint-hex-737771:#737771;
  --paint-hex-0d0e0e:#0d0e0e;
  --paint-rgba-255-255-255-a0p14:rgba(255,255,255,0.14);
  --paint-hex-747771:#747771;
  --paint-hex-666a64:#666a64;
  --paint-hex-969991:#969991;
  --paint-hex-f5f4ee:#f5f4ee;
  --paint-rgba-175-194-185-a0p07:rgba(175,194,185,0.07);
  --paint-rgba-0-0-0-a0p24:rgba(0,0,0,0.24);
  --paint-rgba-255-255-255-a0p025:rgba(255,255,255,0.025);
  --paint-hex-8e928a:#8e928a;
  --paint-hex-d8d9d2:#d8d9d2;
  --paint-hex-b5b9af:#b5b9af;
  --paint-hex-e8e7e0:#e8e7e0;
  --paint-hex-171918:#171918;
  --paint-rgba-255-255-255-a0p22:rgba(255,255,255,0.22);
  --paint-rgba-0-0-0-a0p1:rgba(0,0,0,0.1);
  --paint-rgba-0-0-0-a0p32:rgba(0,0,0,0.32);
  --paint-rgba-0-0-0-a0p2:rgba(0,0,0,0.2);
  --paint-rgba-255-255-255-a0p38:rgba(255,255,255,0.38);
  --paint-hex-f4f3ed:#f4f3ed;
  --paint-rgba-18-20-18-a0p08:rgba(18,20,18,0.08);
  --paint-hex-6d706b:#6d706b;
  --paint-hex-deded5:#deded5;
  --paint-hex-5d615b:#5d615b;
  --paint-hex-c7c7bf:#c7c7bf;
  --paint-hex-b1b3a9:#b1b3a9;
  --paint-hex-f0efe8:#f0efe8;
  --paint-rgba-18-20-18-a0p07:rgba(18,20,18,0.07);
  --paint-hex-7d8079:#7d8079;
  --paint-hex-e4e3db:#e4e3db;
  --paint-hex-222520:#222520;
  --paint-hex-8173e8:#8173e8;
  --paint-hex-e9e8e0:#e9e8e0;
  --paint-rgba-18-20-18-a0p06:rgba(18,20,18,0.06);
  --paint-rgba-255-255-255-a0p46:rgba(255,255,255,0.46);
  --paint-hex-545850:#545850;
  --paint-rgba-30-32-28-a0p04:rgba(30,32,28,0.04);
  --paint-hex-dedbd0:#dedbd0;
  --paint-hex-1a1c18:#1a1c18;
  --paint-rgba-22-24-20-a0p1:rgba(22,24,20,0.1);
  --paint-hex-777a72:#777a72;
  --paint-hex-dcdcd4:#dcdcd4;
  --paint-hex-e5e4dc:#e5e4dc;
  --paint-rgba-20-22-18-a0p06:rgba(20,22,18,0.06);
  --paint-hex-8c8e86:#8c8e86;
  --paint-hex-6c7068:#6c7068;
  --paint-hex-d8d6ce:#d8d6ce;
  --paint-hex-20221d:#20221d;
  --paint-rgba-30-32-26-a0p04:rgba(30,32,26,0.04);
  --paint-hex-969990:#969990;
  --paint-hex-e7e6de:#e7e6de;
  --paint-hex-d6d6cd:#d6d6cd;
  --paint-rgba-65-69-60-a0p08:rgba(65,69,60,0.08);
  --paint-hex-faf9f4:#faf9f4;
  --paint-rgba-0-0-0-a0p04:rgba(0,0,0,0.04);
  --paint-rgba-22-24-20-a0p08:rgba(22,24,20,0.08);
  --paint-rgba-22-24-20-a0p12:rgba(22,24,20,0.12);
  --paint-rgba-20-22-18-a0p035:rgba(20,22,18,0.035);
  --paint-hex-8a8c83:#8a8c83;
  --paint-hex-777b72:#777b72;
  --paint-hex-e1e0d7:#e1e0d7;
  --paint-hex-d8d8cf:#d8d8cf;
  --paint-hex-9ea197:#9ea197;
  --paint-hex-b3c5bd:#b3c5bd;
  --paint-hex-d9d7bd:#d9d7bd;
  --paint-rgba-255-255-255-a0p65:rgba(255,255,255,0.65);
  --paint-hex-a0a197:#a0a197;
  --paint-hex-aebdb6:#aebdb6;
  --paint-rgba-255-255-255-a0p05:rgba(255,255,255,0.05);
  --paint-rgba-255-255-255-a0p04:rgba(255,255,255,0.04);
  --paint-hex-f9f7ed:#f9f7ed;
  --paint-rgba-255-255-255-a0p82:rgba(255,255,255,0.82);
  --paint-hex-b5c4bd:#b5c4bd;
  --paint-hex-e5d9b7:#e5d9b7;
  --paint-hex-9fb4a9:#9fb4a9;
  --paint-hex-b7c5bd:#b7c5bd;
  --paint-hex-e9dfc4:#e9dfc4;
  --paint-hex-8fa7a0:#8fa7a0;
  --paint-hex-d6c6a5:#d6c6a5;
  --paint-hex-e3d7b6:#e3d7b6;
  --paint-hex-a8bbb3:#a8bbb3;
  --paint-rgba-255-255-255-a0p7:rgba(255,255,255,0.7);
  --paint-hex-82857c:#82857c;
  --paint-hex-7da887:#7da887;
  --paint-hex-70746d:#70746d;
  --paint-hex-a4a79e:#a4a79e;
  --paint-hex-aabbb5:#aabbb5;
  --paint-hex-101312:#101312;
  --paint-rgba-255-255-255-a0p26:rgba(255,255,255,0.26);
  --paint-hex-465650:#465650;
  --paint-hex-4f605a:#4f605a;
  --paint-rgba-255-255-255-a0p25:rgba(255,255,255,0.25);
  --paint-rgba-255-255-255-a0p42:rgba(255,255,255,0.42);
  --paint-rgba-54-73-65-a0p06:rgba(54,73,65,0.06);
  --paint-hex-52645d:#52645d;
  --paint-hex-17201b:#17201b;
  --paint-hex-66756f:#66756f;
  --paint-hex-5e6c65:#5e6c65;
  --paint-rgba-242-244-232-a0p34:rgba(242,244,232,0.34);
  --paint-hex-18201c:#18201c;
  --paint-rgba-48-63-57-a0p03:rgba(48,63,57,0.03);
  --paint-rgba-255-255-255-a0p72:rgba(255,255,255,0.72);
  --paint-rgba-48-63-57-a0p1:rgba(48,63,57,0.1);
  --paint-hex-edf0e6:#edf0e6;
  --paint-hex-3e5b50:#3e5b50;
  --paint-hex-2e3b3220:#2e3b3220;
  --paint-hex-6c7a72:#6c7a72;
  --paint-hex-55635c:#55635c;
  --paint-hex-090a0a:#090a0a;
  --paint-rgba-167-188-178-a0p12:rgba(167,188,178,0.12);
  --paint-hex-050606:#050606;
  --paint-hex-8b8f87:#8b8f87;
  --paint-hex-e3e4dd:#e3e4dd;
  --paint-rgba-255-255-255-a0p35:rgba(255,255,255,0.35);
  --paint-hex-171b19:#171b19;
  --paint-hex-f1f0e8:#f1f0e8;
  --paint-rgba-25-32-28-a0p09:rgba(25,32,28,0.09);
  --paint-rgba-245-246-231-a0p64:rgba(245,246,231,0.64);
  --paint-rgba-235-222-194-a0p26:rgba(235,222,194,0.26);
  --paint-hex-c7d4cc:#c7d4cc;
  --paint-hex-aec4bd:#aec4bd;
  --paint-hex-a6bcb7:#a6bcb7;
  --paint-hex-bdc9bd:#bdc9bd;
  --paint-rgba-255-255-255-a0p075:rgba(255,255,255,0.075);
  --paint-hex-686e66:#686e66;
  --paint-hex-9da198:#9da198;
  --paint-hex-858a81:#858a81;
  --paint-hex-e1e2d9:#e1e2d9;
  --paint-hex-b4bcaa:#b4bcaa;
  --paint-rgba-255-255-255-a0p035:rgba(255,255,255,0.035);
  --paint-rgba-255-255-255-a0p008:rgba(255,255,255,0.008);
  --paint-hex-0d0f0e:#0d0f0e;
  --paint-rgba-0-0-0-a0p12:rgba(0,0,0,0.12);
  --paint-rgba-255-255-255-a0p07:rgba(255,255,255,0.07);
  --paint-rgba-0-0-0-a0p22:rgba(0,0,0,0.22);
  --paint-rgba-0-0-0-a0p13:rgba(0,0,0,0.13);
  --paint-rgba-189-206-193-a0p12:rgba(189,206,193,0.12);
  --paint-hex-171c19:#171c19;
  --paint-hex-111413:#111413;
  --paint-hex-8b9186:#8b9186;
  --paint-hex-e5e6de:#e5e6de;
  --paint-hex-272b27:#272b27;
  --paint-rgba-255-255-255-a0p55:rgba(255,255,255,0.55);
  --paint-rgba-0-0-0-a0p17:rgba(0,0,0,0.17);
  --paint-rgba-255-255-255-a0p62:rgba(255,255,255,0.62);
  --paint-hex-f6f6f0:#f6f6f0;
  --paint-hex-e9eae2:#e9eae2;
  --paint-rgba-30-38-31-a0p08:rgba(30,38,31,0.08);
  --paint-hex-7e9287:#7e9287;
  --paint-hex-5d635b:#5d635b;
  --paint-hex-d9ded5:#d9ded5;
  --paint-hex-657469:#657469;
  --paint-hex-eff0e9:#eff0e9;
  --paint-hex-6c7269:#6c7269;
  --paint-hex-d9e0d5:#d9e0d5;
  --paint-hex-384a3e:#384a3e;
  --paint-rgba-30-38-31-a0p12:rgba(30,38,31,0.12);
  --paint-hex-444b43:#444b43;
  --paint-hex-d9dbd2:#d9dbd2;
  --paint-hex-858a80:#858a80;
  --paint-hex-9a9e95:#9a9e95;
  --paint-hex-d5ded4:#d5ded4;
  --paint-hex-3f5144:#3f5144;
  --paint-hex-fbfaf5:#fbfaf5;
  --paint-rgba-30-35-29-a0p06:rgba(30,35,29,0.06);
  --paint-rgba-30-35-29-a0p09:rgba(30,35,29,0.09);
  --paint-hex-8a9187:#8a9187;
  --paint-hex-343a34:#343a34;
  --paint-hex-777e74:#777e74;
  --paint-hex-e5e6dd:#e5e6dd;
  --paint-hex-555e54:#555e54;
  --paint-hex-d8dbd1:#d8dbd1;
  --paint-hex-dce1d6:#dce1d6;
  --paint-hex-aebfb1:#aebfb1;
  --paint-hex-d6d6c2:#d6d6c2;
  --paint-hex-8a8f85:#8a8f85;
  --paint-hex-d4d7cf:#d4d7cf;
  --paint-hex-e9eae4:#e9eae4;
  --paint-hex-969b91:#969b91;
  --paint-hex-bccbc0:#bccbc0;
  --paint-hex-405348:#405348;
  --paint-rgba-79-108-89-a0p16:rgba(79,108,89,0.16);
  --paint-hex-f5f3e9:#f5f3e9;
  --paint-hex-818b7f:#818b7f;
  --paint-hex-2f3931:#2f3931;
  --paint-hex-c9d4c6:#c9d4c6;
  --paint-hex-839c8c:#839c8c;
  --paint-hex-4b685c:#4b685c;
  --paint-rgba-246-242-220-a0p55:rgba(246,242,220,0.55);
  --paint-hex-f1e8ca:#f1e8ca;
  --paint-hex-9b9f92:#9b9f92;
  --paint-hex-7f9888:#7f9888;
  --paint-hex-dedfd5:#dedfd5;
  --paint-hex-d9dbd3:#d9dbd3;
  --paint-hex-92978c:#92978c;
  --paint-hex-c2ccc1:#c2ccc1;
  --paint-hex-e8e9e1:#e8e9e1;
  --paint-hex-7a8177:#7a8177;
  --paint-hex-465047:#465047;
  --paint-hex-d0d5cb:#d0d5cb;
  --paint-hex-82988a:#82988a;
  --paint-hex-969b92:#969b92;
  --paint-rgba-180-198-185-a0p055:rgba(180,198,185,0.055);
  --paint-hex-0b0d0c:#0b0d0c;
  --paint-hex-a2a69d:#a2a69d;
  --paint-hex-71766f:#71766f;
  --paint-hex-a4a89f:#a4a89f;
  --paint-hex-f2f3ed:#f2f3ed;
  --paint-hex-7f857c:#7f857c;
  --paint-hex-656d63:#656d63;
  --paint-hex-d9ff8a:#d9ff8a;
  --paint-hex-666e64:#666e64;
  --paint-rgba-177-197-182-a0p13:rgba(177,197,182,0.13);
  --paint-hex-141917:#141917;
  --paint-hex-0d100f:#0d100f;
  --paint-rgba-255-255-255-a0p055:rgba(255,255,255,0.055);
  --paint-rgba-0-0-0-a0p14:rgba(0,0,0,0.14);
  --paint-rgba-255-255-255-a0p022:rgba(255,255,255,0.022);
  --paint-hex-b7beb2:#b7beb2;
  --paint-hex-e2e4dc:#e2e4dc;
  --paint-hex-2b302a:#2b302a;
  --paint-rgba-0-0-0-a0p15:rgba(0,0,0,0.15);
  --paint-hex-f1f2eb:#f1f2eb;
  --paint-hex-e6e8df:#e6e8df;
  --paint-rgba-32-40-32-a0p07:rgba(32,40,32,0.07);
  --paint-hex-596c5d:#596c5d;
  --paint-hex-8ba28f:#8ba28f;
  --paint-hex-777e73:#777e73;
  --paint-hex-c2c9bd:#c2c9bd;
  --paint-hex-eceee6:#eceee6;
  --paint-hex-6c7569:#6c7569;
  --paint-hex-d9e2d5:#d9e2d5;
  --paint-hex-3f5945:#3f5945;
  --paint-rgba-35-45-35-a0p12:rgba(35,45,35,0.12);
  --paint-hex-485447:#485447;
  --paint-rgba-62-84-67-a0p13:rgba(62,84,67,0.13);
  --paint-hex-e8eae2:#e8eae2;
  --paint-rgba-35-45-35-a0p08:rgba(35,45,35,0.08);
  --paint-hex-9a9f94:#9a9f94;
  --paint-hex-8a9084:#8a9084;
  --paint-hex-a2a89c:#a2a89c;
  --paint-hex-d6e0d4:#d6e0d4;
  --paint-hex-3c5141:#3c5141;
  --paint-hex-59715d:#59715d;
  --paint-hex-d8dbd2:#d8dbd2;
  --paint-hex-faf9f3:#faf9f3;
  --paint-rgba-255-255-255-a0p75:rgba(255,255,255,0.75);
  --paint-rgba-33-40-32-a0p05:rgba(33,40,32,0.05);
  --paint-rgba-33-40-32-a0p1:rgba(33,40,32,0.1);
  --paint-hex-91988b:#91988b;
  --paint-hex-30382f:#30382f;
  --paint-hex-7f877b:#7f877b;
  --paint-hex-e4e6dc:#e4e6dc;
  --paint-hex-5a6457:#5a6457;
  --paint-hex-d9ddd2:#d9ddd2;
  --paint-hex-d8ded3:#d8ded3;
  --paint-hex-b7c8b9:#b7c8b9;
  --paint-hex-bdcdbf:#bdcdbf;
  --paint-hex-8ba18e:#8ba18e;
  --paint-hex-e1dfcd:#e1dfcd;
  --paint-hex-c4c5ad:#c4c5ad;
  --paint-hex-a4a99d:#a4a99d;
  --paint-hex-7f8b7e:#7f8b7e;
  --paint-rgba-217-255-138-a0p35:rgba(217,255,138,0.35);
  --paint-hex-7e867b:#7e867b;
  --paint-hex-c5ccc0:#c5ccc0;
  --paint-rgba-109-135-111-a0p1:rgba(109,135,111,0.1);
  --paint-hex-425e48:#425e48;
  --paint-hex-e2e7dc:#e2e7dc;
  --paint-rgba-33-40-32-a0p09:rgba(33,40,32,0.09);
  --paint-rgba-201-220-197-a0p16:rgba(201,220,197,0.16);
  --paint-hex-111614:#111614;
  --paint-hex-0b0e0c:#0b0e0c;
  --paint-hex-e5e7de:#e5e7de;
  --paint-rgba-0-0-0-a0p25:rgba(0,0,0,0.25);
  --paint-hex-cdd5ca:#cdd5ca;
  --paint-rgba-33-40-32-a0p13:rgba(33,40,32,0.13);
  --paint-rgba-248-247-239-a0p42:rgba(248,247,239,0.42);
  --paint-rgba-255-255-255-a0p52:rgba(255,255,255,0.52);
  --paint-rgba-26-41-35-a0p04:rgba(26,41,35,0.04);
  --paint-rgba-26-41-35-a0p08:rgba(26,41,35,0.08);
  --paint-rgba-26-41-35-a0p82:rgba(26,41,35,0.82);
  --paint-rgba-26-41-35-a0p86:rgba(26,41,35,0.86);
  --paint-rgba-26-41-35-a0p7:rgba(26,41,35,0.7);
  --paint-rgba-26-41-35-a0p65:rgba(26,41,35,0.65);
  --paint-rgba-255-255-255-a0p96:rgba(255,255,255,0.96);
  --paint-hex-24342d:#24342d;
  --paint-rgba-246-240-220-a0p88:rgba(246,240,220,0.88);
  --paint-rgba-226-230-213-a0p82:rgba(226,230,213,0.82);
  --paint-rgba-196-214-204-a0p82:rgba(196,214,204,0.82);
  --paint-rgba-255-255-255-a0p64:rgba(255,255,255,0.64);
  --paint-rgba-49-66-59-a0p1:rgba(49,66,59,0.1);
  --paint-rgba-39-55-50-a0p09:rgba(39,55,50,0.09);
  --paint-rgba-36-52-45-a0p66:rgba(36,52,45,0.66);
  --paint-hex-658b6b:#658b6b;
  --paint-rgba-101-139-107-a0p25:rgba(101,139,107,0.25);
  --paint-rgba-36-52-45-a0p18:rgba(36,52,45,0.18);
  --paint-rgba-36-52-45-a0p65:rgba(36,52,45,0.65);
  --paint-rgba-255-255-255-a0p32:rgba(255,255,255,0.32);
  --paint-rgba-36-60-49-a0p13:rgba(36,60,49,0.13);
  --paint-rgba-28-45-37-a0p08:rgba(28,45,37,0.08);
  --paint-rgba-28-45-37-a0p13:rgba(28,45,37,0.13);
  --paint-rgba-28-45-37-a0p09:rgba(28,45,37,0.09);
  --paint-hex-d7ded2:#d7ded2;
  --paint-hex-b8c8bc:#b8c8bc;
  --paint-hex-42574b:#42574b;
  --paint-hex-f8f7ef:#f8f7ef;
  --paint-hex-e8e9df:#e8e9df;
  --paint-hex-344237:#344237;
  --paint-hex-7c897b:#7c897b;
  --paint-hex-748074:#748074;
  --paint-rgba-67-86-70-a0p14:rgba(67,86,70,0.14);
  --paint-hex-cfd6cb:#cfd6cb;
  --paint-hex-d7dfd2:#d7dfd2;
  --paint-hex-b3c7b8:#b3c7b8;
  --paint-hex-c4d3c5:#c4d3c5;
  --paint-hex-91aa98:#91aa98;
  --paint-hex-e6dfc5:#e6dfc5;
  --paint-hex-c9cbb5:#c9cbb5;
  --paint-hex-789488:#789488;
  --paint-hex-c4d0bd:#c4d0bd;
  --paint-rgba-247-247-232-a0p78:rgba(247,247,232,0.78);
  --paint-rgba-48-72-58-a0p24:rgba(48,72,58,0.24);
  --paint-hex-e7dfbc:#e7dfbc;
  --paint-rgba-255-255-255-a0p84:rgba(255,255,255,0.84);
  --paint-rgba-217-255-138-a0p5:rgba(217,255,138,0.5);
  --paint-rgba-168-185-180-a0p08:rgba(168,185,180,0.08);
  --paint-hex-e0e1d8:#e0e1d8;
  --paint-rgba-24-30-24-a0p08:rgba(24,30,24,0.08);
  --paint-hex-5c665a:#5c665a;
  --paint-hex-242b24:#242b24;
  --paint-hex-718c75:#718c75;
  --paint-hex-6f796d:#6f796d;
  --paint-hex-4e5b4e:#4e5b4e;
  --paint-hex-243024:#243024;
  --paint-rgba-217-255-138-a0p86:rgba(217,255,138,0.86);
  --paint-rgba-242-244-232-a0p3:rgba(242,244,232,0.3);
  --paint-rgba-255-255-255-a0p2:rgba(255,255,255,0.2);
  --paint-rgba-54-73-65-a0p035:rgba(54,73,65,0.035);
  --paint-rgba-250-250-239-a0p55:rgba(250,250,239,0.55);
  --paint-rgba-255-255-255-a0p36:rgba(255,255,255,0.36);
  --paint-rgba-54-73-65-a0p08:rgba(54,73,65,0.08);
  --paint-hex-415e50:#415e50;
  --paint-rgba-249-250-239-a0p72:rgba(249,250,239,0.72);
  --paint-rgba-52-79-61-a0p25:rgba(52,79,61,0.25);
  --paint-rgba-38-58-47-a0p18:rgba(38,58,47,0.18);
  --paint-hex-5b6c60:#5b6c60;
  --paint-hex-18251e:#18251e;
  --paint-hex-4f6056:#4f6056;
  --paint-hex-17241d:#17241d;
  --paint-hex-f4f4e9:#f4f4e9;
  --paint-hex-2a4033:#2a4033;
  --paint-hex-5d7c63:#5d7c63;
  --paint-hex-708d77:#708d77;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paint-hex-f6f5ef);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body,button,input{font-family:var(--sans)}button,input{font-size:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:4px}::selection{background:var(--acid);color:var(--ink)}.mono,.eyebrow,.section-kicker,.file-num,.stat-num,.mini-label,.format-count,.viewer-status,.viewer-page,.viewer-zoom,.node-label,.world-mark,.diagram-caption{font-family:var(--mono);font-variant-numeric:tabular-nums lining-nums;letter-spacing:.025em}.announcement{height:46px;display:flex;align-items:center;justify-content:center;background:var(--paint-hex-080909);color:var(--paint-hex-f1f0eb);font-size:12px;letter-spacing:.01em;position:relative;z-index:30;border-bottom:1px solid var(--paint-rgba-255-255-255-a0p06)}.announcement a{display:inline-flex;align-items:center;gap:12px}.announcement a span{opacity:.62;margin:0 3px}.announcement svg{transition:transform .25s var(--ease)}.announcement a:hover svg{transform:translateX(4px)}
.topnav{position:absolute;z-index:50;top:46px;left:0;width:100%;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:var(--paint-hex-fff);transition:all .42s var(--ease)}.nav-left,.nav-right{display:flex;align-items:center;gap:26px}.nav-left a,.nav-link{font-size:13px;font-weight:550;opacity:.9;transition:opacity .2s}.nav-left a:hover,.nav-link:hover{opacity:1}.brand{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-1.7px;font-weight:520}.brand-mark{width:23px;height:23px;border-radius:50%;border:1.5px solid var(--paint-rgba-255-255-255-a0p92);display:grid;place-items:center;position:relative}.brand-mark:before{content:"";width:9px;height:9px;border:1.5px solid currentColor;border-radius:50%;display:block}.brand-mark:after{content:"";position:absolute;width:4px;height:4px;background:var(--acid);border-radius:50%;right:0;top:1px}.nav-right{gap:12px}.theme-btn,.nav-cta{height:40px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.theme-btn{width:40px;background:var(--paint-rgba-255-255-255-a0p13);backdrop-filter:blur(14px)}.nav-cta{padding:0 21px;background:var(--paint-hex-fff);color:var(--paint-hex-111);font-size:13px;font-weight:600;box-shadow:0 2px 3px var(--paint-hex-0002),0 8px 20px var(--paint-hex-0002);transition:transform .25s var(--ease),box-shadow .25s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 3px 5px var(--paint-hex-0002),0 12px 28px var(--paint-hex-0003)}.topnav.floating{position:fixed;top:13px;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);height:50px;padding:5px 7px 5px 11px;border-radius:999px;background:var(--paint-rgba-32-34-32-a0p78);border:1px solid var(--paint-rgba-255-255-255-a0p12);box-shadow:0 8px 26px var(--paint-rgba-0-0-0-a0p18),inset 0 1px 0 var(--paint-rgba-255-255-255-a0p12);backdrop-filter:blur(22px)}.topnav.floating .nav-left{gap:18px}.topnav.floating .nav-left a{font-size:12px}.topnav.floating .brand{position:static;transform:none;font-size:0;margin-right:7px}.topnav.floating .brand-mark{width:23px;height:23px}.topnav.floating .nav-right{gap:7px}.topnav.floating .theme-btn{width:33px;height:33px;background:transparent}.topnav.floating .nav-cta{height:34px;padding:0 18px;font-size:12px}.topnav.floating .optional-link{display:none}
.world-stage{height:1320px;position:relative;overflow:hidden;color:var(--paint-hex-fff);background:radial-gradient(ellipse at 52% 39%,var(--paint-rgba-217-230-219-a0p22),transparent 37%),linear-gradient(180deg,var(--paint-hex-a9bbb6) 0%,var(--paint-hex-9bb1ad) 50%,var(--paint-hex-879f9a) 100%);isolation:isolate}.world-stage:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(var(--paint-rgba-255-255-255-a0p9) .65px,transparent .8px);background-size:6px 6px;mask-image:linear-gradient(to bottom,black 0%,transparent 62%)}#cloudscape{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.world-glow{position:absolute;width:68vw;height:68vw;max-width:1000px;max-height:1000px;left:50%;top:6%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,var(--paint-rgba-238-244-227-a0p18),transparent 65%);pointer-events:none}.hero-copy{position:relative;z-index:2;text-align:center;padding:124px 24px 0;max-width:880px;margin:auto}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border-radius:999px;background:var(--paint-rgba-255-255-255-a0p11);box-shadow:inset 0 1px 0 var(--paint-rgba-255-255-255-a0p3),0 8px 26px var(--paint-rgba-40-64-60-a0p04);color:var(--paint-hex-f9fbf6);font:11px var(--mono);letter-spacing:.035em;text-transform:uppercase;backdrop-filter:blur(12px)}.live-dot{width:6px;height:6px;background:var(--paint-hex-6bf2a3);border-radius:50%;box-shadow:0 0 12px var(--paint-hex-6bf2a388);animation:blink 2s infinite}.hero-copy h1{font-size:clamp(52px,6.1vw,94px);line-height:.99;letter-spacing:-.078em;font-weight:520;margin:30px 0 22px;text-wrap:balance}.hero-copy h1 span{display:block}.hero-copy p{font-size:15px;line-height:1.65;max-width:530px;margin:0 auto;color:var(--paint-rgba-255-255-255-a0p87);font-weight:450;letter-spacing:-.02em}.hero-actions{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:28px}.pill-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;height:44px;padding:0 19px;border-radius:999px;background:var(--paint-hex-fff);color:var(--paint-hex-111);border:0;font-size:13px;font-weight:600;box-shadow:0 1px 0 var(--paint-rgba-255-255-255-a0p8) inset,0 2px 3px var(--paint-rgba-0-0-0-a0p08),0 12px 28px var(--paint-rgba-30-49-45-a0p12);transition:transform .28s var(--ease),box-shadow .28s}.pill-button:hover{transform:translateY(-3px);box-shadow:0 1px 0 var(--paint-hex-fff) inset,0 6px 10px var(--paint-hex-0001),0 18px 36px var(--paint-hex-1d34301e)}.pill-button svg{transition:transform .25s var(--ease)}.pill-button:hover svg{transform:translateX(3px)}.text-link{font-size:12px;color:var(--paint-rgba-255-255-255-a0p86);padding:12px 15px;transition:opacity .2s}.text-link:hover{opacity:.65}.hero-meta{display:flex;justify-content:space-between;position:absolute;left:28px;right:28px;top:570px;font:10px var(--mono);letter-spacing:.04em;color:var(--paint-rgba-255-255-255-a0p66);z-index:2}.graph-wrap{position:absolute;left:0;right:0;top:545px;height:290px;z-index:1;pointer-events:none}.hero-graph{width:100%;height:100%;overflow:visible}.graph-path{fill:none;stroke:var(--paint-rgba-255-255-255-a0p9);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:drawline 2.6s .25s var(--ease) forwards;filter:drop-shadow(0 2px 3px var(--paint-rgba-45-68-62-a0p1))}.graph-node{fill:var(--paint-hex-fff);stroke:var(--paint-rgba-255-255-255-a0p5);stroke-width:6;stroke-opacity:.24}.graph-tick{stroke:var(--paint-rgba-255-255-255-a0p6);stroke-width:1}.graph-label{font:11px var(--mono);fill:var(--paint-rgba-255-255-255-a0p92);letter-spacing:.01em}.graph-label-sub{font:10px var(--sans);fill:var(--paint-rgba-255-255-255-a0p76)}.graph-point{animation:pointPulse 3s infinite}.graph-point:nth-of-type(2){animation-delay:.7s}.graph-point:nth-of-type(3){animation-delay:1.4s}.principle-card{position:absolute;z-index:3;top:875px;left:50%;transform:translateX(-50%);width:min(860px,calc(100% - 48px));padding:27px 30px 25px;border-radius:24px;background:linear-gradient(125deg,var(--paint-rgba-242-231-201-a0p72),var(--paint-rgba-220-219-194-a0p54) 48%,var(--paint-rgba-173-192-184-a0p58));box-shadow:0 1px 0 var(--paint-rgba-255-255-255-a0p48) inset,0 18px 44px var(--paint-rgba-49-66-59-a0p11),0 44px 90px var(--paint-rgba-39-55-50-a0p12);backdrop-filter:blur(22px);color:var(--paint-hex-fff);display:grid;grid-template-columns:1fr 190px;gap:26px;align-items:center}.principle-quote{font-size:clamp(18px,2vw,25px);line-height:1.28;letter-spacing:-.045em;font-weight:500;max-width:590px}.principle-side{border-left:1px solid var(--paint-rgba-255-255-255-a0p3);padding-left:25px}.principle-side strong{display:block;font-size:15px;font-weight:600}.principle-side span{display:block;margin-top:7px;font:10px var(--mono);opacity:.78}.principle-foot{display:flex;align-items:center;gap:8px;margin-top:24px;font:10px var(--mono);letter-spacing:.06em;color:var(--paint-rgba-255-255-255-a0p78)}.principle-foot i{width:5px;height:5px;border-radius:50%;background:var(--paint-hex-eaffc6);box-shadow:0 0 12px var(--paint-hex-eaffc6)}.format-ribbon{height:76px;background:var(--paint-hex-070808);display:flex;align-items:center;overflow:hidden;border-top:1px solid var(--paint-rgba-255-255-255-a0p08);border-bottom:1px solid var(--paint-rgba-255-255-255-a0p08)}.ribbon-track{display:flex;align-items:center;gap:48px;white-space:nowrap;min-width:max-content;animation:marquee 34s linear infinite;padding-left:30px}.format-ribbon:hover .ribbon-track{animation-play-state:paused}.ribbon-item{display:flex;align-items:center;gap:11px;color:var(--paint-hex-a2a39e);font-size:13px;letter-spacing:-.025em}.ribbon-item b{color:var(--paint-hex-e4e3dd);font:12px var(--mono);font-weight:500}.ribbon-dot{width:4px;height:4px;border-radius:50%;background:var(--paint-hex-777d76)}
.section{position:relative;background:var(--paint-hex-0a0b0b);color:var(--paint-hex-f3f2ed)}.section-inner{width:min(1370px,calc(100% - 80px));margin:0 auto}.section-kicker{display:flex;align-items:center;gap:11px;font-size:10px;text-transform:uppercase;color:var(--paint-hex-b5b6af);letter-spacing:.07em}.section-kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 14px var(--paint-rgba-217-255-138-a0p32)}.section-heading{font-size:clamp(38px,5.2vw,70px);line-height:.99;letter-spacing:-.075em;font-weight:500;margin:22px 0 17px;max-width:780px}.section-desc{font-size:14px;line-height:1.65;color:var(--paint-hex-92958e);max-width:540px;margin:0}.capabilities{padding:124px 0 140px}.cap-intro{display:grid;grid-template-columns:1fr .7fr;gap:90px;align-items:end;margin-bottom:56px}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--paint-rgba-255-255-255-a0p13);border-bottom:1px solid var(--paint-rgba-255-255-255-a0p13)}.cap-card{min-width:0;position:relative;padding:0 24px 28px 0;overflow:hidden}.cap-card+.cap-card{border-left:1px solid var(--paint-rgba-255-255-255-a0p12);padding-left:24px}.cap-art{height:280px;position:relative;display:grid;place-items:center;overflow:hidden;margin-bottom:25px;background:radial-gradient(ellipse at 50% 60%,var(--paint-rgba-255-255-255-a0p045),transparent 60%)}.cap-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,var(--paint-hex-0a0b0b) 100%);pointer-events:none}.cap-art svg{width:100%;height:100%;overflow:visible}.cap-card h3{font-size:22px;line-height:1.15;letter-spacing:-.05em;font-weight:520;margin:0 0 10px}.cap-card p{font-size:13px;line-height:1.6;color:var(--paint-hex-898c86);max-width:350px;margin:0}.diagram-caption{position:absolute;left:0;top:15px;font-size:9px;color:var(--paint-hex-737771);letter-spacing:.08em}.cap-card:hover .diagram-animated{animation-play-state:running}.diagram-animated{transform-origin:center;animation:slowOrbit 18s linear infinite;animation-play-state:paused}.cap-card:hover .diagram-pulse{animation:pointPulse 2s infinite}.diagram-pulse{transform-origin:center}
.journey{padding:100px 0 125px;background:var(--paint-hex-0d0e0e);overflow:hidden}.journey-layout{display:grid;grid-template-columns:.74fr 1fr;gap:8%;align-items:center}.journey-copy{padding:22px 0}.journey-copy .section-heading{max-width:480px}.step-list{margin-top:54px;border-top:1px solid var(--paint-rgba-255-255-255-a0p14)}.journey-step{width:100%;display:block;text-align:left;padding:19px 0 20px;background:none;border:0;border-bottom:1px solid var(--paint-rgba-255-255-255-a0p14);color:var(--paint-hex-747771);transition:color .25s}.journey-step-head{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:17px;font-weight:540;letter-spacing:-.035em}.journey-step .step-num{font:10px var(--mono);color:var(--paint-hex-666a64)}.journey-step .step-copy{display:block;max-height:0;overflow:hidden;opacity:0;font-size:12px;line-height:1.6;color:var(--paint-hex-969991);max-width:420px;transition:max-height .45s var(--ease),opacity .3s,margin .3s}.journey-step.active{color:var(--paint-hex-f5f4ee)}.journey-step.active .step-copy{max-height:90px;opacity:1;margin-top:12px}.journey-step.active .step-num{color:var(--acid)}.journey-visual{position:relative;min-height:580px;border-radius:6px;background:radial-gradient(ellipse at 50% 46%,var(--paint-rgba-175-194-185-a0p07),transparent 57%),var(--paint-hex-080909);box-shadow:inset 0 1px 0 var(--paint-rgba-255-255-255-a0p08),0 24px 60px var(--paint-rgba-0-0-0-a0p24);overflow:hidden}.journey-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--paint-rgba-255-255-255-a0p025) 1px,transparent 1px),linear-gradient(90deg,var(--paint-rgba-255-255-255-a0p025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,black,transparent 85%)}.journey-visual svg{position:absolute;inset:0;width:100%;height:100%}.journey-readout{position:absolute;bottom:24px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:end;font:10px var(--mono);color:var(--paint-hex-8e928a)}.journey-readout strong{display:block;font-size:12px;font-weight:500;color:var(--paint-hex-d8d9d2);margin-top:6px}.journey-state{position:absolute;right:24px;top:24px;display:flex;align-items:center;gap:8px;font:10px var(--mono);color:var(--paint-hex-b5b9af)}.journey-state i{width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}
.demo-section{padding:128px 0 145px}.demo-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.demo-top .section-heading{max-width:620px;margin-bottom:0}.demo-top .section-desc{max-width:360px}.viewer-shell{position:relative;border-radius:28px;background:var(--paint-hex-e8e7e0);color:var(--paint-hex-171918);overflow:hidden;box-shadow:0 1px 0 var(--paint-rgba-255-255-255-a0p22) inset,0 2px 4px var(--paint-rgba-0-0-0-a0p1),0 26px 70px var(--paint-rgba-0-0-0-a0p32),0 65px 120px var(--paint-rgba-0-0-0-a0p2)}.viewer-shell:before{content:"";position:absolute;inset:7px;border-radius:22px;pointer-events:none;box-shadow:inset 0 0 0 1px var(--paint-rgba-255-255-255-a0p38);z-index:5}.viewer-top{height:54px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;background:var(--paint-hex-f4f3ed);box-shadow:inset 0 -1px 0 var(--paint-rgba-18-20-18-a0p08);position:relative;z-index:2}.viewer-brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650}.viewer-brand .brand-mark{width:19px;height:19px;color:var(--paint-hex-171918);border-color:var(--paint-hex-171918)}.viewer-brand .brand-mark:before{width:7px;height:7px}.viewer-file{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--paint-hex-6d706b)}.file-type-chip{font-size:9px;padding:5px 7px;background:var(--paint-hex-deded5);border-radius:5px;color:var(--paint-hex-5d615b)}.window-actions{display:flex;gap:6px}.window-actions i{width:7px;height:7px;border-radius:50%;background:var(--paint-hex-c7c7bf)}.window-actions i:first-child{background:var(--paint-hex-b1b3a9)}.viewer-tabs{display:flex;align-items:center;gap:3px;padding:0 15px;background:var(--paint-hex-f0efe8);box-shadow:inset 0 -1px 0 var(--paint-rgba-18-20-18-a0p07);height:43px;position:relative;z-index:2}.viewer-tab{border:0;background:transparent;color:var(--paint-hex-7d8079);padding:10px 14px;font-size:11px;border-radius:10px 10px 0 0;transition:background .2s,color .2s}.viewer-tab.active{background:var(--paint-hex-e4e3db);color:var(--paint-hex-222520);box-shadow:inset 0 -2px 0 var(--paint-hex-8173e8)}.viewer-toolbar{height:50px;display:flex;align-items:center;gap:7px;padding:0 16px;background:var(--paint-hex-e9e8e0);box-shadow:inset 0 -1px 0 var(--paint-rgba-18-20-18-a0p06);position:relative;z-index:2}.tool-btn{border:0;border-radius:10px;background:var(--paint-rgba-255-255-255-a0p46);height:31px;min-width:31px;padding:0 10px;color:var(--paint-hex-545850);font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 1px 0 var(--paint-rgba-255-255-255-a0p6) inset,0 4px 9px var(--paint-rgba-30-32-28-a0p04);transition:background .2s,transform .2s}.tool-btn:hover{background:var(--paint-hex-fff);transform:translateY(-1px)}.tool-btn.active{background:var(--paint-hex-dedbd0);color:var(--paint-hex-1a1c18)}.tool-separator{height:20px;width:1px;background:var(--paint-rgba-22-24-20-a0p1);margin:0 5px}.toolbar-spacer{flex:1}.viewer-page,.viewer-zoom{font-size:10px;color:var(--paint-hex-777a72)}.viewer-workspace{display:grid;grid-template-columns:190px 1fr;min-height:475px;background:var(--paint-hex-dcdcd4);transition:grid-template-columns .35s var(--ease)}.viewer-workspace.hide-sidebar{grid-template-columns:0 1fr}.viewer-sidebar{overflow:hidden;background:var(--paint-hex-e5e4dc);box-shadow:inset -1px 0 0 var(--paint-rgba-20-22-18-a0p06);padding:18px 12px;transition:opacity .2s}.hide-sidebar .viewer-sidebar{opacity:0;padding-left:0;padding-right:0}.sidebar-title{font:9px var(--mono);color:var(--paint-hex-8c8e86);letter-spacing:.08em;margin:0 8px 15px}.outline-item{display:flex;gap:9px;align-items:center;padding:10px 9px;margin-bottom:4px;border-radius:9px;color:var(--paint-hex-6c7068);font-size:10px;white-space:nowrap}.outline-item.active{background:var(--paint-hex-d8d6ce);color:var(--paint-hex-20221d);box-shadow:inset 0 0 0 1px var(--paint-rgba-30-32-26-a0p04)}.outline-item b{font:9px var(--mono);color:var(--paint-hex-969990);font-weight:400}.viewer-canvas{min-width:0;display:grid;place-items:center;padding:35px 24px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,var(--paint-hex-e7e6de),var(--paint-hex-d6d6cd))}.viewer-canvas:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--paint-rgba-65-69-60-a0p08) .6px,transparent .8px);background-size:7px 7px;opacity:.35}.paper-page{width:min(100%,520px);min-height:370px;background:var(--paint-hex-faf9f4);position:relative;padding:38px 42px 30px;box-shadow:0 1px 1px var(--paint-rgba-0-0-0-a0p04),0 14px 30px var(--paint-rgba-22-24-20-a0p08),0 34px 60px var(--paint-rgba-22-24-20-a0p12);border-radius:3px;transform:scale(var(--paper-scale,1));transform-origin:center;transition:transform .28s var(--ease),opacity .2s}.paper-page:before{content:"";position:absolute;inset:9px;border:1px solid var(--paint-rgba-20-22-18-a0p035);pointer-events:none}.paper-kicker{font:9px var(--mono);color:var(--paint-hex-8a8c83);letter-spacing:.1em;margin-bottom:20px}.paper-page h3{font-size:27px;line-height:1.05;letter-spacing:-.06em;font-weight:550;margin:0 0 14px;max-width:340px}.paper-page .paper-lead{font-size:10px;line-height:1.6;color:var(--paint-hex-777b72);max-width:360px;margin:0 0 25px}.paper-rule{height:1px;background:var(--paint-hex-e1e0d7);margin:17px 0}.paper-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.paper-line{height:4px;background:var(--paint-hex-d8d8cf);border-radius:5px;margin:7px 0}.paper-line.dark{background:var(--paint-hex-9ea197);width:58%}.paper-line.short{width:62%}.paper-line.mid{width:82%}.paper-visual{height:88px;border-radius:3px;background:linear-gradient(145deg,var(--paint-hex-b3c5bd),var(--paint-hex-d9d7bd));position:relative;overflow:hidden;margin:5px 0 10px}.paper-visual:before,.paper-visual:after{content:"";position:absolute;border:1px solid var(--paint-rgba-255-255-255-a0p65);border-radius:50%;width:150px;height:150px;left:15%;top:-55px}.paper-visual:after{width:100px;height:100px;left:32%;top:-24px}.paper-foot{position:absolute;bottom:19px;left:42px;right:42px;display:flex;justify-content:space-between;font:8px var(--mono);color:var(--paint-hex-a0a197)}.slide-page{width:min(100%,560px);aspect-ratio:16/9;background:var(--paint-hex-aebdb6);position:relative;padding:35px;box-shadow:0 14px 30px var(--paint-rgba-22-24-20-a0p08),0 34px 60px var(--paint-rgba-22-24-20-a0p12);overflow:hidden}.slide-page:before{content:"";position:absolute;width:280px;height:280px;border:1px solid var(--paint-rgba-255-255-255-a0p65);border-radius:50%;right:-40px;top:-85px;box-shadow:0 0 0 20px var(--paint-rgba-255-255-255-a0p06),0 0 0 42px var(--paint-rgba-255-255-255-a0p05),0 0 0 68px var(--paint-rgba-255-255-255-a0p04)}.slide-page h3{position:relative;z-index:1;color:var(--paint-hex-f9f7ed);font-size:clamp(22px,3vw,40px);line-height:.99;letter-spacing:-.065em;font-weight:520;max-width:320px;margin:0}.slide-page p{position:relative;z-index:1;color:var(--paint-rgba-255-255-255-a0p82);font-size:10px;margin-top:16px}.slide-mark{position:absolute;left:35px;bottom:28px;color:var(--paint-hex-fff);font:9px var(--mono);letter-spacing:.08em}.image-page{width:min(100%,560px);aspect-ratio:16/9;background:var(--paint-hex-b5c4bd);display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:7px;box-shadow:0 14px 30px var(--paint-rgba-22-24-20-a0p08),0 34px 60px var(--paint-rgba-22-24-20-a0p12)}.image-page span{display:block;background:linear-gradient(140deg,var(--paint-hex-e5d9b7),var(--paint-hex-9fb4a9));position:relative;overflow:hidden}.image-page span:nth-child(2){background:linear-gradient(35deg,var(--paint-hex-b7c5bd),var(--paint-hex-e9dfc4))}.image-page span:nth-child(3){background:linear-gradient(145deg,var(--paint-hex-8fa7a0),var(--paint-hex-d6c6a5))}.image-page span:nth-child(4){background:linear-gradient(35deg,var(--paint-hex-e3d7b6),var(--paint-hex-a8bbb3))}.image-page span:after{content:"";position:absolute;inset:15%;border-radius:50%;border:1px solid var(--paint-rgba-255-255-255-a0p7);box-shadow:0 0 0 15px var(--paint-rgba-255-255-255-a0p08)}.viewer-status{height:32px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:var(--paint-hex-f4f3ed);box-shadow:inset 0 1px 0 var(--paint-rgba-20-22-18-a0p06);font-size:9px;color:var(--paint-hex-82857c);position:relative;z-index:2}.status-live{display:inline-flex;align-items:center;gap:7px}.status-live i{width:5px;height:5px;border-radius:50%;background:var(--paint-hex-7da887)}.demo-note{display:flex;justify-content:space-between;gap:20px;margin-top:18px;color:var(--paint-hex-70746d);font:10px var(--mono);letter-spacing:.02em}.demo-note span:last-child{color:var(--paint-hex-a4a79e)}
.format-section{padding:118px 0 132px;background:var(--paint-hex-aabbb5);color:var(--paint-hex-101312);position:relative;overflow:hidden}.format-section:before{content:"";position:absolute;width:700px;height:700px;right:-160px;top:-250px;border-radius:50%;background:radial-gradient(circle,var(--paint-rgba-255-255-255-a0p26),transparent 70%)}.format-layout{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start}.format-section .section-kicker{color:var(--paint-hex-465650)}.format-section .section-kicker:before{background:var(--paint-hex-fff);box-shadow:0 0 10px var(--paint-hex-fff)}.format-section .section-heading{max-width:520px}.format-section .section-desc{color:var(--paint-hex-4f605a)}.format-search{width:100%;max-width:400px;margin-top:34px;display:flex;align-items:center;gap:12px;padding:0 15px;height:48px;border-radius:999px;background:var(--paint-rgba-255-255-255-a0p25);box-shadow:inset 0 1px 0 var(--paint-rgba-255-255-255-a0p42),0 8px 24px var(--paint-rgba-54-73-65-a0p06)}.format-search svg{flex:none;color:var(--paint-hex-52645d)}.format-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:var(--paint-hex-17201b);font-size:12px}.format-search input::placeholder{color:var(--paint-hex-66756f)}.format-count{font-size:10px;color:var(--paint-hex-5e6c65);margin-top:14px}.format-universe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.format-chip{min-height:104px;border:0;border-radius:15px;background:var(--paint-rgba-242-244-232-a0p34);color:var(--paint-hex-18201c);text-align:left;padding:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 var(--paint-rgba-255-255-255-a0p38),0 1px 2px var(--paint-rgba-48-63-57-a0p03);transition:transform .28s var(--ease),background .28s,box-shadow .28s}.format-chip:hover,.format-chip.active{transform:translateY(-4px);background:var(--paint-rgba-255-255-255-a0p66);box-shadow:inset 0 1px 0 var(--paint-rgba-255-255-255-a0p72),0 10px 26px var(--paint-rgba-48-63-57-a0p1)}.format-glyph{width:27px;height:32px;border-radius:5px 5px 8px 5px;background:var(--paint-hex-edf0e6);display:grid;place-items:center;font:9px var(--mono);font-weight:600;color:var(--paint-hex-3e5b50);box-shadow:0 1px 2px var(--paint-hex-2e3b3220);margin-bottom:13px;position:relative}.format-glyph:after{content:"";position:absolute;right:0;top:0;border-top:7px solid var(--paint-hex-aabbb5);border-left:7px solid transparent}.format-chip strong{display:block;font:12px var(--mono);letter-spacing:-.03em}.format-chip small{display:block;margin-top:5px;font-size:9px;color:var(--paint-hex-6c7a72)}.format-chip[hidden]{display:none}.format-empty{grid-column:1/-1;padding:35px 0;color:var(--paint-hex-55635c);font-size:13px}
.closing{padding:126px 0 110px;position:relative;overflow:hidden;text-align:center;background:var(--paint-hex-090a0a)}.closing:before{content:"";position:absolute;width:900px;height:500px;left:50%;top:-270px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,var(--paint-rgba-167-188-178-a0p12),transparent 70%)}.closing-art{position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(var(--paint-rgba-255-255-255-a0p25) .6px,transparent .8px);background-size:8px 8px;mask-image:linear-gradient(transparent,black 40%,transparent)}.closing .section-kicker{justify-content:center}.closing .section-heading{position:relative;margin:25px auto 19px;max-width:800px}.closing .section-desc{position:relative;margin:auto;max-width:470px}.closing .pill-button{position:relative;margin-top:30px}.footer{background:var(--paint-hex-050606);border-top:1px solid var(--paint-rgba-255-255-255-a0p08);padding:32px 0 28px;color:var(--paint-hex-8b8f87)}.footer-inner{width:min(1370px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:10px;color:var(--paint-hex-e3e4dd);font-size:19px;letter-spacing:-1px}.footer-brand .brand-mark{width:20px;height:20px}.footer-note{font:9px var(--mono);letter-spacing:.05em}.footer-links{display:flex;gap:23px;font-size:11px}.footer-links a:hover{color:var(--paint-hex-fff)}
.reveal{opacity:0;transform:translateY(24px);filter:blur(4px);transition:opacity .85s var(--ease),transform .85s var(--ease),filter .85s var(--ease);transition-delay:var(--delay,0ms)}.reveal.in-view{opacity:1;transform:none;filter:blur(0)}.stagger>*{opacity:0;transform:translateY(17px);filter:blur(4px);transition:opacity .7s var(--ease),transform .7s var(--ease),filter .7s var(--ease);transition-delay:calc(var(--i,0)*85ms)}.stagger.in-view>*{opacity:1;transform:none;filter:blur(0)}.hero-copy>*{opacity:0;transform:translateY(16px);filter:blur(5px);animation:heroIn .8s var(--ease) forwards}.hero-copy>*:nth-child(1){animation-delay:.1s}.hero-copy>*:nth-child(2){animation-delay:.19s}.hero-copy>*:nth-child(3){animation-delay:.3s}.hero-copy>*:nth-child(4){animation-delay:.42s}.hero-copy>*:nth-child(5){animation-delay:.52s}.hero-copy>*:nth-child(6){animation-delay:.6s}.motion-off *,body.motion-off *{animation-play-state:paused!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.motion-toggle-label{font:9px var(--mono);letter-spacing:.06em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes heroIn{to{opacity:1;transform:none;filter:blur(0)}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}@keyframes drawline{to{stroke-dashoffset:0}}@keyframes pointPulse{0%,100%{opacity:1}50%{opacity:.45}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes slowOrbit{to{transform:rotate(360deg)}}@keyframes orbitDash{to{stroke-dashoffset:-80}}@keyframes floatNode{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(min-width:1500px){.world-stage{height:1390px}.hero-copy{padding-top:132px}.graph-wrap{top:580px}.hero-meta{top:595px}.principle-card{top:910px}.section-inner{width:min(1380px,calc(100% - 120px))}}
@media(max-width:900px){.section-inner,.footer-inner{width:calc(100% - 44px)}.topnav{padding:0 18px}.nav-left{gap:15px}.nav-left a{font-size:12px}.cap-intro{gap:35px}.cap-art{height:220px}.cap-card{padding-right:16px}.cap-card+.cap-card{padding-left:16px}.journey-layout{grid-template-columns:.8fr 1fr;gap:5%}.journey-visual{min-height:520px}.viewer-workspace{grid-template-columns:150px 1fr}.paper-page{padding:30px 32px 28px}.paper-foot{left:32px;right:32px}.format-layout{grid-template-columns:.8fr 1.2fr;gap:5%}.format-universe{grid-template-columns:repeat(3,minmax(0,1fr))}.format-chip{min-height:96px}}
@media(max-width:650px){.announcement{height:39px;font-size:10px}.topnav{top:39px;height:60px;padding:0 15px}.nav-left{gap:0}.nav-left a{display:none}.nav-left a:first-child{display:block}.brand{font-size:23px}.nav-right{gap:7px}.theme-btn{width:34px;height:34px}.nav-cta{height:35px;padding:0 14px;font-size:11px}.topnav.floating{top:9px;height:47px;padding:4px 5px 4px 8px}.topnav.floating .nav-left{gap:11px}.topnav.floating .nav-left a{display:none}.topnav.floating .nav-left a:first-child{display:block}.topnav.floating .nav-cta{height:33px;padding:0 14px}.world-stage{height:1130px}.hero-copy{padding:110px 20px 0}.hero-badge{font-size:9px;padding:8px 10px}.hero-copy h1{font-size:clamp(46px,12vw,68px);margin:27px 0 17px;letter-spacing:-.075em}.hero-copy p{font-size:13px;max-width:360px}.hero-actions{margin-top:23px;gap:2px;flex-wrap:wrap}.pill-button{height:42px;font-size:12px;padding:0 16px}.text-link{font-size:11px}.graph-wrap{top:495px;height:220px;left:-18%;right:-18%;width:136%}.hero-meta{top:505px;left:18px;right:18px;font-size:8px}.hero-meta span:last-child{display:none}.principle-card{top:745px;width:calc(100% - 32px);padding:22px 21px 20px;grid-template-columns:1fr;gap:17px;border-radius:20px}.principle-quote{font-size:21px}.principle-side{border-left:0;border-top:1px solid var(--paint-rgba-255-255-255-a0p35);padding:14px 0 0;display:flex;align-items:center;justify-content:space-between}.principle-side span{margin-top:0}.principle-foot{margin-top:20px;font-size:8px}.format-ribbon{height:62px}.ribbon-track{gap:27px}.ribbon-item{font-size:11px}.section-inner,.footer-inner{width:calc(100% - 36px)}.capabilities{padding:86px 0 90px}.cap-intro{display:block;margin-bottom:36px}.section-heading{font-size:clamp(36px,10vw,52px);margin:18px 0 14px}.section-desc{font-size:13px}.cap-intro .section-desc{margin-top:20px}.cap-grid{grid-template-columns:1fr;border-bottom:0}.cap-card,.cap-card+.cap-card{padding:0 0 27px;border-left:0;border-bottom:1px solid var(--paint-rgba-255-255-255-a0p12);margin-bottom:27px}.cap-art{height:235px;margin-bottom:18px}.cap-card h3{font-size:21px}.journey{padding:84px 0 90px}.journey-layout{grid-template-columns:1fr;gap:32px}.journey-copy{padding:0}.step-list{margin-top:34px}.journey-step-head{font-size:16px}.journey-visual{min-height:400px}.journey-readout{left:16px;right:16px;bottom:17px;font-size:8px}.journey-state{top:16px;right:16px}.demo-section{padding:85px 0 90px}.demo-top{display:block;margin-bottom:28px}.demo-top .section-desc{margin-top:19px}.viewer-shell{border-radius:20px}.viewer-shell:before{inset:5px;border-radius:16px}.viewer-top{height:46px;padding:0 14px}.viewer-file{display:none}.viewer-tabs{height:39px;padding:0 8px}.viewer-tab{font-size:10px;padding:9px 11px}.viewer-toolbar{height:44px;padding:0 9px;gap:4px}.tool-btn{height:29px;min-width:28px;padding:0 8px;font-size:10px}.tool-btn .tool-text{display:none}.tool-separator{margin:0 2px}.viewer-workspace{grid-template-columns:0 1fr;min-height:365px}.viewer-sidebar{display:none}.viewer-canvas{padding:24px 12px}.paper-page{min-height:300px;padding:27px 24px 25px}.paper-page h3{font-size:23px}.paper-page .paper-lead{font-size:9px}.paper-columns{gap:11px}.paper-visual{height:68px}.paper-foot{left:24px;right:24px;bottom:15px}.slide-page{padding:25px}.slide-page h3{font-size:28px}.slide-page p{font-size:9px}.slide-mark{left:25px;bottom:20px}.image-page{gap:5px;padding:5px}.viewer-status{padding:0 12px;font-size:8px}.demo-note{font-size:8px;flex-direction:column;gap:7px}.format-section{padding:86px 0 90px}.format-layout{grid-template-columns:1fr;gap:36px}.format-search{margin-top:26px}.format-universe{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.format-chip{min-height:91px;padding:11px;border-radius:12px}.format-glyph{width:24px;height:29px;margin-bottom:10px}.format-chip strong{font-size:11px}.format-chip small{font-size:8px}.closing{padding:88px 0 82px}.footer{padding:25px 0}.footer-inner{align-items:flex-start;flex-direction:column;gap:18px}.footer-links{flex-wrap:wrap;gap:15px 21px}.footer-note{line-height:1.5}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal,.stagger>*{opacity:1;transform:none;filter:none}}


/* === V5.1: Elorin's own visual language === */
:root{--journey-ink:var(--paint-hex-171b19);--journey-paper:var(--paint-hex-f1f0e8);--journey-line:var(--paint-rgba-25-32-28-a0p09)}
.world-stage{background:radial-gradient(ellipse at 50% 18%,var(--paint-rgba-245-246-231-a0p64),transparent 38%),radial-gradient(ellipse at 12% 72%,var(--paint-rgba-235-222-194-a0p26),transparent 36%),linear-gradient(135deg,var(--paint-hex-c7d4cc) 0%,var(--paint-hex-aec4bd) 43%,var(--paint-hex-a6bcb7) 73%,var(--paint-hex-bdc9bd) 100%)}
.world-stage:before{opacity:0;background:none}
#cloudscape{z-index:0;opacity:.94;mix-blend-mode:normal}
.world-glow{z-index:0;animation:ambientDrift 19s ease-in-out infinite alternate;will-change:transform,opacity}
@keyframes ambientDrift{0%{transform:translateX(-50%) translateY(0) scale(.96);opacity:.65}100%{transform:translateX(-47%) translateY(26px) scale(1.06);opacity:1}}

/* A longer, richer format stream: two distinct tracks with real extensions. */
.format-ribbon{height:auto;min-height:124px;padding:17px 0 19px;background:var(--paint-hex-080909);border-top:1px solid var(--paint-rgba-255-255-255-a0p075);border-bottom:1px solid var(--paint-rgba-255-255-255-a0p075);display:block;overflow:hidden}
.ribbon-head{width:min(1370px,calc(100% - 80px));margin:0 auto 13px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--paint-hex-686e66);font:9px var(--mono);letter-spacing:.09em}
.ribbon-head span:last-child{color:var(--paint-hex-9da198)}
.ribbon-lanes{display:grid;gap:10px;overflow:hidden}
.ribbon-lane{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,black 4%,black 96%,transparent)}
.ribbon-track{display:flex;align-items:center;gap:32px;white-space:nowrap;width:max-content;min-width:max-content;padding-left:25px;animation:marquee 48s linear infinite;will-change:transform}
.ribbon-track.reverse{animation:marqueeReverse 57s linear infinite}
@keyframes marqueeReverse{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.format-ribbon:hover .ribbon-track{animation-play-state:paused}
.ribbon-item{display:flex;align-items:center;gap:9px;color:var(--paint-hex-858a81);font-size:11px;letter-spacing:-.015em}
.ribbon-item b{color:var(--paint-hex-e1e2d9);font:10px var(--mono);font-weight:500;letter-spacing:.02em}
.ribbon-dot{width:3px;height:3px;flex:0 0 3px;border-radius:50%;background:var(--paint-hex-b4bcaa);opacity:.72;margin-left:4px}

/* The three content cards now explain actual viewer behaviors, not abstract objects. */
.cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;border:0}
.cap-card,.cap-card+.cap-card{min-width:0;padding:16px 16px 26px;border:0;border-radius:25px;background:linear-gradient(145deg,var(--paint-rgba-255-255-255-a0p035),var(--paint-rgba-255-255-255-a0p008) 58%),var(--paint-hex-0d0f0e);box-shadow:inset 0 1px 0 var(--paint-rgba-255-255-255-a0p045),0 14px 35px var(--paint-rgba-0-0-0-a0p12),0 36px 65px var(--paint-rgba-0-0-0-a0p08);overflow:hidden;transition:opacity .7s cubic-bezier(.2,.75,.2,1),filter .7s cubic-bezier(.2,.75,.2,1),transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .55s}
.cap-card:hover{transform:translateY(-5px);box-shadow:inset 0 1px 0 var(--paint-rgba-255-255-255-a0p07),0 24px 48px var(--paint-rgba-0-0-0-a0p22),0 42px 80px var(--paint-rgba-0-0-0-a0p13)}
.cap-art{height:304px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 0 24px;padding:34px 10px 12px;border-radius:19px;background:radial-gradient(ellipse at 50% 45%,var(--paint-rgba-189-206-193-a0p12),transparent 70%),linear-gradient(145deg,var(--paint-hex-171c19),var(--paint-hex-111413));box-shadow:inset 0 1px 0 var(--paint-rgba-255-255-255-a0p035),inset 0 0 0 1px var(--paint-rgba-255-255-255-a0p025)}
.cap-art:after{display:none}
.diagram-caption{position:absolute;left:15px;top:13px;z-index:2;color:var(--paint-hex-8b9186);font:9px var(--mono);letter-spacing:.065em}
.mini-window{width:100%;max-width:410px;height:238px;display:grid;grid-template-rows:29px 28px minmax(0,1fr) 18px;overflow:hidden;border-radius:11px;background:var(--paint-hex-e5e6de);color:var(--paint-hex-272b27);box-shadow:0 1px 0 var(--paint-rgba-255-255-255-a0p55) inset,0 8px 20px var(--paint-rgba-0-0-0-a0p17),0 24px 34px var(--paint-rgba-0-0-0-a0p18);transform:perspective(900px) rotateX(1deg);transition:transform .6s cubic-bezier(.2,.75,.2,1),box-shadow .6s}
.cap-card:hover .mini-window{transform:perspective(900px) rotateX(0) translateY(-3px);box-shadow:0 1px 0 var(--paint-rgba-255-255-255-a0p62) inset,0 14px 24px var(--paint-rgba-0-0-0-a0p2),0 30px 42px var(--paint-rgba-0-0-0-a0p18)}
.mini-window-head{display:flex;align-items:center;gap:7px;padding:0 10px;background:linear-gradient(var(--paint-hex-f6f6f0),var(--paint-hex-e9eae2));border-bottom:1px solid var(--paint-rgba-30-38-31-a0p08);font-size:8px;min-width:0}
.mini-brand-mark{font-size:11px;color:var(--paint-hex-7e9287)}.mini-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:var(--paint-hex-5d635b)}.mini-format{font:7px var(--mono);padding:4px 5px;border-radius:4px;background:var(--paint-hex-d9ded5);color:var(--paint-hex-657469)}
.mini-toolbar{display:flex;align-items:center;gap:5px;padding:0 8px;background:var(--paint-hex-eff0e9);border-bottom:1px solid var(--paint-rgba-30-38-31-a0p08);font-size:7px;color:var(--paint-hex-6c7269);white-space:nowrap}
.mini-control{padding:4px 5px;border-radius:4px}.mini-control.selected{background:var(--paint-hex-d9e0d5);color:var(--paint-hex-384a3e)}.mini-toolbar>i{height:13px;width:1px;background:var(--paint-rgba-30-38-31-a0p12);margin:0 2px}.mini-zoom{color:var(--paint-hex-444b43);font:7px var(--mono)}
.mini-workspace{min-height:0;display:grid;grid-template-columns:29% minmax(0,1fr);background:var(--paint-hex-d9dbd2)}
.mini-outline{display:flex;flex-direction:column;gap:5px;padding:9px 7px;background:var(--paint-hex-e9eae2);border-right:1px solid var(--paint-rgba-30-38-31-a0p08);font-size:7px;color:var(--paint-hex-858a80);overflow:hidden}.mini-outline small{font:6px var(--mono);letter-spacing:.04em;color:var(--paint-hex-9a9e95);margin-bottom:4px}.mini-outline span{padding:5px 4px;border-radius:3px;white-space:nowrap}.mini-outline span.selected{background:var(--paint-hex-d5ded4);color:var(--paint-hex-3f5144)}
.mini-page{position:relative;align-self:center;justify-self:center;width:79%;height:88%;overflow:hidden;padding:12px 13px;background:var(--paint-hex-fbfaf5);border-radius:3px;box-shadow:0 2px 4px var(--paint-rgba-30-35-29-a0p06),0 8px 14px var(--paint-rgba-30-35-29-a0p09);font-size:7px}.mini-page>small{display:block;color:var(--paint-hex-8a9187);font:6px var(--mono);letter-spacing:.045em}.mini-page h4{font-size:12px;line-height:1.05;letter-spacing:-.055em;font-weight:550;margin:10px 0 5px;color:var(--paint-hex-343a34)}.mini-page p{font-size:6.5px;line-height:1.4;color:var(--paint-hex-777e74);margin:0 0 8px}.mini-rule{height:1px;background:var(--paint-hex-e5e6dd);margin:7px 0}.mini-page>b{font-size:7px;font-weight:600;color:var(--paint-hex-555e54)}.mini-lines{display:flex;flex-direction:column;gap:4px;margin-top:5px}.mini-lines i{height:2px;width:100%;background:var(--paint-hex-d8dbd1);border-radius:2px}.mini-lines i.mid{width:82%}.mini-lines i.short{width:61%}.mini-figure{height:24px;margin-top:6px;background:linear-gradient(115deg,var(--paint-hex-dce1d6),var(--paint-hex-aebfb1) 60%,var(--paint-hex-d6d6c2));border-radius:2px}
.mini-window-foot{display:flex;align-items:center;justify-content:space-between;padding:0 9px;background:var(--paint-hex-eff0e9);color:var(--paint-hex-8a8f85);font:6px var(--mono);letter-spacing:.04em}
.mini-slide-workspace{min-height:0;display:grid;grid-template-columns:33px minmax(0,1fr);background:var(--paint-hex-d4d7cf);padding:7px;gap:7px}.mini-thumbs{display:flex;flex-direction:column;gap:5px}.mini-thumbs span{height:23px;display:grid;place-items:center;border-radius:3px;background:var(--paint-hex-e9eae4);color:var(--paint-hex-969b91);font:7px var(--mono);box-shadow:0 1px 2px var(--paint-rgba-0-0-0-a0p04)}.mini-thumbs span.selected{background:var(--paint-hex-bccbc0);color:var(--paint-hex-405348);box-shadow:inset 0 0 0 1px var(--paint-rgba-79-108-89-a0p16)}
.mini-slide{position:relative;overflow:hidden;background:var(--paint-hex-f5f3e9);padding:14px 15px;box-shadow:0 2px 5px var(--paint-rgba-0-0-0-a0p08)}.mini-slide>small{font:6px var(--mono);letter-spacing:.06em;color:var(--paint-hex-818b7f)}.mini-slide h4{font-size:15px;line-height:.98;letter-spacing:-.06em;font-weight:550;margin:10px 0;color:var(--paint-hex-2f3931)}.mini-slide-art{position:absolute;right:13px;bottom:25px;width:42%;height:42%;border-radius:5px;background:linear-gradient(140deg,var(--paint-hex-c9d4c6),var(--paint-hex-839c8c) 62%,var(--paint-hex-4b685c));overflow:hidden}.mini-slide-art i{position:absolute;width:80%;height:80%;border:1px solid var(--paint-rgba-246-242-220-a0p55);border-radius:50%;left:10%;top:10%;transform:rotate(-28deg)}.mini-slide-art i:nth-child(2){transform:rotate(36deg) scaleX(.6)}.mini-slide-art i:nth-child(3){transform:rotate(72deg) scaleX(.35)}.mini-slide-art b{position:absolute;right:10%;top:8%;color:var(--paint-hex-f1e8ca);font:24px var(--sans);font-weight:300}.mini-slide-foot{position:absolute;left:15px;right:14px;bottom:9px;display:flex;justify-content:space-between;color:var(--paint-hex-9b9f92);font:6px var(--mono)}.mini-slide-foot i{width:45%;height:2px;background:linear-gradient(90deg,var(--paint-hex-7f9888) 0 8%,var(--paint-hex-dedfd5) 8%)}
.mini-image-workspace{display:grid;grid-template-columns:minmax(0,1fr) 67px;grid-template-rows:13px minmax(0,1fr);gap:5px;padding:6px;background:var(--paint-hex-d9dbd3);min-height:0}.mini-ruler{grid-column:1;display:flex;justify-content:space-between;padding:0 5px;color:var(--paint-hex-92978c);font:5px var(--mono)}.mini-artwork{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--paint-hex-c2ccc1);box-shadow:inset 0 0 0 1px var(--paint-rgba-255-255-255-a0p25)}.mini-artwork svg{width:100%;height:100%;display:block}.mini-crosshair{position:absolute;left:50%;top:50%;width:22px;height:22px;border:1px solid var(--paint-rgba-255-255-255-a0p8);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px var(--paint-rgba-255-255-255-a0p08)}.mini-inspector{display:flex;flex-direction:column;gap:5px;padding:5px;background:var(--paint-hex-e8e9e1);color:var(--paint-hex-7a8177);font-size:6px;overflow:hidden}.mini-inspector small{font:5px var(--mono);color:var(--paint-hex-92978c)}.mini-inspector b{font:6px var(--mono);font-weight:500;color:var(--paint-hex-465047)}.mini-inspector>div{height:3px;background:var(--paint-hex-d0d5cb);margin-top:2px}.mini-inspector>div i{display:block;width:68%;height:100%;background:var(--paint-hex-82988a)}
.cap-card h3{font-size:21px;line-height:1.14;letter-spacing:-.045em;font-weight:520;margin:0 4px 10px}.cap-card p{font-size:13px;line-height:1.65;color:var(--paint-hex-969b92);margin:0 4px;max-width:420px}

/* Scroll-pinned narrative: one viewport per state, then normal page flow resumes. */
.journey{height:400vh;min-height:0;padding:0;position:relative;overflow:clip;background:radial-gradient(ellipse at 78% 48%,var(--paint-rgba-180-198-185-a0p055),transparent 44%),var(--paint-hex-0b0d0c);isolation:isolate}
.journey-layout{position:sticky;top:0;height:100vh;min-height:620px;max-height:1100px;box-sizing:border-box;padding:clamp(34px,5vh,64px) 0;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(44px,7vw,110px);align-items:center}
.journey-copy{padding:0;max-width:500px}.journey-copy .section-heading{font-size:clamp(44px,5.1vw,72px);max-width:490px;margin:23px 0 18px}.journey-copy .section-desc{font-size:14px;max-width:460px;line-height:1.75;color:var(--paint-hex-a2a69d)}
.step-list{margin-top:34px;border-top:1px solid var(--paint-rgba-255-255-255-a0p12)}
.journey-step{padding:17px 0 16px;border-bottom:1px solid var(--paint-rgba-255-255-255-a0p11);color:var(--paint-hex-71766f);cursor:pointer;transition:color .35s,padding .35s}
.journey-step-head{font-size:16px;letter-spacing:-.025em}.journey-step .step-copy{max-width:420px;font-size:12px;line-height:1.7;color:var(--paint-hex-a4a89f)}.journey-step.active{color:var(--paint-hex-f2f3ed)}.journey-step.active .step-num{color:var(--acid)}
.journey-scroll-hint{display:flex;align-items:center;gap:10px;margin-top:26px;color:var(--paint-hex-7f857c);font:8px var(--mono);letter-spacing:.075em}.scroll-hint-wheel{width:13px;height:19px;border:1px solid var(--paint-hex-656d63);border-radius:8px;display:grid;place-items:start center;padding-top:3px;box-sizing:border-box}.scroll-hint-wheel i{display:block;width:2px;height:4px;border-radius:2px;background:var(--paint-hex-d9ff8a);animation:scrollNudge 1.7s ease-in-out infinite}.scroll-hint-count{margin-left:auto;color:var(--paint-hex-666e64)}.scroll-hint-count b{color:var(--paint-hex-d9ff8a);font-weight:500}
@keyframes scrollNudge{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(5px);opacity:1}}
.journey-visual{height:min(66vh,650px);min-height:470px;max-height:680px;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,var(--paint-rgba-177-197-182-a0p13),transparent 65%),linear-gradient(145deg,var(--paint-hex-141917),var(--paint-hex-0d100f));box-shadow:inset 0 1px 0 var(--paint-rgba-255-255-255-a0p055),inset 0 0 0 1px var(--paint-rgba-255-255-255-a0p025),0 24px 60px var(--paint-rgba-0-0-0-a0p24),0 55px 100px var(--paint-rgba-0-0-0-a0p14);transition:background .7s}
.journey-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--paint-rgba-255-255-255-a0p022) 1px,transparent 1px),linear-gradient(90deg,var(--paint-rgba-255-255-255-a0p022) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at center,black,transparent 83%);pointer-events:none}
.journey-state{top:19px;right:22px;z-index:4;color:var(--paint-hex-b7beb2);font-size:9px;letter-spacing:.055em}.journey-state i{width:5px;height:5px}
.journey-demo-window{position:absolute;inset:56px 22px 58px;z-index:1;display:grid;grid-template-rows:42px 38px minmax(0,1fr);border-radius:17px;overflow:hidden;background:var(--paint-hex-e2e4dc);color:var(--paint-hex-2b302a);box-shadow:0 1px 0 var(--paint-rgba-255-255-255-a0p42) inset,0 14px 34px var(--paint-rgba-0-0-0-a0p2),0 32px 55px var(--paint-rgba-0-0-0-a0p15);transition:grid-template-rows .7s cubic-bezier(.2,.75,.2,1),inset .7s}
.journey-window-bar{min-width:0;display:flex;align-items:center;gap:14px;padding:0 16px;background:linear-gradient(180deg,var(--paint-hex-f1f2eb),var(--paint-hex-e6e8df));border-bottom:1px solid var(--paint-rgba-32-40-32-a0p07);overflow:hidden;transition:opacity .5s,height .6s,padding .6s}
.journey-window-brand{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:-.04em;color:var(--paint-hex-596c5d);white-space:nowrap}.journey-window-brand i{font-style:normal;font-size:14px;color:var(--paint-hex-8ba28f)}.journey-window-file{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--paint-hex-777e73)}.journey-window-dots{display:flex;gap:4px}.journey-window-dots i{width:5px;height:5px;border-radius:50%;background:var(--paint-hex-c2c9bd)}
.journey-toolbar{display:flex;align-items:center;gap:6px;padding:0 12px;background:var(--paint-hex-eceee6);border-bottom:1px solid var(--paint-rgba-32-40-32-a0p07);white-space:nowrap;overflow:hidden;transition:opacity .45s,height .6s,padding .6s}
.journey-tool{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:6px 7px;border-radius:6px;color:var(--paint-hex-6c7569);font-size:9px;transition:background .35s,color .35s,box-shadow .35s}.journey-tool.selected{background:var(--paint-hex-d9e2d5);color:var(--paint-hex-3f5945)}.journey-tool-divider{width:1px;height:17px;flex:0 0 1px;background:var(--paint-rgba-35-45-35-a0p12);margin:0 2px}.page-control,.zoom-control{font:9px var(--mono);color:var(--paint-hex-485447)}.journey-toolbar-spacer{flex:1}.focus-control{border:1px solid var(--paint-rgba-62-84-67-a0p13);border-radius:999px;padding:5px 9px}
.journey-workspace{display:grid;grid-template-columns:142px minmax(0,1fr);min-height:0;overflow:hidden;transition:grid-template-columns .7s cubic-bezier(.2,.75,.2,1)}
.journey-outline{display:flex;flex-direction:column;gap:6px;padding:15px 10px;background:var(--paint-hex-e8eae2);border-right:1px solid var(--paint-rgba-35-45-35-a0p08);overflow:hidden;white-space:nowrap;opacity:1;transition:opacity .45s,padding .6s}
.journey-outline small{font:7px var(--mono);letter-spacing:.06em;color:var(--paint-hex-9a9f94);margin:0 4px 7px}.journey-outline span{display:flex;align-items:center;gap:8px;padding:9px 7px;border-radius:6px;color:var(--paint-hex-8a9084);font-size:9px}.journey-outline span i{font:7px var(--mono);font-style:normal;color:var(--paint-hex-a2a89c)}.journey-outline span.selected{background:var(--paint-hex-d6e0d4);color:var(--paint-hex-3c5141)}.journey-outline span.selected i{color:var(--paint-hex-59715d)}
.journey-page-wrap{min-width:0;min-height:0;display:grid;place-items:center;padding:22px;background:var(--paint-hex-d8dbd2);overflow:hidden;transition:padding .7s,background .7s}
.journey-page{position:relative;width:min(100%,385px);height:100%;max-height:400px;min-height:0;overflow:hidden;padding:26px 28px 31px;background:var(--paint-hex-faf9f3);border-radius:5px;box-shadow:0 1px 0 var(--paint-rgba-255-255-255-a0p75) inset,0 2px 4px var(--paint-rgba-33-40-32-a0p05),0 14px 28px var(--paint-rgba-33-40-32-a0p1);transform:translateY(5px);transition:width .7s,height .7s,padding .7s,transform .7s,box-shadow .7s}
.journey-page-kicker{font:7px var(--mono);letter-spacing:.07em;color:var(--paint-hex-91988b)}.journey-page h3{font-size:clamp(20px,2.2vw,29px);line-height:1.03;letter-spacing:-.065em;font-weight:550;color:var(--paint-hex-30382f);margin:22px 0 9px}.journey-page-lead{max-width:300px;color:var(--paint-hex-7f877b);font-size:10px;line-height:1.55;margin:0}.journey-page-rule{height:1px;background:var(--paint-hex-e4e6dc);margin:17px 0 13px}.journey-page-subhead{display:block;color:var(--paint-hex-5a6457);font-size:9px;font-weight:600}.journey-page-lines{display:flex;flex-direction:column;gap:6px;margin-top:10px}.journey-page-lines i{display:block;height:3px;border-radius:2px;background:var(--paint-hex-d9ddd2);width:100%}.journey-page-lines i.mid{width:82%}.journey-page-lines i.short{width:57%}.journey-page-figure{display:flex;gap:5px;height:48px;margin-top:12px}.journey-page-figure span{display:block;flex:1;border-radius:2px;background:linear-gradient(135deg,var(--paint-hex-d8ded3),var(--paint-hex-b7c8b9))}.journey-page-figure span:nth-child(2){flex:1.6;background:linear-gradient(135deg,var(--paint-hex-bdcdbf),var(--paint-hex-8ba18e))}.journey-page-figure span:nth-child(3){background:linear-gradient(135deg,var(--paint-hex-e1dfcd),var(--paint-hex-c4c5ad))}.journey-page-lines.lower{margin-top:12px}.journey-page-foot{position:absolute;left:28px;right:28px;bottom:13px;display:flex;justify-content:space-between;color:var(--paint-hex-a4a99d);font:6px var(--mono);letter-spacing:.04em}
.journey-state-note{position:absolute;left:25px;bottom:24px;display:flex;align-items:center;gap:8px;color:var(--paint-hex-7f8b7e);font:8px var(--mono);letter-spacing:.06em}.state-note-dot{width:4px;height:4px;border-radius:50%;background:var(--paint-hex-d9ff8a);box-shadow:0 0 12px var(--paint-rgba-217-255-138-a0p35)}
.journey-readout{bottom:21px;left:auto;right:24px;width:calc(100% - 230px);display:flex;justify-content:space-between;align-items:end;color:var(--paint-hex-7e867b);font:8px var(--mono);letter-spacing:.04em}.journey-readout strong{font-size:9px;color:var(--paint-hex-c5ccc0);font-weight:500}.journey-readout-end{text-align:right}
.journey-visual[data-step="1"] .journey-tool{background:var(--paint-rgba-109-135-111-a0p1);color:var(--paint-hex-425e48)}.journey-visual[data-step="1"] .journey-outline{background:var(--paint-hex-e2e7dc)}.journey-visual[data-step="1"] .journey-page{width:min(100%,420px);transform:translateY(0);box-shadow:0 1px 0 var(--paint-rgba-255-255-255-a0p8) inset,0 8px 18px var(--paint-rgba-33-40-32-a0p1),0 24px 36px var(--paint-rgba-33-40-32-a0p09)}
.journey-visual[data-step="2"]{background:radial-gradient(ellipse at 50% 45%,var(--paint-rgba-201-220-197-a0p16),transparent 65%),linear-gradient(145deg,var(--paint-hex-111614),var(--paint-hex-0b0e0c))}
.journey-visual[data-step="2"] .journey-demo-window{inset:50px 22px 51px;grid-template-rows:0 0 minmax(0,1fr);background:var(--paint-hex-e5e7de);box-shadow:0 1px 0 var(--paint-rgba-255-255-255-a0p5) inset,0 25px 55px var(--paint-rgba-0-0-0-a0p25)}
.journey-visual[data-step="2"] .journey-window-bar,.journey-visual[data-step="2"] .journey-toolbar{opacity:0;padding-top:0;padding-bottom:0;border:0}
.journey-visual[data-step="2"] .journey-workspace{grid-template-columns:0 minmax(0,1fr)}
.journey-visual[data-step="2"] .journey-outline{opacity:0;padding-left:0;padding-right:0;border:0}
.journey-visual[data-step="2"] .journey-page-wrap{padding:26px;background:var(--paint-hex-cdd5ca)}
.journey-visual[data-step="2"] .journey-page{width:min(100%,480px);max-height:440px;transform:translateY(0) scale(1.015);padding:34px 38px 38px;box-shadow:0 1px 0 var(--paint-rgba-255-255-255-a0p8) inset,0 18px 38px var(--paint-rgba-33-40-32-a0p13),0 38px 65px var(--paint-rgba-33-40-32-a0p1)}
.journey-visual[data-step="2"] .journey-page h3{font-size:clamp(27px,3.2vw,42px);margin-top:30px}.journey-visual[data-step="2"] .journey-page-lead{font-size:12px;max-width:340px}.journey-visual[data-step="2"] .journey-page-figure{height:68px}

@media(max-width:1100px) and (min-width:761px){.journey-layout{gap:38px;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}.journey-copy .section-heading{font-size:clamp(40px,4.7vw,58px)}.journey-demo-window{left:15px;right:15px}.journey-workspace{grid-template-columns:112px minmax(0,1fr)}.journey-page-wrap{padding:14px}.journey-page{padding:20px 22px}.journey-readout{width:calc(100% - 180px)}.cap-art{padding-left:7px;padding-right:7px}.mini-toolbar{gap:3px;padding:0 5px}.mini-control{padding:4px 3px}}
@media(max-height:720px) and (min-width:761px){.journey-layout{min-height:620px;padding:24px 0}.journey-visual{height:500px;min-height:460px}.journey-copy .section-heading{font-size:clamp(39px,4.5vw,58px);margin:18px 0 12px}.journey-copy .section-desc{font-size:12px}.step-list{margin-top:22px}.journey-step{padding:13px 0}.journey-scroll-hint{margin-top:16px}}
@media(max-width:760px){
  .ribbon-head{width:calc(100% - 34px);font-size:8px}.ribbon-head span:last-child{display:none}.format-ribbon{min-height:112px;padding:15px 0 16px}.ribbon-lanes{gap:9px}.ribbon-track{gap:24px;animation-duration:55s}.ribbon-track.reverse{animation-duration:64s}.ribbon-item{font-size:10px;gap:7px}.ribbon-item b{font-size:9px}
  .cap-grid{grid-template-columns:1fr;gap:17px}.cap-card,.cap-card+.cap-card{padding:14px 14px 23px;border-radius:22px;margin:0}.cap-art{height:276px;padding:33px 10px 12px;margin-bottom:20px}.mini-window{height:218px;max-width:450px}.cap-card h3{font-size:20px}.cap-card p{font-size:12px}
  .journey{height:auto;min-height:0;padding:82px 0 88px;overflow:visible}.journey-layout{position:relative;top:auto;height:auto;min-height:0;max-height:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:30px}.journey-copy{max-width:none}.journey-copy .section-heading{font-size:clamp(42px,10vw,58px)}.step-list{margin-top:29px}.journey-step{padding:16px 0}.journey-step-head{font-size:15px}.journey-scroll-hint{margin-top:20px}.journey-visual{height:470px;min-height:420px;max-height:none;border-radius:22px}.journey-demo-window{inset:53px 12px 57px;grid-template-rows:37px 36px minmax(0,1fr);border-radius:13px}.journey-window-bar{padding:0 10px;gap:8px}.journey-window-brand{font-size:11px}.journey-window-file{font-size:8px}.journey-toolbar{padding:0 6px;gap:3px}.journey-tool{font-size:7px;padding:5px 4px}.journey-workspace{grid-template-columns:84px minmax(0,1fr)}.journey-outline{padding:10px 5px;gap:4px}.journey-outline span{padding:7px 4px;font-size:7px;gap:4px}.journey-outline span i{font-size:6px}.journey-page-wrap{padding:10px}.journey-page{padding:19px 17px 26px;width:100%}.journey-page h3{font-size:23px;margin-top:16px}.journey-page-lead{font-size:8px}.journey-page-foot{left:17px;right:17px}.journey-visual[data-step="2"] .journey-demo-window{inset:49px 12px 52px}.journey-visual[data-step="2"] .journey-page{padding:23px 21px 28px}.journey-visual[data-step="2"] .journey-page h3{font-size:29px;margin-top:20px}.journey-visual[data-step="2"] .journey-page-lead{font-size:9px}.journey-state{top:15px;right:15px;font-size:8px}.journey-state-note{left:14px;bottom:18px;font-size:7px}.journey-readout{left:auto;right:13px;bottom:15px;width:calc(100% - 150px);font-size:7px}.journey-readout strong{font-size:7px}
}
@media(max-width:420px){.cap-art{height:242px}.mini-window{height:186px;grid-template-rows:25px 23px minmax(0,1fr) 15px}.mini-window-head{padding:0 6px;gap:4px;font-size:7px}.mini-toolbar{gap:2px}.mini-control{padding:3px 2px}.mini-page{padding:8px}.mini-page h4{font-size:10px;margin:7px 0 4px}.mini-page p{font-size:5px}.mini-figure{height:17px}.mini-window-foot{font-size:5px}.mini-slide{padding:9px}.mini-slide h4{font-size:12px}.mini-slide-art{right:8px;bottom:20px}.mini-image-workspace{grid-template-columns:minmax(0,1fr) 54px}.journey-visual{height:430px;min-height:400px}.journey-demo-window{inset:52px 8px 55px}.journey-window-brand{font-size:9px}.journey-window-file{font-size:7px}.journey-window-dots{display:none}.journey-toolbar{gap:2px;padding:0 4px}.journey-tool{font-size:6px;padding:4px 3px}.journey-workspace{grid-template-columns:68px minmax(0,1fr)}.journey-outline span{font-size:6px}.journey-outline small{font-size:5px}.journey-page{padding:14px 12px 22px}.journey-page h3{font-size:20px}.journey-page-foot{left:12px;right:12px}.journey-readout{width:calc(100% - 132px)}}
@media(prefers-reduced-motion:reduce){.world-glow,.scroll-hint-wheel i{animation:none!important}.ribbon-track,.ribbon-track.reverse{animation:none!important;transform:none!important}.cap-card,.mini-window,.journey-page{transition:none!important}}


/* Hallmark · V5.2 audit pass — Workbench macrostructure, not a generic 3-up landing template. */
html, body { overflow-x: clip; }
body { font-variant-numeric: tabular-nums lining-nums; }
button:hover { transform: none; box-shadow: none; }
button, a, input { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 4px; }
.hero-copy h1, .section-heading, .principle-quote, .cap-card h3, .journey-step-head, .paper-page h3, .journey-page h3, .format-detail h3 { font-family: var(--font-display); font-style: normal; }
.hero-copy { width: 50%; max-width: 690px; margin: 0 0 0 8vw; padding: 158px 0 0; text-align: left; }
.hero-copy h1 { max-width: 690px; font-size: clamp(58px,6.4vw,100px); letter-spacing: -.078em; line-height: .94; }
.hero-copy p { max-width: 485px; margin: 0; color: var(--color-hero-muted); font-size: 15px; line-height: 1.75; }
.hero-actions { justify-content: flex-start; }
.hero-copy .hero-badge { color: var(--color-hero-ink); background: var(--paint-rgba-248-247-239-a0p42); box-shadow: inset 0 1px 0 var(--paint-rgba-255-255-255-a0p52), 0 8px 22px var(--paint-rgba-26-41-35-a0p04); }
.topnav:not(.floating) { color: var(--color-hero-ink); }
.topnav:not(.floating) .brand-mark { border-color: currentColor; }
.topnav:not(.floating) .theme-btn { color: var(--color-hero-ink); background: var(--paint-rgba-26-41-35-a0p08); }
.specimen-caption { color: var(--paint-rgba-26-41-35-a0p82); }
.graph-label { fill: var(--paint-rgba-26-41-35-a0p86); }
.graph-label-sub { fill: var(--paint-rgba-26-41-35-a0p7); }
.hero-copy .text-link { color: var(--color-hero-ink); }
.hero-copy h1 { color: var(--color-hero-ink); }
.hero-meta { top: 605px; color: var(--paint-rgba-26-41-35-a0p65); }
.graph-wrap { top: 570px; }
.graph-label { fill: var(--paint-rgba-255-255-255-a0p96); }
.graph-label-sub { fill: var(--paint-rgba-255-255-255-a0p82); }
.principle-card { top: 880px; color: var(--paint-hex-24342d); background: linear-gradient(125deg,var(--paint-rgba-246-240-220-a0p88),var(--paint-rgba-226-230-213-a0p82) 52%,var(--paint-rgba-196-214-204-a0p82)); box-shadow: 0 1px 0 var(--paint-rgba-255-255-255-a0p64) inset, 0 18px 44px var(--paint-rgba-49-66-59-a0p1), 0 44px 90px var(--paint-rgba-39-55-50-a0p09); }
.principle-foot { color: var(--paint-rgba-36-52-45-a0p66); }
.principle-foot i { background: var(--paint-hex-658b6b); box-shadow: 0 0 10px var(--paint-rgba-101-139-107-a0p25); }
.principle-side { border-left-color: var(--paint-rgba-36-52-45-a0p18); }
.principle-side span { color: var(--paint-rgba-36-52-45-a0p65); }

/* Hero illustration uses real content structure as its subject, not a decorative orb. */
.hero-specimen { position:absolute; z-index:1; top:155px; right:7.5vw; width:min(36vw,520px); height:450px; pointer-events:none; isolation:isolate; }
.specimen-ring { position:absolute; left:12%; top:11%; width:78%; height:76%; border:1px solid var(--paint-rgba-255-255-255-a0p25); border-radius:50%; transform:rotate(-19deg); }
.specimen-ring-a { border-color:var(--paint-rgba-255-255-255-a0p32); transform:rotate(-25deg) scaleY(.72); }
.specimen-ring-b { left:20%; top:2%; width:64%; height:95%; border-color:var(--paint-rgba-36-60-49-a0p13); transform:rotate(23deg) scaleX(.72); }
.specimen-axis { position:absolute; left:50%; top:4%; height:90%; border-left:1px dashed var(--paint-rgba-255-255-255-a0p22); transform:rotate(18deg); }
.specimen-sheet { position:absolute; width:62%; height:72%; border-radius:17px; overflow:hidden; box-shadow:0 1px 0 var(--paint-rgba-255-255-255-a0p72) inset,0 3px 6px var(--paint-rgba-28-45-37-a0p08),0 18px 38px var(--paint-rgba-28-45-37-a0p13),0 38px 62px var(--paint-rgba-28-45-37-a0p09); }
.specimen-sheet-back { top:13%; right:3%; padding:17px 18px 15px; background:linear-gradient(145deg,var(--paint-hex-d7ded2),var(--paint-hex-b8c8bc)); color:var(--paint-hex-42574b); transform:rotate(8deg); animation:specimenDrift 9s ease-in-out infinite; }
.specimen-sheet-front { top:21%; left:5%; padding:18px 20px 16px; background:linear-gradient(150deg,var(--paint-hex-f8f7ef),var(--paint-hex-e8e9df)); color:var(--paint-hex-344237); transform:rotate(-7deg); animation:specimenDrift 10s ease-in-out -2s infinite; }
.specimen-sheet-top,.specimen-sheet-bottom { display:flex; align-items:center; justify-content:space-between; gap:10px; font:8px var(--mono); letter-spacing:.055em; color:var(--paint-hex-7c897b); white-space:nowrap; }
.specimen-doc-title { margin-top:28px; font-size:clamp(22px,2.1vw,30px); font-weight:540; line-height:1.02; letter-spacing:-.06em; }
.specimen-doc-lead { max-width:230px; margin-top:10px; font-size:9px; line-height:1.55; color:var(--paint-hex-748074); }
.specimen-doc-rule { height:1px; margin:16px 0 12px; background:var(--paint-rgba-67-86-70-a0p14); }
.specimen-doc-lines { display:flex; flex-direction:column; gap:6px; }
.specimen-doc-lines i { height:3px; width:94%; border-radius:2px; background:var(--paint-hex-cfd6cb); }
.specimen-doc-lines i:nth-child(2) { width:78%; }
.specimen-doc-lines i.line-short { width:54%; }
.specimen-doc-lines i.line-mid { width:69%; }
.specimen-doc-figure { display:flex; gap:5px; height:46px; margin-top:13px; }
.specimen-doc-figure span { flex:1; border-radius:3px; background:linear-gradient(135deg,var(--paint-hex-d7dfd2),var(--paint-hex-b3c7b8)); }
.specimen-doc-figure span:nth-child(2) { flex:1.5; background:linear-gradient(135deg,var(--paint-hex-c4d3c5),var(--paint-hex-91aa98)); }
.specimen-doc-figure span:nth-child(3) { background:linear-gradient(135deg,var(--paint-hex-e6dfc5),var(--paint-hex-c9cbb5)); }
.specimen-doc-lines.lower { margin-top:12px; }
.specimen-sheet-bottom { position:absolute; left:20px; right:20px; bottom:14px; font-size:7px; }
.specimen-slide-art { position:absolute; inset:26% 13% 20%; border-radius:7px; background:linear-gradient(140deg,var(--paint-hex-789488) 0 40%,var(--paint-hex-c4d0bd) 40% 100%); overflow:hidden; }
.specimen-slide-art i { position:absolute; left:10%; top:16%; width:42%; height:3px; border-radius:2px; background:var(--paint-rgba-247-247-232-a0p78); }
.specimen-slide-art i:nth-child(2) { top:23%; width:31%; }
.specimen-slide-art i:nth-child(3) { top:auto; bottom:14%; width:62%; background:var(--paint-rgba-48-72-58-a0p24); }
.specimen-slide-art b { position:absolute; width:24%; aspect-ratio:1; right:13%; bottom:17%; border-radius:50%; background:var(--paint-hex-e7dfbc); }
.specimen-caption { position:absolute; z-index:2; display:flex; align-items:center; gap:8px; font:8px var(--mono); letter-spacing:.055em; color:var(--paint-rgba-255-255-255-a0p84); }
.specimen-caption i { width:5px; height:5px; border-radius:50%; background:var(--color-accent); box-shadow:0 0 10px var(--paint-rgba-217-255-138-a0p5); }
.specimen-caption-a { left:0; top:12%; }
.specimen-caption-b { right:0; bottom:5%; }
@keyframes specimenDrift { 0%,100% { translate:0 0; } 50% { translate:0 -7px; } }

/* Break the AI-default three-equal-card grid: one primary content specimen, two supporting examples. */
.cap-intro .section-kicker, .demo-top .section-kicker { display:none; }
.cap-grid { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); grid-template-rows:minmax(0,1fr) minmax(0,1fr); align-items:stretch; gap:clamp(22px,3.2vw,48px); border:0; }
.cap-card, .cap-card+.cap-card { min-width:0; padding:10px 0 22px; border:0; border-radius:0; margin:0; background:transparent; box-shadow:none; }
.cap-card:first-child { grid-row:span 2; }
.cap-card:first-child .cap-art { height:410px; margin-bottom:26px; }
.cap-card:first-child .mini-window { height:302px; max-width:500px; }
.cap-card:not(:first-child) .cap-art { height:190px; margin-bottom:18px; }
.cap-card:not(:first-child) .mini-window { height:168px; max-width:410px; }
.cap-art { padding:0; background:radial-gradient(ellipse at 50% 65%,var(--paint-rgba-168-185-180-a0p08),transparent 68%); }
.cap-art:after { display:none; }
.cap-card h3 { margin:0 0 10px; max-width:520px; }
.cap-card p { max-width:450px; }
.cap-card:first-child h3 { font-size:clamp(25px,2.4vw,34px); }
.cap-card:not(:first-child) h3 { font-size:clamp(18px,1.8vw,23px); }
.cap-card:not(:first-child) .diagram-caption { top:5px; }

/* More examples, less repetition: three distinct streams and 96 unique labels. */
.format-ribbon { display:block; height:auto; min-height:0; padding:20px 0 22px; background:var(--paint-hex-070808); border-top:1px solid var(--paint-rgba-255-255-255-a0p08); border-bottom:1px solid var(--paint-rgba-255-255-255-a0p08); }
.ribbon-head { width:min(1370px,calc(100% - 80px)); margin:0 auto 14px; display:flex; justify-content:space-between; gap:20px; color:var(--paint-hex-7f857c); font:8px var(--mono); letter-spacing:.07em; }
.ribbon-lanes { display:grid; gap:9px; overflow:hidden; }
.ribbon-lane { min-width:0; overflow:hidden; position:relative; mask-image:linear-gradient(90deg,transparent,black 3%,black 97%,transparent); }
.ribbon-track { display:flex; align-items:center; gap:27px; white-space:nowrap; width:max-content; min-width:max-content; padding-left:25px; animation:marquee 47s linear infinite; will-change:transform; }
.ribbon-track.reverse { animation:marqueeReverse 54s linear infinite; }
.ribbon-lane:nth-child(3) .ribbon-track { animation-duration:61s; }
.ribbon-item { display:flex; align-items:center; gap:9px; color:var(--paint-hex-858a81); font-size:10px; letter-spacing:-.01em; }
.ribbon-item b { color:var(--paint-hex-e1e2d9); font:10px var(--mono); font-weight:500; letter-spacing:.025em; }
.ribbon-dot { width:3px; height:3px; flex:0 0 3px; border-radius:50%; background:var(--paint-hex-b4bcaa); opacity:.72; margin-left:4px; }

/* Search is real in the sample viewer; the catalogue distinguishes mapped demos from index-only entries. */
.viewer-search-panel { position:relative; z-index:3; display:flex; align-items:center; gap:12px; min-height:48px; padding:8px 18px; background:var(--paint-hex-e0e1d8); border-bottom:1px solid var(--paint-rgba-24-30-24-a0p08); color:var(--paint-hex-5c665a); }
.viewer-search-panel[hidden] { display:none !important; }
.viewer-search-panel label { flex:none; font:8px var(--mono); letter-spacing:.06em; }
.viewer-search-panel input { min-width:0; flex:1; height:31px; border:0; border-radius:999px; padding:0 12px; background:var(--paint-rgba-255-255-255-a0p62); color:var(--paint-hex-242b24); font-size:11px; outline:none; }
.viewer-search-panel input:focus-visible { outline:2px solid var(--paint-hex-718c75); outline-offset:1px; }
.viewer-search-panel #searchResultCount { flex:none; font:8px var(--mono); color:var(--paint-hex-6f796d); }
.viewer-search-panel button { flex:none; width:28px; height:28px; border:0; border-radius:50%; background:var(--paint-rgba-255-255-255-a0p6); color:var(--paint-hex-4e5b4e); font-size:18px; line-height:1; }
.search-mark { color:var(--paint-hex-243024); background:var(--paint-rgba-217-255-138-a0p86); border-radius:2px; box-shadow:0 0 0 2px var(--paint-rgba-217-255-138-a0p5); }
.format-universe { grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.format-chip { min-width:0; cursor:pointer; border-radius:14px; background:var(--paint-rgba-242-244-232-a0p3); box-shadow:inset 0 1px 0 var(--paint-rgba-255-255-255-a0p2),0 8px 18px var(--paint-rgba-54-73-65-a0p035); transition:transform var(--duration-base) var(--ease-out),background var(--duration-base),box-shadow var(--duration-base); }
.format-chip:hover { transform:translateY(-2px); background:var(--paint-rgba-250-250-239-a0p55); box-shadow:inset 0 1px 0 var(--paint-rgba-255-255-255-a0p36),0 12px 24px var(--paint-rgba-54-73-65-a0p08); }
.format-chip:focus-visible { outline:2px solid var(--paint-hex-415e50); outline-offset:3px; }
.format-chip strong { font:11px var(--mono); font-variant-numeric:tabular-nums; white-space:nowrap; }
.format-chip[aria-pressed="true"] { background:var(--paint-rgba-249-250-239-a0p72); box-shadow:inset 0 0 0 1px var(--paint-rgba-52-79-61-a0p25),0 12px 28px var(--paint-rgba-54-73-65-a0p08); }
.format-detail { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:12px; padding:22px 0 4px; border-top:1px solid var(--paint-rgba-38-58-47-a0p18); }
.format-detail-copy { min-width:0; }
.format-detail-kicker { font:8px var(--mono); letter-spacing:.08em; color:var(--paint-hex-5b6c60); }
.format-detail h3 { margin:7px 0 5px; font:clamp(20px,2vw,27px) var(--font-display); letter-spacing:-.045em; color:var(--paint-hex-18251e); }
.format-detail p { max-width:550px; margin:0; color:var(--paint-hex-4f6056); font-size:12px; line-height:1.6; }
.format-detail-actions { display:flex; flex-direction:column; align-items:flex-end; gap:12px; flex:none; }
.format-detail-status { font:8px var(--mono); letter-spacing:.04em; color:var(--paint-hex-5b6c60); text-align:right; }
.format-try { display:inline-flex; align-items:center; gap:16px; min-height:40px; padding:0 16px; border:0; border-radius:999px; background:var(--paint-hex-17241d); color:var(--paint-hex-f4f4e9); font-size:11px; font-weight:600; transition:transform var(--duration-base) var(--ease-out),background var(--duration-base); }
.format-try:hover { transform:translateY(-2px); background:var(--paint-hex-2a4033); }
.format-try[hidden] { display:none !important; }
.format-empty { grid-column:1/-1; }

/* A true GSAP pin is enabled when the library is available; CSS sticky is the offline fallback. */
html.gsap-active .journey { height:auto; min-height:0; padding:0; overflow:visible; }
html.gsap-active .journey-layout { position:relative; top:auto; height:100vh; min-height:620px; max-height:1100px; }
.journey-step { cursor:pointer; }
.journey-step:focus-visible { outline:2px solid var(--color-accent); outline-offset:4px; }
.journey-visual { will-change:background; }

/* Avoid broad hover motion; only meaningful controls lift slightly. */
.pill-button:hover, .nav-cta:hover, .format-try:hover { transform:translateY(-2px); }
.tool-btn:hover, .viewer-tab:hover, .journey-step:hover { transform:none; box-shadow:none; }
.tool-btn:focus-visible, .viewer-tab:focus-visible, .journey-step:focus-visible { outline:2px solid var(--paint-hex-5d7c63); outline-offset:3px; }
.viewer-tab[aria-selected="true"] { box-shadow:inset 0 -2px 0 var(--paint-hex-708d77); }

@media (max-width:1100px) and (min-width:761px) {
  .hero-copy { width:51%; margin-left:5vw; padding-top:150px; }
  .hero-specimen { right:4vw; width:37vw; }
  .cap-grid { gap:26px; }
  .cap-card:first-child .cap-art { height:370px; }
  .cap-card:first-child .mini-window { height:270px; }
  .cap-card:not(:first-child) .cap-art { height:165px; }
  .cap-card:not(:first-child) .mini-window { height:145px; }
  .format-universe { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .hero-copy { width:auto; max-width:none; margin:0 22px; padding:106px 0 0; text-align:left; }
  .hero-copy h1 { max-width:600px; font-size:clamp(40px,10.5vw,62px); margin:24px 0 17px; line-height:.96; }
  .hero-copy p { max-width:480px; font-size:13px; color:var(--color-hero-muted); }
  .hero-actions { justify-content:flex-start; flex-wrap:wrap; gap:8px; }
  .hero-specimen { top:430px; left:50%; right:auto; width:min(88vw,430px); height:300px; transform:translateX(-50%); opacity:.96; }
  .specimen-sheet { width:60%; height:75%; border-radius:13px; }
  .specimen-sheet-front { padding:13px 14px 13px; }
  .specimen-sheet-back { padding:13px 14px; }
  .specimen-doc-title { margin-top:19px; font-size:clamp(19px,5vw,25px); }
  .specimen-doc-lead { font-size:8px; margin-top:7px; }
  .specimen-doc-rule { margin:11px 0 9px; }
  .specimen-doc-figure { height:32px; margin-top:9px; }
  .specimen-sheet-bottom { left:14px; right:14px; bottom:10px; font-size:6px; }
  .specimen-caption { font-size:7px; }
  .hero-meta { left:18px; right:18px; top:755px; font-size:7px; gap:10px; }
  .hero-meta span:nth-child(3) { display:none; }
  .graph-wrap { top:620px; height:250px; }
  .principle-card { top:875px; width:calc(100% - 32px); padding:19px 18px; grid-template-columns:1fr; gap:13px; border-radius:18px; }
  .principle-quote { font-size:18px; }
  .principle-foot { margin-top:15px; font-size:8px; }
  .principle-side { border-left:0; border-top:1px solid var(--paint-rgba-36-52-45-a0p18); padding:12px 0 0; }
  .world-stage { height:1110px; }
  .cap-grid { grid-template-columns:minmax(0,1fr); grid-template-rows:auto; gap:34px; }
  .cap-card:first-child { grid-row:auto; }
  .cap-card:first-child .cap-art { height:276px; }
  .cap-card:first-child .mini-window { height:218px; max-width:450px; }
  .cap-card:not(:first-child) .cap-art { height:220px; }
  .cap-card:not(:first-child) .mini-window { height:190px; max-width:450px; }
  .cap-card:first-child h3, .cap-card:not(:first-child) h3 { font-size:21px; }
  .format-universe { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .format-detail { align-items:flex-start; flex-direction:column; gap:18px; }
  .format-detail-actions { width:100%; align-items:flex-start; }
  .format-detail-status { text-align:left; }
  .format-try { max-width:100%; white-space:normal; text-align:left; }
  .ribbon-head { width:calc(100% - 34px); font-size:7px; }
  .ribbon-head span:last-child { display:block; }
  .ribbon-track { gap:20px; }
  .ribbon-item { font-size:9px; }
  .ribbon-item b { font-size:9px; }
  .viewer-search-panel { flex-wrap:wrap; gap:8px; padding:9px 12px; }
  .viewer-search-panel label { width:100%; }
  .viewer-search-panel input { flex:1 1 150px; }
  .viewer-search-panel #searchResultCount { font-size:7px; }
}
@media (max-height:580px) and (min-width:761px) {
  .journey { height:auto !important; min-height:0 !important; overflow:visible !important; }
  .journey-layout { position:relative !important; top:auto !important; height:auto !important; min-height:0 !important; max-height:none !important; padding:32px 0 !important; }
}
@media (max-width:420px) {
  .hero-copy { margin:0 18px; }
  .hero-copy h1 { font-size:clamp(39px,11vw,48px); }
  .hero-specimen { top:435px; height:275px; }
  .specimen-caption-b { right:2px; bottom:2%; }
  .hero-meta { top:730px; }
  .graph-wrap { top:610px; }
  .principle-card { top:840px; }
  .world-stage { height:1070px; }
  .format-chip { padding:12px 10px; min-height:91px; }
  .format-chip strong { font-size:10px; }
  .format-chip small { font-size:8px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto !important; }
  .world-glow, .scroll-hint-wheel i, .live-dot, .graph-path, .graph-point, .specimen-sheet { animation:none !important; }
  .ribbon-track, .ribbon-track.reverse { animation:none !important; transform:none !important; }
  .ribbon-track .ribbon-item:nth-child(n+33) { display:none; }
  .journey { height:auto !important; min-height:0 !important; padding:82px 0 88px !important; overflow:visible !important; }
  .journey-layout { position:relative !important; top:auto !important; height:auto !important; min-height:0 !important; max-height:none !important; }
  .hero-copy>* { animation:none !important; opacity:1 !important; transform:none !important; filter:none !important; }
  .graph-path { animation:none !important; stroke-dashoffset:0 !important; }
  .reveal, .stagger>*, .hero-copy>* { opacity:1 !important; transform:none !important; filter:none !important; transition:none !important; }
}
html.motion-off, html.motion-off *, body.motion-off, body.motion-off * { animation-play-state:paused !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
html.motion-off .journey, body.motion-off .journey { scroll-behavior:auto !important; }
.theme-btn:disabled { opacity:.5; cursor:not-allowed; }
html.motion-off .hero-copy>*, body.motion-off .hero-copy>* { animation:none !important; opacity:1 !important; transform:none !important; filter:none !important; }
html.motion-off .graph-path, body.motion-off .graph-path { animation:none !important; stroke-dashoffset:0 !important; }
html.motion-off .reveal, html.motion-off .stagger>*, body.motion-off .reveal, body.motion-off .stagger>* { opacity:1 !important; transform:none !important; filter:none !important; transition:none !important; }

/* === V5.3 · image backgrounds, theme system, and finishing polish === */
:root{
  --elorin-hero-day:url('assets/hero-day.webp');
  --elorin-hero-night:url('assets/hero-night.webp');
  --elorin-closing-day:url('assets/closing-day.webp');
  --elorin-closing-night:url('assets/closing-night.webp');
  --theme-transition:560ms cubic-bezier(.22,1,.36,1);
  --theme-surface-light:rgba(255,255,255,.78);
  --theme-surface-dark:rgba(18,23,22,.72);
  --theme-line-light:rgba(17,22,19,.10);
  --theme-line-dark:rgba(255,255,255,.11);
  --theme-shadow-light:0 18px 50px rgba(32,36,31,.10),0 2px 8px rgba(32,36,31,.045),inset 0 1px 0 rgba(255,255,255,.55);
  --theme-shadow-dark:0 18px 50px rgba(0,0,0,.32),0 2px 8px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);
}
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
body{transition:background-color var(--theme-transition),color var(--theme-transition)}
#cloudscape,.world-glow{display:none!important}

.world-stage,.closing{--parallax-x:0px;--parallax-y:0px;position:relative;isolation:isolate}
.world-stage{background:#e8e9e2}
.world-bg,.closing-bg{position:absolute;inset:-3%;background-repeat:no-repeat;background-size:cover;background-position:center center;pointer-events:none;opacity:0;transition:opacity var(--theme-transition),transform 800ms cubic-bezier(.22,1,.36,1),filter var(--theme-transition);will-change:transform,opacity,filter}
.world-bg{transform:translate3d(calc(var(--parallax-x) * .9),calc(var(--parallax-y) * .65),0) scale(1.035)}
.closing-bg{transform:translate3d(calc(var(--parallax-x) * .45),calc(var(--parallax-y) * .35),0) scale(1.03)}
.world-bg-day{background-image:var(--elorin-hero-day)}
.world-bg-night{background-image:var(--elorin-hero-night)}
.closing-bg-day{background-image:var(--elorin-closing-day)}
.closing-bg-night{background-image:var(--elorin-closing-night)}
.world-bg-overlay,.closing-scrim{position:absolute;inset:0;pointer-events:none;z-index:1}
.world-bg-overlay{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,0) 28%,rgba(18,25,20,.06) 100%)}
.closing-scrim{background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,0) 32%,rgba(20,24,20,.08) 100%)}
html[data-theme="light"] .world-bg-day,html[data-theme="light"] .closing-bg-day{opacity:1;filter:saturate(1.02) contrast(1.015)}
html[data-theme="dark"] .world-bg-night,html[data-theme="dark"] .closing-bg-night{opacity:1;filter:saturate(1.02) contrast(1.06)}
html[data-theme="dark"] .world-stage{background:#060807}
html[data-theme="dark"] .world-bg-overlay{background:radial-gradient(ellipse at 50% 18%,rgba(202,231,212,.08),transparent 42%),linear-gradient(180deg,rgba(2,4,4,.18) 0%,rgba(5,8,7,.03) 24%,rgba(0,0,0,.34) 100%)}
html[data-theme="dark"] .closing{background:#070909}
html[data-theme="dark"] .closing-scrim{background:linear-gradient(180deg,rgba(4,5,5,.08) 0%,rgba(4,5,5,0) 30%,rgba(0,0,0,.32) 100%)}
.world-stage>.hero-copy,.world-stage>.hero-specimen,.world-stage>.hero-meta,.world-stage>.graph-wrap{z-index:2}.world-stage>.format-ribbon{position:relative;z-index:2}.closing>.section-inner{position:relative;z-index:2}.closing>.closing-art{z-index:1}

/* Day mode is a complete site theme, not just a hero-image swap. */
html[data-theme="light"] body{background:#f5f4ee;color:#19201b}
html[data-theme="light"] .announcement{background:rgba(248,247,241,.96);color:#5c675e;border-bottom:1px solid rgba(25,32,27,.08)}
html[data-theme="light"] .announcement a span{color:#7c857c}
html[data-theme="light"] .topnav{color:#19211b}
html[data-theme="light"] .topnav .brand-mark{border-color:rgba(25,33,27,.72)}
html[data-theme="light"] .topnav .nav-cta{background:#19231c;color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 20px rgba(23,35,28,.14)}
html[data-theme="light"] .topnav.floating{background:var(--theme-surface-light);border:1px solid var(--theme-line-light);box-shadow:var(--theme-shadow-light);color:#19211b}
html[data-theme="dark"] .topnav.floating{background:var(--theme-surface-dark);border:1px solid var(--theme-line-dark);box-shadow:var(--theme-shadow-dark);color:#f7f7f1}
html[data-theme="light"] .theme-btn{background:rgba(255,255,255,.74);border:1px solid rgba(17,22,19,.09);box-shadow:0 4px 14px rgba(32,36,31,.08);color:#202820}
html[data-theme="dark"] .theme-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);box-shadow:var(--theme-shadow-dark);color:#f5f4ee}
.theme-btn{position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,background-color var(--theme-transition),border-color var(--theme-transition)}
.theme-btn:hover{transform:translateY(-1px)}.theme-btn:active{transform:translateY(0) scale(.98)}
.theme-knob{position:absolute;left:5px;top:5px;width:28px;height:28px;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 5px 13px rgba(0,0,0,.13);transition:transform var(--theme-transition),background-color var(--theme-transition),box-shadow var(--theme-transition)}
html[data-theme="dark"] .theme-knob{transform:translateX(6px);background:rgba(8,10,10,.94);box-shadow:0 5px 14px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.07)}
.theme-icon{position:absolute;top:50%;transform:translateY(-50%);transition:opacity var(--theme-transition),transform var(--theme-transition)}
.theme-icon-sun{left:8px}.theme-icon-moon{right:8px}
html[data-theme="light"] .theme-icon-sun{opacity:1;transform:translateY(-50%) scale(1)}
html[data-theme="light"] .theme-icon-moon{opacity:.32;transform:translateY(-50%) scale(.86)}
html[data-theme="dark"] .theme-icon-sun{opacity:.32;transform:translateY(-50%) scale(.86)}
html[data-theme="dark"] .theme-icon-moon{opacity:1;transform:translateY(-50%) scale(1)}
.topnav.floating .theme-btn{width:40px;height:34px}
.topnav.floating .theme-knob{left:4px;top:5px;width:22px;height:22px}
html[data-theme="dark"] .topnav.floating .theme-knob{transform:translateX(10px)}
.topnav.floating .theme-icon-sun{left:7px}.topnav.floating .theme-icon-moon{right:7px}

html[data-theme="light"] .world-stage{color:#18211b}
html[data-theme="light"] .hero-copy{color:#19241d;text-shadow:0 1px 0 rgba(255,255,255,.16)}
html[data-theme="light"] .hero-copy p{color:rgba(25,36,29,.78)}
html[data-theme="light"] .hero-badge{color:#34463a;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.74);box-shadow:0 8px 26px rgba(45,53,45,.07),inset 0 1px 0 rgba(255,255,255,.7)}
html[data-theme="light"] .hero-actions .text-link{color:rgba(25,36,29,.76)}
html[data-theme="light"] .hero-meta{color:rgba(25,36,29,.58)}
html[data-theme="light"] .graph-path{stroke:rgba(27,47,34,.66);filter:drop-shadow(0 2px 3px rgba(26,43,32,.10))}
html[data-theme="light"] .graph-node{fill:#24382b;stroke:rgba(36,56,43,.24)}
html[data-theme="light"] .graph-tick{stroke:rgba(27,47,34,.28)}
html[data-theme="light"] .graph-label{fill:rgba(25,36,29,.78)}
html[data-theme="light"] .graph-label-sub{fill:rgba(25,36,29,.60)}
html[data-theme="light"] .specimen-ring{border-color:rgba(31,48,37,.18)}
html[data-theme="light"] .specimen-axis{background:rgba(31,48,37,.14)}
html[data-theme="light"] .specimen-sheet{box-shadow:0 24px 70px rgba(28,40,31,.16),0 2px 6px rgba(28,40,31,.06)}
html[data-theme="light"] .specimen-sheet-top,html[data-theme="light"] .specimen-sheet-bottom{color:rgba(34,48,38,.54)}
html[data-theme="light"] .specimen-doc-title{color:#1a261e}
html[data-theme="light"] .specimen-doc-lead,html[data-theme="light"] .specimen-doc-lines{background:rgba(28,44,33,.17)}
html[data-theme="light"] .specimen-caption{color:rgba(28,44,33,.62)}
html[data-theme="light"] .world-stage .pill-button,html[data-theme="light"] .closing .pill-button{background:#17251c;color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 30px rgba(26,43,32,.18),inset 0 1px 0 rgba(255,255,255,.12)}
html[data-theme="dark"] .hero-copy{color:#f8f7f1}
html[data-theme="dark"] .hero-copy h1{color:#f7f8f2;text-shadow:0 2px 18px rgba(0,0,0,.28)}
html[data-theme="dark"] .hero-copy p{color:rgba(246,245,239,.78)}
html[data-theme="dark"] .hero-badge{color:#eef4ea;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 34px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.12)}
html[data-theme="dark"] .hero-actions .text-link{color:rgba(246,245,239,.82)}
html[data-theme="dark"] .hero-meta{color:rgba(246,245,239,.72)}
html[data-theme="dark"] .topnav{color:#f7f8f2}
html[data-theme="dark"] .topnav .nav-left a{color:rgba(247,248,242,.84)}
html[data-theme="dark"] .topnav .brand{color:#f7f8f2}
html[data-theme="dark"] .pill-button{box-shadow:0 18px 48px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.18)}

html[data-theme="light"] .capabilities,html[data-theme="light"] .demo-section{background:#f5f4ee;color:#19201b}
html[data-theme="light"] .journey{background:#edf0e9;color:#19201b}
html[data-theme="light"] .section-heading{color:#171e19}
html[data-theme="light"] .capabilities .section-kicker,html[data-theme="light"] .journey .section-kicker,html[data-theme="light"] .demo-section .section-kicker{color:#627067}
html[data-theme="light"] .capabilities .section-desc,html[data-theme="light"] .journey-copy .section-desc,html[data-theme="light"] .demo-section .section-desc{color:#68736a}
html[data-theme="light"] .cap-grid{border-color:rgba(26,35,29,.16)}
html[data-theme="light"] .cap-card+.cap-card{border-left-color:rgba(26,35,29,.15)}
html[data-theme="light"] .cap-card{border-bottom-color:rgba(26,35,29,.14)}
html[data-theme="light"] .cap-card h3{color:#18211b}
html[data-theme="light"] .cap-card p{color:#606b62}
/* Keep the technical illustrations dark, so their fine white geometry remains legible. */
html[data-theme="light"] .cap-art{border-radius:16px;background:radial-gradient(ellipse at 50% 52%,rgba(204,221,207,.16),transparent 62%),linear-gradient(145deg,#1a211d,#0e1210);border:1px solid rgba(25,34,28,.10)}
html[data-theme="light"] .diagram-caption{color:rgba(237,241,231,.62)}
html[data-theme="light"] .step-list{border-top-color:rgba(25,34,28,.14)}
html[data-theme="light"] .journey-step{border-bottom-color:rgba(25,34,28,.14);color:#647066}
html[data-theme="light"] .journey-step .step-num{color:#7d887d}
html[data-theme="light"] .journey-step .step-copy{color:#6b766d}
html[data-theme="light"] .journey-step.active{color:#1b241d}
html[data-theme="light"] .journey-scroll-hint{color:#69766b}
html[data-theme="light"] .scroll-hint-wheel{border-color:#849084}
html[data-theme="light"] .journey-visual{box-shadow:0 24px 65px rgba(29,40,32,.16),inset 0 1px 0 rgba(255,255,255,.08)}
html[data-theme="light"] .format-ribbon{background:#eeefe8;border-color:rgba(25,32,27,.10)}
html[data-theme="light"] .ribbon-head{color:#68736a}
html[data-theme="light"] .ribbon-head span:last-child{color:#879086}
html[data-theme="light"] .ribbon-item{color:#6b756c}
html[data-theme="light"] .ribbon-item b{color:#25362b}
html[data-theme="light"] .format-section{background:#e7ede5;color:#17221a}
html[data-theme="light"] .format-section:before{opacity:.65}
html[data-theme="light"] .closing{background:#f4f1eb;color:#161918}
html[data-theme="light"] .closing .section-heading{color:#131816}
html[data-theme="light"] .closing .section-desc{color:rgba(19,24,22,.72)}
html[data-theme="light"] .closing .section-kicker{color:#627065}
html[data-theme="dark"] .closing .pill-button{background:rgba(255,255,255,.95);color:#111;box-shadow:var(--theme-shadow-dark)}
html[data-theme="light"] .footer{background:#f8f6f0;border-top:1px solid rgba(17,22,19,.08);color:#6d726d}
html[data-theme="light"] .footer-brand{color:#1a1f1c}
html[data-theme="light"] .footer-links a:hover{color:#0d100f}
html[data-theme="dark"] .footer{background:#050606}
html[data-theme="light"] .closing-art{opacity:.18;background-image:radial-gradient(rgba(21,24,22,.18) .6px,transparent .85px);background-size:10px 10px;mask-image:linear-gradient(transparent,black 32%,transparent)}
html[data-theme="dark"] .closing-art{opacity:.16;background-image:radial-gradient(rgba(255,255,255,.24) .6px,transparent .8px);background-size:8px 8px;mask-image:linear-gradient(transparent,black 40%,transparent)}

@media(max-width:900px){.theme-btn{width:42px;height:38px}.theme-knob{width:26px;height:26px;left:5px;top:5px}html[data-theme="dark"] .theme-knob{transform:translateX(6px)}}
@media(max-width:900px){.topnav.floating .theme-btn{width:38px;height:33px}.topnav.floating .theme-knob{width:21px;height:21px;left:4px;top:5px}html[data-theme="dark"] .topnav.floating .theme-knob{transform:translateX(9px)}}
@media(prefers-reduced-motion:reduce){.world-bg,.closing-bg,.theme-knob,.theme-icon,.theme-btn,.nav-cta{transition-duration:.01ms!important}}




/* === V5.4 / Content depth, adaptive controls, and catalogue navigation === */
.atlas-section{background:#e9eee7;color:#18221b;padding:clamp(84px,10vw,144px) 0;position:relative;overflow:hidden}
.atlas-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 24%,rgba(186,207,191,.28),transparent 34%),radial-gradient(ellipse at 6% 88%,rgba(219,210,181,.20),transparent 36%)}
.atlas-inner,.control-layer-inner,.faq-inner{position:relative;z-index:1}
.atlas-heading,.control-layer-heading,.faq-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);align-items:end;gap:clamp(28px,7vw,110px);margin-bottom:48px}
.atlas-heading .section-kicker,.control-layer-heading .section-kicker,.faq-intro .section-kicker{color:#647367}
.atlas-heading .section-heading,.control-layer-heading .section-heading,.faq-intro .section-heading{color:#18211b}
.atlas-heading .section-desc,.control-layer-heading .section-desc,.faq-intro .section-desc{color:#657168;max-width:480px;margin:0 0 6px}
.atlas-console{position:relative;display:grid;grid-template-columns:minmax(220px,.56fr) minmax(0,1.7fr);min-height:550px;border-radius:28px;overflow:hidden;background:rgba(250,250,244,.78);box-shadow:0 28px 80px rgba(38,51,41,.10),0 3px 10px rgba(38,51,41,.04),inset 0 1px 0 rgba(255,255,255,.88);border:1px solid rgba(34,48,37,.08)}
.atlas-rail{position:relative;display:flex;flex-direction:column;padding:20px 16px 72px;border-right:1px solid rgba(27,42,31,.09);background:rgba(246,247,239,.72)}
.atlas-tab{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 16px;gap:12px;align-items:center;text-align:left;padding:17px 13px;border:0;border-radius:15px;background:transparent;color:#798379;cursor:pointer;transition:background .35s,color .35s,transform .35s;}
.atlas-tab:hover{color:#1a271e;background:rgba(255,255,255,.56)}.atlas-tab.active{background:#fff;color:#1a271e;box-shadow:0 8px 24px rgba(32,47,35,.08),inset 0 1px 0 #fff;transform:translateX(2px)}
.atlas-tab-index{align-self:start;padding-top:2px;font:9px var(--mono);color:#8b9789}.atlas-tab-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.atlas-tab-copy strong{font-size:13px;font-weight:580;letter-spacing:-.02em}.atlas-tab-copy small{font-size:10px;color:#899389}.atlas-tab-arrow{font-size:13px;opacity:.3;transition:opacity .3s,transform .3s}.atlas-tab.active .atlas-tab-arrow{opacity:1;transform:translate(2px,-2px);color:#70836e}.atlas-rail-note{position:absolute;left:28px;bottom:24px;display:flex;gap:9px;align-items:center;font:8px/1.7 var(--mono);letter-spacing:.06em;color:#859084}.atlas-rail-note i{width:5px;height:5px;border-radius:50%;background:#9cc56d;box-shadow:0 0 14px rgba(156,197,109,.55)}
.atlas-main{min-width:0;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(270px,.88fr)}.atlas-visual{position:relative;min-height:500px;overflow:hidden;background:#101513;color:#eef1e7;isolation:isolate}.atlas-visual-grid,.atlas-circuit-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at center,#000 10%,transparent 82%)}.atlas-orbit{position:absolute;left:50%;top:49%;width:64%;height:52%;border:1px solid rgba(240,244,231,.20);border-radius:50%;transform:translate(-50%,-50%) rotate(-27deg);animation:atlasOrbit 24s linear infinite}.atlas-orbit-two{width:44%;height:72%;transform:translate(-50%,-50%) rotate(30deg);border-color:rgba(240,244,231,.13);animation-duration:32s;animation-direction:reverse}.atlas-crosshair{position:absolute;pointer-events:none;opacity:.36}.atlas-crosshair-x{left:9%;right:9%;top:49%;border-top:1px dashed rgba(255,255,255,.26)}.atlas-crosshair-y{top:9%;bottom:12%;left:50%;border-left:1px dashed rgba(255,255,255,.24)}
.atlas-scene{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transition:opacity .48s ease,transform .65s cubic-bezier(.22,1,.36,1),visibility .48s}.atlas-scene.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.atlas-doc-sheet{position:relative;width:52%;max-width:235px;height:64%;max-height:330px;min-height:270px;padding:20px 19px;background:linear-gradient(145deg,#f4f2e7,#d8ddcf);border-radius:8px;color:#3b4a3d;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 20px 44px rgba(0,0,0,.28),0 45px 70px rgba(0,0,0,.25);transform:rotate(-5deg);animation:atlasFloat 8s ease-in-out infinite}.atlas-doc-back{position:absolute;width:43%;height:52%;background:linear-gradient(145deg,#b5c7b8,#6c8878);border-radius:8px;transform:translate(18px,18px) rotate(7deg);box-shadow:0 18px 34px rgba(0,0,0,.2)}.atlas-doc-kicker{display:block;font:7px var(--mono);letter-spacing:.06em;color:#718173}.atlas-doc-sheet>b{display:block;margin-top:22px;font-size:clamp(18px,2vw,26px);line-height:1.02;letter-spacing:-.065em;font-weight:560}.atlas-doc-lead{display:block;width:90%;height:3px;margin-top:12px;background:#aab6a8;border-radius:3px}.atlas-doc-sheet>i{display:block;width:94%;height:3px;margin-top:8px;border-radius:3px;background:#c0c9bc}.atlas-doc-sheet>i.short{width:57%}.atlas-doc-sheet>i.mid{width:72%}.atlas-doc-figure{display:flex;gap:4px;height:42px;margin-top:13px}.atlas-doc-figure span{flex:1;background:linear-gradient(145deg,#c5d3c5,#8ba493);border-radius:2px}.atlas-doc-figure span:nth-child(2){flex:1.4;background:linear-gradient(145deg,#a9c0b0,#708d7b)}.atlas-doc-figure span:nth-child(3){background:linear-gradient(145deg,#e3dfc8,#bfc6b2)}.atlas-doc-foot{position:absolute;left:19px;right:19px;bottom:15px;display:flex;justify-content:space-between;font:6px var(--mono);letter-spacing:.04em;color:#7c897b}.atlas-float-tag{position:absolute;font:8px var(--mono);letter-spacing:.07em;color:rgba(238,241,231,.7);padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(10,14,12,.48);backdrop-filter:blur(12px)}.atlas-tag-a{left:8%;top:17%}.atlas-tag-b{right:6%;bottom:16%}
.atlas-slide-back,.atlas-slide-mid,.atlas-slide-front{position:absolute;width:55%;height:43%;border-radius:8px;box-shadow:0 20px 48px rgba(0,0,0,.28)}.atlas-slide-back{background:#879d8e;transform:translate(20px,17px) rotate(8deg)}.atlas-slide-mid{background:#d9dfd2;transform:translate(-10px,10px) rotate(-6deg)}.atlas-slide-front{padding:20px;background:linear-gradient(135deg,#f2f1e5,#cdd9cb);color:#26382c;transform:rotate(-2deg);animation:atlasFloat 8.5s ease-in-out infinite}.atlas-slide-front>span,.atlas-slide-front small{font:7px var(--mono);letter-spacing:.06em;color:#758779}.atlas-slide-front>b{display:block;margin-top:24px;font-size:clamp(20px,2.2vw,30px);line-height:1.02;letter-spacing:-.06em;font-weight:560}.atlas-slide-graphic{position:absolute;right:14px;bottom:36px;width:44%;height:42%;border-radius:5px;background:linear-gradient(140deg,#5e8171 0 46%,#b5c9b6 46% 100%);overflow:hidden}.atlas-slide-graphic i{position:absolute;left:12%;top:18%;width:52%;height:3px;background:rgba(255,255,255,.7)}.atlas-slide-graphic i:nth-child(2){top:27%;width:34%}.atlas-slide-graphic i:nth-child(3){top:auto;bottom:14%;width:62%;background:rgba(28,48,34,.28)}.atlas-slide-graphic b{position:absolute;right:13%;bottom:17%;width:20%;aspect-ratio:1;border-radius:50%;background:#e9e2c4}.atlas-slide-front small{position:absolute;left:20px;right:20px;bottom:13px;display:flex;justify-content:space-between}
.atlas-image-frame{position:relative;width:68%;aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(255,255,255,.35);border-radius:9px;background:linear-gradient(145deg,#dce3d5,#90a99c 50%,#4e6d62);box-shadow:0 22px 60px rgba(0,0,0,.32);transform:rotate(-3deg);animation:atlasFloat 9s ease-in-out infinite}.atlas-image-sun{position:absolute;right:15%;top:15%;width:17%;aspect-ratio:1;border-radius:50%;background:#eee7c7;box-shadow:0 0 45px rgba(238,231,199,.25)}.atlas-image-mountain{position:absolute;left:-10%;right:-10%;bottom:0;height:65%;clip-path:polygon(0 68%,19% 18%,35% 54%,52% 6%,68% 57%,84% 25%,100% 65%,100% 100%,0 100%)}.atlas-image-mountain.one{background:#8ca596;bottom:0}.atlas-image-mountain.two{background:#5e7d70;height:45%;clip-path:polygon(0 40%,18% 4%,36% 48%,53% 16%,71% 57%,87% 20%,100% 44%,100% 100%,0 100%)}.atlas-image-mountain.three{background:#344f45;height:26%;clip-path:polygon(0 35%,26% 7%,45% 42%,70% 8%,100% 40%,100% 100%,0 100%)}.atlas-image-crosshair{position:absolute;inset:14%;border:1px dashed rgba(255,255,255,.48)}.atlas-image-frame>span{position:absolute;left:12px;bottom:10px;font:7px var(--mono);color:rgba(255,255,255,.8)}.atlas-spatial-svg,.atlas-circuit-svg{position:relative;width:100%;height:100%;padding:6%;overflow:visible;color:#dbe5d9;animation:atlasFloat 10s ease-in-out infinite}.atlas-circuit-grid{background-size:28px 28px}.atlas-circuit-svg{width:90%;height:84%;padding:0;color:#dbe5d9}.atlas-visual-foot{position:absolute;left:22px;right:22px;bottom:18px;display:flex;justify-content:space-between;gap:12px;font:7px var(--mono);letter-spacing:.06em;color:rgba(240,244,231,.56)}
.atlas-details{display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,3.4vw,52px);background:linear-gradient(155deg,rgba(255,255,251,.96),rgba(241,243,233,.86));color:#17221a;min-width:0}.atlas-detail-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font:8px var(--mono);letter-spacing:.07em;color:#879285}.atlas-live{display:flex;align-items:center;gap:7px}.atlas-live i{width:5px;height:5px;border-radius:50%;background:#9abf6b;box-shadow:0 0 10px rgba(154,191,107,.45)}.atlas-details h3{font-family:var(--font-display);font-size:clamp(27px,3.1vw,43px);line-height:1.02;letter-spacing:-.065em;font-weight:540;margin:36px 0 15px;color:#1a251c}.atlas-details>p{font-size:13px;line-height:1.85;color:#697469;margin:0;max-width:440px}.atlas-format-heading{display:flex;justify-content:space-between;gap:12px;margin-top:35px;color:#859084;font:8px var(--mono);letter-spacing:.08em}.atlas-format-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.atlas-format-tags span{padding:7px 9px;border-radius:7px;background:#e5e9df;color:#4c5d4e;font:9px var(--mono);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 3px 8px rgba(30,43,31,.035)}.atlas-detail-divider{height:1px;background:rgba(30,45,33,.10);margin:25px 0 15px}.atlas-action-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;padding:9px 0}.atlas-action-row>span{font:7px var(--mono);letter-spacing:.055em;color:#929b90}.atlas-action-row>strong{font-size:10px;font-weight:560;line-height:1.5;color:#455548}.atlas-console-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding:17px 22px;background:rgba(240,243,234,.85);border-top:1px solid rgba(31,45,33,.08);font:8px var(--mono);letter-spacing:.06em;color:#879184}.atlas-console-foot b{color:#3d5140;font-weight:600;margin-left:10px}
@keyframes atlasOrbit{to{transform:translate(-50%,-50%) rotate(333deg)}}@keyframes atlasFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}

.control-layer-section{background:#111513;color:#f2f2e9;padding:clamp(88px,10vw,150px) 0;position:relative;overflow:hidden}.control-layer-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 78% 35%,rgba(134,165,139,.12),transparent 38%),radial-gradient(ellipse at 3% 85%,rgba(198,190,154,.07),transparent 30%)}.control-layer-heading{position:relative}.control-layer-heading .section-kicker{color:#9da99a}.control-layer-heading .section-heading{color:#f3f2e9}.control-layer-heading .section-desc{color:#9ca49a}
.control-lab{display:grid;grid-template-columns:minmax(220px,.48fr) minmax(0,1.52fr);border:1px solid rgba(255,255,255,.10);border-radius:25px;overflow:hidden;background:rgba(255,255,255,.025);box-shadow:0 28px 75px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)}.control-lab-rail{padding:27px 22px;background:rgba(255,255,255,.025);border-right:1px solid rgba(255,255,255,.09)}.control-lab-label{font:8px var(--mono);letter-spacing:.09em;color:#8b958a}.control-kind-list{display:flex;flex-direction:column;gap:5px;margin-top:15px}.control-kind{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:11px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#9ba49a;cursor:pointer;transition:background .28s,border-color .28s,color .28s}.control-kind span{font-size:12px}.control-kind small{font:8px var(--mono);color:#747f75}.control-kind.active{color:#f2f3e9;background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.08);box-shadow:0 7px 18px rgba(0,0,0,.10)}.control-kind.active small{color:#c5d0c3}.control-lab-divider{height:1px;background:rgba(255,255,255,.10);margin:24px 0}.control-mode-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:11px;background:rgba(0,0,0,.23);margin-top:14px}.control-mode{border:0;border-radius:8px;padding:9px 3px;background:transparent;color:#8d988c;font-size:10px;cursor:pointer;transition:background .25s,color .25s}.control-mode.active{background:#dce5d8;color:#243528;box-shadow:0 3px 10px rgba(0,0,0,.18)}.control-lab-note{font-size:10px;line-height:1.8;color:#8d988d;margin:18px 0 0}
.control-lab-stage{position:relative;display:grid;grid-template-rows:42px auto minmax(300px,1fr) 36px;min-width:0;min-height:510px;background:radial-gradient(ellipse at 50% 45%,rgba(149,177,151,.11),transparent 62%),#0a0d0c;transition:background .45s}.control-stage-top,.control-stage-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;color:#7e897e;font:7px var(--mono);letter-spacing:.07em}.control-stage-top{border-bottom:1px solid rgba(255,255,255,.075)}.control-stage-lights{display:flex;gap:4px}.control-stage-lights i{width:5px;height:5px;border-radius:50%;background:#647267}.control-stage-lights i:nth-child(2){background:#9a9e82}.control-stage-lights i:nth-child(3){background:#c1d5b7}.control-toolbar{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);transition:opacity .35s,transform .45s,padding .35s}.control-toolbar-brand{display:flex;align-items:center;gap:7px;color:#e8ece3;font-size:12px;font-weight:600;letter-spacing:-.04em;flex:0 0 auto}.control-toolbar-brand i{width:15px;height:15px;border:1.5px solid #dfe8d9;border-radius:50%;position:relative}.control-toolbar-brand i:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#c7ef8e;right:-1px;top:0}.control-shared-tools{display:flex;align-items:center;gap:5px;min-width:0;flex:1}.control-tool{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(255,255,255,.035);color:#aeb8ad;font:9px var(--mono);white-space:nowrap}.control-tool-context{background:rgba(197,224,181,.12);border-color:rgba(197,224,181,.15);color:#d5e6cb}.control-tool-page,.control-tool-zoom{border-color:transparent;background:transparent;color:#e2e7de}.control-more{display:none;align-items:center;gap:7px;flex:0 0 auto;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 10px;background:rgba(255,255,255,.06);color:#e6ebe1;font-size:10px;cursor:pointer}.control-overflow{position:absolute;z-index:4;right:18px;top:calc(100% - 4px);min-width:175px;padding:7px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(22,28,24,.96);box-shadow:0 18px 38px rgba(0,0,0,.35);backdrop-filter:blur(16px)}.control-overflow[hidden]{display:none}.control-overflow span{display:block;padding:9px 10px;border-radius:7px;color:#c6d0c5;font-size:10px}.control-overflow span+span{border-top:1px solid rgba(255,255,255,.06)}
.control-stage-content{position:relative;display:grid;place-items:center;overflow:hidden;min-height:300px;padding:34px;background:#101613;transition:padding .45s,background .45s}.control-content-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(223,235,216,.12) .7px,transparent .9px);background-size:10px 10px;mask-image:radial-gradient(ellipse at center,black,transparent 78%);opacity:.4}.control-content-label{position:absolute;top:17px;left:20px;color:#7f8c80;font:7px var(--mono);letter-spacing:.08em}.control-paper{position:relative;width:min(100%,370px);min-height:270px;padding:28px 28px 38px;border-radius:4px;background:linear-gradient(145deg,#f3f2e8,#d9dfd2);color:#29392d;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 22px 44px rgba(0,0,0,.28),0 48px 80px rgba(0,0,0,.18);transform:rotate(-1.5deg);transition:width .5s,transform .5s,padding .5s,border-radius .5s,box-shadow .5s}.control-paper>span:first-child{display:block;color:#798779;font:7px var(--mono);letter-spacing:.07em}.control-paper h3{font-family:var(--font-display);font-size:clamp(22px,2.8vw,33px);line-height:1.02;letter-spacing:-.065em;font-weight:540;margin:27px 0 10px;max-width:300px}.control-paper p{font-size:10px;line-height:1.7;color:#68776a;max-width:300px;margin:0}.control-paper-rule{height:1px;background:rgba(53,74,56,.15);margin:18px 0 14px}.control-paper-lines{display:flex;flex-direction:column;gap:6px}.control-paper-lines i{height:3px;width:94%;background:#c4cec0;border-radius:3px}.control-paper-lines i.short{width:54%}.control-paper-lines i.mid{width:72%}.control-paper-figure{display:flex;gap:5px;height:35px;margin:13px 0}.control-paper-figure span{flex:1;border-radius:2px;background:linear-gradient(135deg,#cbd6c7,#8ba18e)}.control-paper-figure span:nth-child(2){flex:1.5;background:linear-gradient(135deg,#b7c9b7,#78917e)}.control-paper-figure span:nth-child(3){background:linear-gradient(135deg,#e1dec8,#bdc5b4)}.control-paper-page{position:absolute!important;left:28px;right:28px;bottom:13px;display:flex!important;justify-content:space-between;color:#9aa496!important;font:7px var(--mono)!important}.control-exit-focus{display:none;position:absolute;right:20px;top:17px;z-index:3;padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(10,14,12,.58);color:#f2f4ec;font-size:10px;cursor:pointer;backdrop-filter:blur(12px)}.control-stage-foot{border-top:1px solid rgba(255,255,255,.075)}
.control-lab[data-layout="compact"] .control-tool-context,.control-lab[data-layout="compact"] .control-tool-secondary{display:none}.control-lab[data-layout="compact"] .control-more{display:inline-flex}.control-lab[data-layout="compact"] .control-shared-tools{gap:4px}.control-lab[data-layout="compact"] .control-tool{padding:0 6px}.control-lab[data-layout="focus"] .control-stage-top{opacity:0;height:0;overflow:hidden;border:0}.control-lab[data-layout="focus"] .control-toolbar{opacity:0;transform:translateY(-10px);height:0;padding-top:0;padding-bottom:0;overflow:hidden;border:0}.control-lab[data-layout="focus"] .control-lab-stage{grid-template-rows:0 0 minmax(360px,1fr) 36px}.control-lab[data-layout="focus"] .control-stage-content{padding:36px;background:radial-gradient(ellipse at 50% 50%,rgba(164,194,162,.12),transparent 60%),#0b100d}.control-lab[data-layout="focus"] .control-paper{width:min(100%,460px);min-height:310px;padding:38px 40px 48px;transform:none;border-radius:8px;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 28px 60px rgba(0,0,0,.34)}.control-lab[data-layout="focus"] .control-paper h3{font-size:clamp(28px,3.7vw,44px);margin-top:34px}.control-lab[data-layout="focus"] .control-paper p{font-size:12px}.control-lab[data-layout="focus"] .control-paper-figure{height:52px}.control-lab[data-layout="focus"] .control-content-label{opacity:0}.control-lab[data-layout="focus"] .control-exit-focus{display:block}
.control-stage-content[data-kind="presentation"] .control-paper{background:linear-gradient(145deg,#dce7dc,#9db7a5);transform:rotate(1.5deg)}.control-stage-content[data-kind="presentation"] .control-paper h3{font-size:clamp(28px,3.5vw,44px)}.control-stage-content[data-kind="image"] .control-paper{width:min(100%,410px);min-height:240px;background:linear-gradient(145deg,#e0e7d8,#93b1a1);overflow:hidden}.control-stage-content[data-kind="image"] .control-paper:after{content:"";position:absolute;inset:24% 0 0;background:linear-gradient(150deg,transparent 0 35%,rgba(72,104,88,.55) 35% 56%,rgba(40,70,56,.85) 56% 100%);clip-path:polygon(0 58%,25% 15%,42% 49%,61% 0,78% 54%,100% 24%,100% 100%,0 100%)}.control-stage-content[data-kind="image"] .control-paper-figure,.control-stage-content[data-kind="image"] .control-paper-lines,.control-stage-content[data-kind="image"] .control-paper-rule{opacity:0}.control-stage-content[data-kind="spatial"] .control-paper{background:linear-gradient(145deg,#1e2922,#0d1410);color:#e6ecdf;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 16px rgba(255,255,255,.015),0 0 0 42px rgba(255,255,255,.02),0 30px 65px rgba(0,0,0,.4)}.control-stage-content[data-kind="spatial"] .control-paper>span:first-child,.control-stage-content[data-kind="spatial"] .control-paper p{color:#9aa99a}.control-stage-content[data-kind="spatial"] .control-paper h3{color:#f0f2e9}.control-stage-content[data-kind="spatial"] .control-paper-figure span{background:linear-gradient(135deg,#a8c1a8,#5f8170)}
.control-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.control-principles>div{position:relative;padding:20px 22px 0 0;border-top:1px solid rgba(255,255,255,.12)}.control-principles span{display:block;margin-bottom:18px;color:#9aab98;font:9px var(--mono)}.control-principles strong{display:block;color:#e9ede4;font-size:14px;font-weight:560}.control-principles p{margin:9px 0 0;color:#909b90;font-size:11px;line-height:1.8}

.format-index-note{max-width:530px;margin:14px 0 18px;color:#788478;font-size:11px;line-height:1.7}.format-filter-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:20px 0 0}.format-filter,.format-clear{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(30,46,33,.10);border-radius:999px;background:rgba(255,255,255,.32);color:#68756a;font-size:10px;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s}.format-filter:hover,.format-clear:hover{transform:translateY(-1px);color:#203125;border-color:rgba(30,46,33,.24)}.format-filter.active{background:#1d2b21;color:#f4f4eb;border-color:#1d2b21;box-shadow:0 7px 18px rgba(24,39,27,.12)}.filter-count{font:8px var(--mono);opacity:.7}.format-clear{margin-left:auto;background:transparent;color:#8a9489;border-color:transparent}.format-chip[hidden]{display:none!important}

.faq-section{background:#f5f4ee;color:#19211b;padding:clamp(80px,9vw,130px) 0}.faq-intro{margin-bottom:32px}.faq-intro .section-desc{margin-bottom:5px}.faq-list{border-top:1px solid rgba(25,36,28,.16)}.faq-item{border-bottom:1px solid rgba(25,36,28,.14)}.faq-item summary{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:18px;padding:23px 4px;cursor:pointer;list-style:none;color:#27342a}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span{font:9px var(--mono);color:#879286}.faq-item summary strong{font-size:clamp(14px,1.35vw,18px);font-weight:540;letter-spacing:-.025em}.faq-item summary i{position:relative;width:22px;height:22px;border-radius:50%;border:1px solid rgba(36,53,39,.18);transition:transform .3s,background .3s}.faq-item summary i:before,.faq-item summary i:after{content:"";position:absolute;left:6px;right:6px;top:10px;height:1px;background:#5c6c5d}.faq-item summary i:after{transform:rotate(90deg);transition:transform .3s}.faq-item[open] summary i{background:#dce5d8;transform:rotate(180deg)}.faq-item[open] summary i:after{transform:rotate(0)}.faq-answer{max-width:800px;padding:0 48px 25px 60px;color:#687469;font-size:12px;line-height:1.95;animation:faqReveal .35s ease both}@keyframes faqReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
html[data-theme="dark"] .atlas-section{background:#0d1210;color:#e8eee5}html[data-theme="dark"] .atlas-section:before{background:radial-gradient(ellipse at 75% 24%,rgba(110,147,118,.12),transparent 34%),radial-gradient(ellipse at 6% 88%,rgba(164,149,109,.06),transparent 36%)}html[data-theme="dark"] .atlas-heading .section-kicker,html[data-theme="dark"] .control-layer-heading .section-kicker,html[data-theme="dark"] .faq-intro .section-kicker{color:#91a18f}html[data-theme="dark"] .atlas-heading .section-heading,html[data-theme="dark"] .faq-intro .section-heading{color:#edf0e7}html[data-theme="dark"] .atlas-heading .section-desc,html[data-theme="dark"] .faq-intro .section-desc{color:#9ba79b}html[data-theme="dark"] .atlas-console{background:rgba(21,27,23,.9);box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}html[data-theme="dark"] .atlas-rail{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.08)}html[data-theme="dark"] .atlas-tab{color:#8c998d}html[data-theme="dark"] .atlas-tab:hover{color:#eef1e7;background:rgba(255,255,255,.045)}html[data-theme="dark"] .atlas-tab.active{background:rgba(255,255,255,.075);color:#f0f2e9;box-shadow:0 8px 24px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.04)}html[data-theme="dark"] .atlas-tab-copy small,html[data-theme="dark"] .atlas-rail-note{color:#8b978b}html[data-theme="dark"] .atlas-details{background:linear-gradient(155deg,#171e19,#111713);color:#edf1e7}html[data-theme="dark"] .atlas-details h3{color:#edf1e7}html[data-theme="dark"] .atlas-details>p{color:#9ca99c}html[data-theme="dark"] .atlas-detail-top,html[data-theme="dark"] .atlas-format-heading{color:#8f9c8f}html[data-theme="dark"] .atlas-format-tags span{background:#242e26;color:#c6d7c3;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}html[data-theme="dark"] .atlas-detail-divider{background:rgba(255,255,255,.10)}html[data-theme="dark"] .atlas-action-row>span{color:#89958a}html[data-theme="dark"] .atlas-action-row>strong{color:#c2cfc0}html[data-theme="dark"] .atlas-console-foot{background:#111713;border-color:rgba(255,255,255,.08);color:#899589}html[data-theme="dark"] .atlas-console-foot b{color:#d3e3cb}
html[data-theme="dark"] .faq-section{background:#0b0e0c;color:#edf0e7}html[data-theme="dark"] .faq-intro .section-desc{color:#9ca69b}html[data-theme="dark"] .faq-list,html[data-theme="dark"] .faq-item{border-color:rgba(255,255,255,.12)}html[data-theme="dark"] .faq-item summary{color:#e7ece2}html[data-theme="dark"] .faq-item summary>span{color:#859285}html[data-theme="dark"] .faq-item summary i{border-color:rgba(255,255,255,.18)}html[data-theme="dark"] .faq-item summary i:before,html[data-theme="dark"] .faq-item summary i:after{background:#aebbac}html[data-theme="dark"] .faq-item[open] summary i{background:#2b3b2e}html[data-theme="dark"] .faq-answer{color:#a1ada1}
html[data-theme="light"] .format-index-note{color:#738074}html[data-theme="dark"] .format-index-note{color:#a0ad9f}html[data-theme="dark"] .format-filter,html[data-theme="dark"] .format-clear{background:rgba(255,255,255,.035);color:#a2afa1;border-color:rgba(255,255,255,.10)}html[data-theme="dark"] .format-filter.active{background:#dce7d7;color:#1a291d;border-color:#dce7d7}html[data-theme="dark"] .format-filter:hover,html[data-theme="dark"] .format-clear:hover{color:#eef2e9;border-color:rgba(255,255,255,.22)}

@media(max-width:1000px){.atlas-console{grid-template-columns:190px minmax(0,1fr)}.atlas-main{grid-template-columns:minmax(0,1fr)}.atlas-visual{min-height:390px}.atlas-details{padding:28px 30px}.atlas-details h3{margin-top:24px}.atlas-format-heading{margin-top:22px}.atlas-detail-divider{margin:18px 0 10px}.control-lab{grid-template-columns:205px minmax(0,1fr)}.control-lab-rail{padding:22px 16px}.control-toolbar{gap:7px;padding:10px}.control-toolbar-brand{font-size:10px}.control-shared-tools{gap:3px}.control-tool{padding:0 5px;font-size:8px}.control-tool-focus{display:none}}
@media(max-width:760px){.atlas-heading,.control-layer-heading,.faq-intro{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.atlas-console{grid-template-columns:1fr;min-height:0;border-radius:20px}.atlas-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:12px;border-right:0;border-bottom:1px solid rgba(27,42,31,.09)}.atlas-tab{grid-template-columns:23px minmax(0,1fr);gap:8px;padding:11px 9px}.atlas-tab-arrow{display:none}.atlas-tab-copy strong{font-size:11px}.atlas-tab-copy small{font-size:9px}.atlas-rail-note{display:none}.atlas-main{grid-template-columns:1fr}.atlas-visual{min-height:350px}.atlas-details{padding:25px 22px 28px}.atlas-details h3{font-size:32px}.atlas-console-foot{font-size:7px;padding:13px 15px;line-height:1.6}.atlas-console-foot span:last-child{text-align:right}.control-layer-section{padding:76px 0}.control-lab{grid-template-columns:1fr;border-radius:20px}.control-lab-rail{border-right:0;border-bottom:1px solid rgba(255,255,255,.09);padding:19px}.control-kind-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.control-kind{padding:10px}.control-lab-divider{margin:17px 0}.control-mode-list{max-width:330px}.control-lab-note{margin-top:13px}.control-lab-stage{min-height:470px;grid-template-rows:38px auto minmax(300px,1fr) 34px}.control-stage-top,.control-stage-foot{padding:0 12px;font-size:6px}.control-toolbar{gap:6px;padding:9px 10px;flex-wrap:wrap}.control-toolbar-brand{font-size:10px}.control-shared-tools{gap:3px;overflow:hidden}.control-tool{min-height:26px;padding:0 5px;font-size:7px}.control-tool-focus{display:none}.control-lab[data-layout="compact"] .control-shared-tools{flex-wrap:nowrap}.control-lab[data-layout="focus"] .control-lab-stage{grid-template-rows:0 0 minmax(340px,1fr) 34px}.control-stage-content{padding:24px 14px}.control-paper{min-height:260px;padding:22px}.control-paper h3{font-size:25px}.control-principles{grid-template-columns:1fr;gap:14px;margin-top:23px}.control-principles>div{padding:14px 0 0}.control-principles span{margin-bottom:9px}.format-filter-row{gap:6px}.format-filter,.format-clear{font-size:9px;padding:8px 9px}.format-clear{margin-left:0}.faq-section{padding:74px 0}.faq-item summary{grid-template-columns:25px minmax(0,1fr) 22px;gap:10px;padding:18px 0}.faq-answer{padding:0 18px 21px 35px;font-size:11px}}
@media(max-width:420px){.atlas-tab{grid-template-columns:18px minmax(0,1fr);padding:10px 7px}.atlas-tab-index{font-size:8px}.atlas-tab-copy strong{font-size:10px}.atlas-tab-copy small{font-size:8px}.atlas-visual{min-height:300px}.atlas-doc-sheet{width:59%;min-height:250px;padding:17px 15px}.atlas-doc-foot{left:15px;right:15px}.atlas-float-tag{font-size:6px;padding:6px 7px}.atlas-action-row{grid-template-columns:94px minmax(0,1fr)}.control-kind span{font-size:10px}.control-kind small{font-size:7px}.control-stage-top span:first-child{max-width:120px}.control-shared-tools{gap:2px}.control-tool{min-height:23px;padding:0 4px;font-size:6px}.control-toolbar-brand{gap:4px}.control-toolbar-brand i{width:12px;height:12px}.control-more{padding:6px 7px;font-size:8px}.control-paper{padding:20px}.control-paper-page{left:20px!important;right:20px!important}.control-lab-stage{grid-template-rows:34px auto minmax(280px,1fr) 32px}.control-lab[data-layout="focus"] .control-lab-stage{grid-template-rows:0 0 minmax(310px,1fr) 32px}.faq-item summary strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.atlas-orbit,.atlas-doc-sheet,.atlas-slide-front,.atlas-image-frame,.atlas-spatial-svg,.atlas-circuit-svg,.faq-answer{animation:none!important}.atlas-scene,.atlas-tab,.control-mode,.control-kind,.control-paper{transition:none!important}}
html[data-theme="light"] .control-layer-heading .section-heading{color:#f3f2e9}
html[data-theme="light"] .control-layer-heading .section-desc{color:#9ca49a}
#idea,#atlas,#experience,#control-layer,#demo,#formats,#questions,#start{scroll-margin-top:86px}
@media(max-width:760px){#idea,#atlas,#experience,#control-layer,#demo,#formats,#questions,#start{scroll-margin-top:66px}}


/* V5.5 — bounded format explorer: representative results, persistent detail, no 1,200-card wall. */
.format-section{padding:clamp(72px,8vw,108px) 0 clamp(78px,8vw,112px)}
.format-layout{display:block;max-width:1370px}
.format-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:32px}
.format-heading-copy{max-width:720px;min-width:0}
.format-heading-copy .section-heading{font-size:clamp(42px,5.2vw,68px);line-height:.98;margin:18px 0 17px;letter-spacing:-.075em}
.format-heading-copy .section-desc{max-width:660px;margin:0;line-height:1.8}
.format-proof{flex:0 0 245px;border-left:1px solid rgba(38,58,47,.2);padding:5px 0 5px 25px;margin-bottom:4px}
.format-proof>strong{display:block;font:clamp(43px,5vw,62px)/.95 var(--font-display);letter-spacing:-.075em;color:var(--paint-hex-18251e)}
.format-proof>strong span{font-size:.55em;vertical-align:top;margin-left:2px}
.format-proof-label{display:block;margin-top:12px;font:8px var(--mono);letter-spacing:.1em;color:var(--paint-hex-4f605a)}
.format-proof p{max-width:205px;margin:10px 0 0;font-size:11px;line-height:1.7;color:var(--paint-hex-4f605a)}
.format-explorer-panel{display:grid;grid-template-columns:205px minmax(0,1fr) 250px;gap:18px;align-items:stretch;padding:17px;border:1px solid rgba(38,58,47,.14);border-radius:24px;background:rgba(246,248,239,.28);box-shadow:0 22px 55px rgba(44,62,52,.055),inset 0 1px 0 rgba(255,255,255,.48);backdrop-filter:blur(12px)}
.format-sidebar{min-width:0;display:flex;flex-direction:column;padding:7px 4px 5px 2px}
.format-side-kicker,.format-side-heading,.format-results-kicker{font:8px var(--mono);letter-spacing:.1em;color:var(--paint-hex-5b6c60)}
.format-search{max-width:none;margin-top:12px;height:43px;padding:0 11px;gap:8px;background:rgba(255,255,255,.43);box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 4px 12px rgba(54,73,65,.035)}
.format-search input{font-size:11px}
.format-search input::placeholder{color:#87948a}
.format-side-heading{margin:24px 0 9px}
.format-filter-row{display:flex;flex-direction:column;gap:4px;margin:0}
.format-filter,.format-clear{width:100%;min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#5f7065;font-size:10px;text-align:left;transition:background .2s,color .2s,border-color .2s}
.format-filter:hover,.format-clear:hover{transform:none;color:#203125;background:rgba(255,255,255,.35);border-color:rgba(30,46,33,.08)}
.format-filter.active{background:#1d2b21;color:#f4f4eb;border-color:#1d2b21;box-shadow:0 6px 14px rgba(24,39,27,.10)}
.format-filter .filter-count{font:8px var(--mono);opacity:.65}
.format-clear{margin:12px 0 0;justify-content:flex-start;min-height:30px;padding-left:10px;color:#738176;font-size:9px}
.format-clear span{margin-left:auto;font-size:13px}
.format-sidebar-note{display:flex;align-items:flex-start;gap:8px;margin-top:auto;padding:15px 7px 0;border-top:1px solid rgba(38,58,47,.12);font-size:9px;line-height:1.7;color:#748176}
.format-sidebar-dot,.format-status-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#a5d95e;box-shadow:0 0 0 3px rgba(165,217,94,.13);margin-top:4px}
.format-results{min-width:0;display:flex;flex-direction:column;padding:4px 0 0}
.format-results-head{min-height:37px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.format-results-head>div{display:flex;flex-direction:column;gap:5px}
.format-results-head strong{font-size:12px;font-weight:550;letter-spacing:-.02em;color:#26352b}
.format-page-meta{font:8px var(--mono);color:#748176;white-space:nowrap;padding-top:2px}
.format-universe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:322px;align-content:start}
.format-chip{min-height:101px;padding:11px 12px;border:1px solid rgba(49,67,54,.035);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 12px rgba(54,73,65,.025)}
.format-chip:hover{transform:translateY(-2px)}
.format-chip[aria-pressed="true"]{transform:none;background:rgba(255,255,248,.76);box-shadow:inset 0 0 0 1px rgba(52,79,61,.28),0 6px 16px rgba(54,73,65,.07)}
.format-glyph{width:24px;height:28px;margin-bottom:10px;font-size:8px}
.format-chip strong{font-size:10px;letter-spacing:-.025em}
.format-chip small{margin-top:5px;font-size:8px;line-height:1.35;white-space:normal}
.format-empty{grid-column:1/-1;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#5f7065;font-size:12px}
.format-empty[hidden]{display:none!important}
.format-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:13px;border-top:1px solid rgba(38,58,47,.12)}
.format-pagination-note{font-size:9px;color:#788579;line-height:1.5}
.format-pagination-controls{display:flex;align-items:center;gap:9px;flex:none}
.format-pagination-controls>span{min-width:43px;text-align:center;font:8px var(--mono);color:#657368}
.format-page-button{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(38,58,47,.15);border-radius:50%;background:rgba(255,255,255,.28);color:#26352b;cursor:pointer;transition:background .2s,opacity .2s}
.format-page-button:hover:not(:disabled){background:rgba(255,255,255,.72)}
.format-page-button:disabled{opacity:.3;cursor:not-allowed}
.format-detail{grid-column:auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;margin:0;padding:17px 16px 15px;border:1px solid rgba(38,58,47,.13);border-radius:17px;background:rgba(250,250,242,.38);min-height:100%;}
.format-detail[hidden]{display:none!important}
.format-detail-top{display:flex;align-items:center;gap:10px}
.format-detail-glyph{display:grid;place-items:center;width:35px;height:42px;border-radius:6px 6px 10px 6px;background:#e7ece0;color:#415e50;font:10px var(--mono);font-weight:600;box-shadow:0 2px 6px rgba(46,59,48,.08);position:relative}
.format-detail-glyph:after{content:"";position:absolute;right:0;top:0;border-top:8px solid #aabbb5;border-left:8px solid transparent}
.format-detail-kicker{font:8px var(--mono);letter-spacing:.09em;color:#718074}
.format-detail h3{margin:20px 0 7px;font-size:clamp(27px,2.8vw,37px);line-height:1;letter-spacing:-.06em;overflow-wrap:anywhere}
.format-detail p{font-size:10px;line-height:1.75;color:#617065}
.format-detail-divider{height:1px;width:100%;background:rgba(38,58,47,.13);margin:18px 0 14px}
.format-detail-meta{display:flex;flex-direction:column;gap:5px}
.format-detail-meta>span{font:7px var(--mono);letter-spacing:.08em;color:#819083}
.format-detail-meta>strong{font-size:11px;font-weight:550;color:#344438}
.format-detail-status-row{display:flex;align-items:flex-start;gap:8px;margin-top:17px}
.format-detail-status{font:7px/1.6 var(--mono);letter-spacing:.025em;text-align:left;color:#617065;overflow-wrap:anywhere}
.format-try{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:18px;padding:12px 13px;border:0;border-radius:999px;background:#1d2b21;color:#f4f4eb;font-size:10px;cursor:pointer;transition:transform .2s,background .2s}
.format-try:hover{transform:translateY(-1px);background:#2d4434}
.format-try[hidden]{display:none!important}
.format-detail-footnote{margin:13px 0 0!important;padding-top:12px;border-top:1px solid rgba(38,58,47,.1);font-size:8px!important;line-height:1.7!important;color:#819083!important}
html[data-theme="dark"] .format-explorer-panel{background:rgba(18,25,20,.68);border-color:rgba(255,255,255,.10);box-shadow:0 22px 55px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035)}
html[data-theme="dark"] .format-proof{border-color:rgba(255,255,255,.15)}
html[data-theme="dark"] .format-proof>strong{color:#e7eee4}
html[data-theme="dark"] .format-proof-label,html[data-theme="dark"] .format-proof p,html[data-theme="dark"] .format-side-kicker,html[data-theme="dark"] .format-side-heading,html[data-theme="dark"] .format-results-kicker{color:#a2b0a1}
html[data-theme="dark"] .format-search{background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
html[data-theme="dark"] .format-search input{color:#e5ece2}
html[data-theme="dark"] .format-search input::placeholder{color:#829182}
html[data-theme="dark"] .format-filter,html[data-theme="dark"] .format-clear{background:transparent;color:#a2b0a1;border-color:transparent}
html[data-theme="dark"] .format-filter:hover,html[data-theme="dark"] .format-clear:hover{color:#eef2e9;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.07)}
html[data-theme="dark"] .format-filter.active{background:#dce7d7;color:#1a291d;border-color:#dce7d7}
html[data-theme="dark"] .format-sidebar-note,html[data-theme="dark"] .format-pagination{border-color:rgba(255,255,255,.10)}
html[data-theme="dark"] .format-sidebar-note,html[data-theme="dark"] .format-pagination-note,html[data-theme="dark"] .format-page-meta,html[data-theme="dark"] .format-pagination-controls>span{color:#91a092}
html[data-theme="dark"] .format-results-head strong{color:#e3ebe0}
html[data-theme="dark"] .format-chip{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
html[data-theme="dark"] .format-chip:hover,html[data-theme="dark"] .format-chip[aria-pressed="true"]{background:rgba(220,231,215,.11);box-shadow:inset 0 0 0 1px rgba(220,231,215,.22),0 6px 16px rgba(0,0,0,.12)}
html[data-theme="dark"] .format-chip strong{color:#e3ebe0}
html[data-theme="dark"] .format-chip small{color:#9aa89a}
html[data-theme="dark"] .format-detail{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.10)}
html[data-theme="dark"] .format-detail-glyph{background:#29372d;color:#d7e6d2}
html[data-theme="dark"] .format-detail h3{color:#e9eee4}
html[data-theme="dark"] .format-detail p,html[data-theme="dark"] .format-detail-status,html[data-theme="dark"] .format-detail-meta>strong{color:#a6b3a5}
html[data-theme="dark"] .format-detail-meta>span,html[data-theme="dark"] .format-detail-footnote{color:#829082!important}
html[data-theme="dark"] .format-detail-divider,html[data-theme="dark"] .format-detail-footnote{border-color:rgba(255,255,255,.10)}
html[data-theme="dark"] .format-page-button{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.14);color:#e3ebe0}
html[data-theme="dark"] .format-page-button:hover:not(:disabled){background:rgba(255,255,255,.10)}
html[data-theme="dark"] .format-try{background:#dce7d7;color:#1a291d}
html[data-theme="dark"] .format-try:hover{background:#eef5e9}
@media(max-width:1120px){.format-explorer-panel{grid-template-columns:180px minmax(0,1fr);gap:15px}.format-detail{grid-column:2;min-height:0}.format-sidebar-note{margin-top:24px}.format-universe{grid-template-columns:repeat(3,minmax(0,1fr));min-height:322px}}
@media(max-width:760px){.format-section{padding:74px 0 84px}.format-heading-row{display:block;margin-bottom:25px}.format-heading-copy .section-heading{font-size:clamp(40px,11vw,58px)}.format-proof{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:23px;padding:0;border:0}.format-proof>strong{font-size:37px}.format-proof-label{margin:0}.format-proof p{flex-basis:100%;max-width:none;margin:0}.format-explorer-panel{grid-template-columns:minmax(0,1fr);gap:18px;padding:12px;border-radius:19px}.format-sidebar{padding:8px 5px 12px;border-bottom:1px solid rgba(38,58,47,.12)}.format-side-heading{margin-top:17px}.format-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.format-filter{min-height:34px;padding:8px;font-size:9px}.format-clear{width:auto;margin-top:8px;padding-left:8px}.format-sidebar-note{margin-top:12px;padding-top:10px}.format-results{padding:0 2px}.format-results-head{margin-bottom:9px}.format-universe{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-height:0}.format-chip{min-height:94px;padding:10px}.format-empty{min-height:190px}.format-pagination{align-items:flex-start}.format-pagination-note{max-width:145px}.format-detail{grid-column:auto;padding:17px;min-height:0}.format-detail h3{margin-top:14px}.format-detail-divider{margin:14px 0 12px}}
@media(prefers-reduced-motion:reduce){.format-chip,.format-filter,.format-clear,.format-page-button,.format-try{transition:none!important}}

/* Public-site product updates: bilingual control, registry icons and release entry. */
.language-btn{height:40px;min-width:42px;padding:0 12px;border:1px solid var(--paint-rgba-255-255-255-a0p24);border-radius:999px;background:var(--paint-rgba-255-255-255-a0p12);color:currentColor;font:10px var(--mono);letter-spacing:.04em;cursor:pointer;backdrop-filter:blur(14px);transition:transform .2s var(--ease),background .2s}.language-btn:hover{transform:translateY(-1px);background:var(--paint-rgba-255-255-255-a0p2)}.topnav.floating .language-btn{height:33px;min-width:38px;background:transparent}.format-glyph img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.format-detail-glyph{overflow:hidden}.format-detail-glyph.has-icon{padding:0;background:#e7ece0}.format-detail-glyph img{width:100%;height:100%;object-fit:cover}.format-detail-glyph img[hidden]{display:none}.download-section{padding:112px 0 118px;background:var(--paint-hex-101513);color:var(--paint-hex-f4f6ef);position:relative;overflow:hidden}.download-section:before{content:"";position:absolute;inset:-40% 20% auto;height:500px;background:radial-gradient(circle,rgba(217,255,138,.12),transparent 68%);pointer-events:none}.download-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:center;gap:11%}.download-section .section-kicker{color:var(--paint-hex-a8b9b4)}.download-section .section-heading{color:var(--paint-hex-f4f6ef)}.download-section .section-desc{max-width:620px;color:rgba(244,246,239,.7)}.download-card{display:grid;gap:12px;padding:26px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 24px 60px rgba(0,0,0,.2);backdrop-filter:blur(18px)}.download-card-top{display:flex;justify-content:space-between;gap:12px;font:9px var(--mono);letter-spacing:.08em;color:rgba(244,246,239,.6)}.download-card>strong{font-size:25px;letter-spacing:-.04em}.download-card>span{font-size:12px;line-height:1.6;color:rgba(244,246,239,.68)}.download-button{width:max-content;margin-top:5px;background:var(--paint-hex-d9ff8a);color:#1a241b;box-shadow:0 10px 24px rgba(217,255,138,.18)}.download-button[aria-disabled="true"]{opacity:.72;cursor:default}.download-card small{font-size:10px;line-height:1.6;color:rgba(244,246,239,.48)}.ribbon-lanes{grid-template-rows:repeat(6,auto)}.ribbon-lane:nth-child(3) .ribbon-track{animation-duration:52s}.ribbon-lane:nth-child(4) .ribbon-track{animation-duration:60s}.ribbon-item span{max-width:180px;overflow:hidden;text-overflow:ellipsis}
html[data-theme="light"] .download-section{background:#1b2820}html[data-theme="light"] .language-btn{color:#213027;background:rgba(255,255,255,.55);border-color:rgba(17,25,19,.12)}
@media(max-width:760px){.download-section{padding:78px 0 84px}.download-inner{grid-template-columns:1fr;gap:30px}.download-card{max-width:none}.language-btn{min-width:38px;padding:0 9px}.nav-right{gap:6px}}
html[data-theme="dark"] .format-section{background:#0d1210;color:#e8eee5}
html[data-theme="dark"] .format-section:before{background:radial-gradient(circle,rgba(255,255,255,.055),transparent 70%)}
html[data-theme="dark"] .format-section .section-kicker{color:#a0b0a0}
html[data-theme="dark"] .format-section .section-kicker:before{background:#d9ff8a;box-shadow:0 0 10px rgba(217,255,138,.5)}
html[data-theme="dark"] .format-section .section-heading{color:#edf1e7}
html[data-theme="dark"] .format-section .section-desc{color:#9ca99c}
.workflow-section{padding:112px 0 118px;background:#e8ece4;color:#18251e;position:relative;overflow:hidden}.workflow-section:before{content:"";position:absolute;inset:-35% -10% auto auto;width:700px;height:520px;background:radial-gradient(circle,rgba(217,255,138,.18),transparent 68%);pointer-events:none}.workflow-heading{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,460px);gap:10%;align-items:end;margin-bottom:48px}.workflow-heading .section-desc{margin:0;color:#536258;max-width:500px}.workflow-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(24,37,30,.18);border-bottom:1px solid rgba(24,37,30,.18)}.workflow-card{min-height:300px;padding:28px 28px 30px;position:relative;border-right:1px solid rgba(24,37,30,.14);transition:background .25s var(--ease),transform .25s var(--ease)}.workflow-card:last-child{border-right:0}.workflow-card:hover{background:rgba(255,255,255,.38);transform:translateY(-3px)}.workflow-index{display:block;font:10px var(--mono);letter-spacing:.08em;color:#6a786f}.workflow-icon{display:grid;place-items:center;width:44px;height:44px;margin:38px 0 24px;border:1px solid rgba(24,37,30,.23);border-radius:50%;font-size:22px;color:#31483a}.workflow-card h3{margin:0 0 11px;font-size:22px;letter-spacing:-.045em}.workflow-card p{margin:0;max-width:285px;color:#5b6a61;font-size:13px;line-height:1.7}.workflow-card a{display:inline-flex;margin-top:26px;color:#263b2e;font:11px var(--mono);text-decoration:underline;text-underline-offset:4px}.workflow-card a:hover{color:#0f1d15}html[data-theme="dark"] .workflow-section{background:#18231c;color:#edf3ea}html[data-theme="dark"] .workflow-heading .section-desc,html[data-theme="dark"] .workflow-card p{color:#afc0b3}html[data-theme="dark"] .workflow-card{border-color:rgba(255,255,255,.12)}html[data-theme="dark"] .workflow-card:hover{background:rgba(255,255,255,.06)}html[data-theme="dark"] .workflow-card a{color:#d9ff8a}@media(max-width:760px){.workflow-section{padding:78px 0 84px}.workflow-heading{display:block;margin-bottom:30px}.workflow-heading .section-desc{margin-top:18px}.workflow-grid{grid-template-columns:1fr}.workflow-card{min-height:0;padding:24px 2px 30px;border-right:0;border-bottom:1px solid rgba(24,37,30,.14)}.workflow-card:last-child{border-bottom:0}.workflow-icon{margin:25px 0 18px}}