/* =========================================================================
   Aran Industries — Design Tokens
   Phosphor-green CRT on black, serif display, mono body annotations.
   Drop this file into the <head> of any artifact. All vars cascade.
   ========================================================================= */

/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/7420ccaf-5f68-4a91-8b63-bf38be9b0132.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/071804e5-5fef-40a0-b252-188215f04467.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/c1f79d4d-9631-4c9e-88da-9869277c4ba9.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/7420ccaf-5f68-4a91-8b63-bf38be9b0132.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/071804e5-5fef-40a0-b252-188215f04467.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/c1f79d4d-9631-4c9e-88da-9869277c4ba9.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/7420ccaf-5f68-4a91-8b63-bf38be9b0132.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/071804e5-5fef-40a0-b252-188215f04467.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/c1f79d4d-9631-4c9e-88da-9869277c4ba9.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/7420ccaf-5f68-4a91-8b63-bf38be9b0132.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/071804e5-5fef-40a0-b252-188215f04467.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/c1f79d4d-9631-4c9e-88da-9869277c4ba9.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("assets/93d17389-4194-4531-9f5a-a27331bea01a.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("assets/1ada296d-7fdf-4fc5-a30a-f59b9382a3be.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("assets/8928c847-2353-4a76-ac8e-8910346c4502.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("assets/28af17e2-9619-4b6c-82b8-2f49813c9902.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("assets/efc6dab5-1d80-4403-b63c-aabe9b35f6df.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("assets/321ff783-3ace-4407-9903-ce52c868208a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("assets/ef45ee7e-66a4-4f63-9d04-4c00988ab211.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("assets/93d17389-4194-4531-9f5a-a27331bea01a.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("assets/1ada296d-7fdf-4fc5-a30a-f59b9382a3be.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("assets/8928c847-2353-4a76-ac8e-8910346c4502.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("assets/28af17e2-9619-4b6c-82b8-2f49813c9902.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("assets/efc6dab5-1d80-4403-b63c-aabe9b35f6df.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("assets/321ff783-3ace-4407-9903-ce52c868208a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("assets/ef45ee7e-66a4-4f63-9d04-4c00988ab211.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/15eb3ce9-e4a1-45ef-b9c8-25a9c8052cea.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/625bc15e-56f2-4688-84a5-d298b34121db.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/c2c57b2f-634b-4eca-80be-c65ad6bc5c51.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/345860ab-daa8-4cd6-aaa5-7672f5752926.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/732d2e00-3bfc-4380-beeb-f6ae420d71a7.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/7ed1074b-8d24-499e-a708-da0272941884.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/93740972-f765-46be-8e9e-1b2e8e0350d6.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/15eb3ce9-e4a1-45ef-b9c8-25a9c8052cea.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/625bc15e-56f2-4688-84a5-d298b34121db.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/c2c57b2f-634b-4eca-80be-c65ad6bc5c51.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/345860ab-daa8-4cd6-aaa5-7672f5752926.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/732d2e00-3bfc-4380-beeb-f6ae420d71a7.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/7ed1074b-8d24-499e-a708-da0272941884.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/93740972-f765-46be-8e9e-1b2e8e0350d6.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/15eb3ce9-e4a1-45ef-b9c8-25a9c8052cea.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/625bc15e-56f2-4688-84a5-d298b34121db.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/c2c57b2f-634b-4eca-80be-c65ad6bc5c51.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/345860ab-daa8-4cd6-aaa5-7672f5752926.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/732d2e00-3bfc-4380-beeb-f6ae420d71a7.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/7ed1074b-8d24-499e-a708-da0272941884.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/93740972-f765-46be-8e9e-1b2e8e0350d6.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/dcb1d842-75f0-4bc9-9826-e24f95040063.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/b9dd00d8-c598-43c4-8edc-e830be0f4340.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/750e1e0d-5d41-404d-b168-caf9d70d952d.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/3b8c04f3-726d-46e3-b06c-c127dc5f2721.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/91dd192b-5fc1-444d-8b60-6a5442529bd9.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/ca7feee7-9f0b-44c3-a29c-56cf205fce3f.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/dcb1d842-75f0-4bc9-9826-e24f95040063.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/b9dd00d8-c598-43c4-8edc-e830be0f4340.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/750e1e0d-5d41-404d-b168-caf9d70d952d.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/3b8c04f3-726d-46e3-b06c-c127dc5f2721.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/91dd192b-5fc1-444d-8b60-6a5442529bd9.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/ca7feee7-9f0b-44c3-a29c-56cf205fce3f.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/dcb1d842-75f0-4bc9-9826-e24f95040063.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/b9dd00d8-c598-43c4-8edc-e830be0f4340.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/750e1e0d-5d41-404d-b168-caf9d70d952d.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/3b8c04f3-726d-46e3-b06c-c127dc5f2721.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/91dd192b-5fc1-444d-8b60-6a5442529bd9.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/ca7feee7-9f0b-44c3-a29c-56cf205fce3f.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root {
  /* ---------- Color: terminal core --------------------------------------- */
  --bg-void:         #050706;   /* deep CRT off-state, slightly green-black */
  --bg-panel:        #0b100d;   /* card / surface */
  --bg-elevated:    #0f1612;   /* hover, raised surface */
  --bg-inset:        #070a08;   /* sunken / code block */

  /* ---------- Color: phosphor + signal ----------------------------------- */
  --phosphor-100:    #d8ffe2;   /* glow halo / max highlight */
  --phosphor-200:    #8effa3;   /* hover phosphor */
  --phosphor-300:    #33ff66;   /* primary brand — CRT green */
  --phosphor-400:    #22cc4d;   /* solid green for shapes */
  --phosphor-500:    #168a35;   /* muted green */
  --phosphor-600:    #0e5a22;   /* deep / drawing line */
  --phosphor-700:    #07301a;   /* trace on dark */

  --amber-300:       #ffc14d;   /* secondary CRT — amber accent / warnings  */
  --amber-500:       #b87a17;
  --cyan-300:        #6df2ff;   /* signal / link hover, sparingly */
  --rust-300:        #ff6b3d;   /* error / destructive */
  --vellum:          #e8e1c8;   /* paper / blueprint stock when inverted */

  /* ---------- Color: foreground (text / line) ---------------------------- */
  --fg-1:            #c8f4d2;   /* primary body text on dark */
  --fg-2:            #8fb89a;   /* secondary body */
  --fg-3:            #5e8268;   /* tertiary / labels / captions */
  --fg-4:            #3a5743;   /* faint / disabled / construction lines */
  --fg-stamp:        var(--phosphor-300);  /* glyphs that should glow */

  /* ---------- Color: borders / rules ------------------------------------- */
  --rule-1:          #1a2620;   /* hairline */
  --rule-2:          #2a3d33;   /* normal */
  --rule-3:          #3f5a4c;   /* prominent */
  --rule-glow:       rgba(51, 255, 102, 0.35);  /* lit edge */

  /* ---------- Semantic --------------------------------------------------- */
  --color-bg:           var(--bg-void);
  --color-surface:      var(--bg-panel);
  --color-text:         var(--fg-1);
  --color-text-muted:   var(--fg-3);
  --color-accent:       var(--phosphor-300);
  --color-link:         var(--phosphor-200);
  --color-link-hover:   var(--phosphor-100);
  --color-warn:         var(--amber-300);
  --color-danger:       var(--rust-300);
  --color-border:       var(--rule-2);
  --tick:               var(--phosphor-300);  /* @kind color */  /* button overrun-line color (overridable per variant) */

  /* ---------- Typography: families -------------------------------------- */
  --font-display:    'EB Garamond', 'Times New Roman', Georgia, serif;
  --font-serif:      'EB Garamond', 'Times New Roman', Georgia, serif;
  --font-sans:       'Archivo', 'Helvetica Neue', system-ui, sans-serif;  /* architectural body */
  --font-mono:       'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --font-system:     'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ---------- Typography: scale (modular, ratio ~1.25) ------------------ */
  --fs-xs:           11px;
  --fs-sm:           13px;
  --fs-md:           15px;   /* body */
  --fs-lg:           18px;
  --fs-xl:           22px;
  --fs-2xl:          28px;
  --fs-3xl:          36px;
  --fs-4xl:          48px;
  --fs-5xl:          64px;
  --fs-6xl:          88px;
  --fs-display:      128px;

  /* ---------- Typography: weight / leading / tracking ------------------- */
  --fw-regular:      400;  /* @kind font */
  --fw-medium:       500;  /* @kind font */
  --fw-semibold:     600;  /* @kind font */
  --lh-tight:        1.05; /* @kind font */
  --lh-snug:         1.2;  /* @kind font */
  --lh-normal:       1.5;  /* @kind font */
  --lh-loose:        1.7;  /* @kind font */
  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.08em;
  --tracking-mono:   0.02em;

  /* ---------- Spacing (4px base) ---------------------------------------- */
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;

  /* ---------- Radius ---------------------------------------------------- */
  --radius-0:    0;        /* default — drawings have square corners */
  --radius-1:    2px;
  --radius-2:    4px;
  --radius-pill: 999px;

  /* ---------- Borders --------------------------------------------------- */
  --border-hairline: 1px solid var(--rule-1);
  --border-line:     1px solid var(--rule-2);
  --border-strong:   1px solid var(--rule-3);
  --border-lit:      1px solid var(--phosphor-500);

  /* ---------- Shadows / glow (the heart of the system) ------------------ */
  --glow-sm:  0 0 4px rgba(51, 255, 102, 0.55), 0 0 1px rgba(216, 255, 226, 0.9);
  --glow-md:  0 0 8px rgba(51, 255, 102, 0.55), 0 0 2px rgba(216, 255, 226, 0.95), 0 0 16px rgba(51, 255, 102, 0.25);
  --glow-lg:  0 0 12px rgba(51, 255, 102, 0.55), 0 0 3px rgba(216, 255, 226, 1), 0 0 28px rgba(51, 255, 102, 0.35), 0 0 60px rgba(51, 255, 102, 0.15);
  --glow-amber: 0 0 6px rgba(255, 193, 77, 0.6), 0 0 1px rgba(255, 193, 77, 0.95);

  --shadow-inset: inset 0 0 0 1px var(--rule-1), inset 0 1px 0 rgba(255,255,255,0.02);
  --shadow-card:  0 1px 0 rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.6);
  --vignette: radial-gradient(120% 80% at 50% 50%, transparent 50%, rgba(0,0,0,0.55) 100%); /* @kind other */

  /* ---------- Motion ---------------------------------------------------- */
  --ease-crt:     cubic-bezier(0.2, 0.7, 0.1, 1);   /* @kind other */
  --ease-snap:    cubic-bezier(0.65, 0, 0.35, 1);   /* @kind other */
  --dur-fast:     120ms;  /* @kind other */
  --dur-base:     220ms;  /* @kind other */
  --dur-slow:     420ms;  /* @kind other */

  /* ---------- Texture (used as background-image layers) ----------------- */
  /* ---------- Texture (used as background-image layers) ----------------- */
  --grid-fine:
    linear-gradient(rgba(51, 255, 102, 0.04) 1px, transparent 1px) 0 0 / 100% 8px,
    linear-gradient(90deg, rgba(51, 255, 102, 0.04) 1px, transparent 1px) 0 0 / 8px 100%; /* @kind other */
  --grid-coarse:
    linear-gradient(rgba(51, 255, 102, 0.06) 1px, transparent 1px) 0 0 / 100% 80px,
    linear-gradient(90deg, rgba(51, 255, 102, 0.06) 1px, transparent 1px) 0 0 / 80px 100%; /* @kind other */
  --scanlines:
    repeating-linear-gradient(0deg, rgba(0,0,0,0.18) 0 1px, transparent 1px 3px); /* @kind other */
}

/* =========================================================================
   Element defaults — apply these on <body> or a scoped root to opt in.
   ========================================================================= */
.aran-root {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-sans);
  font-size: var(--fs-md);
  line-height: var(--lh-normal);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Display: serif, italic-friendly, glowing */
.aran-display {
  font-family: var(--font-display);
  font-weight: var(--fw-regular);
  font-size: clamp(var(--fs-4xl), 8vw, var(--fs-display));
  line-height: var(--lh-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--phosphor-100);
  text-shadow: var(--glow-lg);
}

.aran-h1 {
  font-family: var(--font-serif);
  font-weight: var(--fw-regular);
  font-size: var(--fs-5xl);
  line-height: var(--lh-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--phosphor-100);
  text-shadow: var(--glow-md);
}
.aran-h2 {
  font-family: var(--font-serif);
  font-weight: var(--fw-regular);
  font-size: var(--fs-3xl);
  line-height: var(--lh-snug);
  color: var(--phosphor-200);
  text-shadow: var(--glow-sm);
}
.aran-h3 {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: var(--fw-regular);
  font-size: var(--fs-xl);
  line-height: var(--lh-snug);
  color: var(--fg-1);
}

.aran-eyebrow {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--fg-3);
}

.aran-body {
  font-family: var(--font-sans);
  font-weight: var(--fw-regular);
  font-size: var(--fs-md);
  line-height: var(--lh-loose);
  letter-spacing: 0.005em;
  color: var(--fg-1);
}

.aran-mono {
  font-family: var(--font-mono);
  font-size: var(--fs-sm);
  letter-spacing: var(--tracking-mono);
  color: var(--fg-2);
}

.aran-caption {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--fg-3);
}

/* Glow text helper — apply to any element */
.aran-glow      { color: var(--phosphor-100); text-shadow: var(--glow-md); }
.aran-glow-sm   { color: var(--phosphor-100); text-shadow: var(--glow-sm); }
.aran-glow-lg   { color: var(--phosphor-100); text-shadow: var(--glow-lg); }
.aran-glow-amber{ color: var(--amber-300);   text-shadow: var(--glow-amber); }

/* CRT scanline overlay — apply to a full-bleed wrapper */
.aran-crt::before {
  content: "";
  position: absolute; inset: 0;
  background: var(--scanlines);
  pointer-events: none;
  mix-blend-mode: overlay;
  opacity: 0.6;
}

/* =========================================================================
   Aran marketing site — component stylesheet
   Consumes tokens from ../../colors_and_type.css
   ========================================================================= */

* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--bg-void);
  color: var(--fg-1);
  font-family: var(--font-serif);
  font-size: var(--fs-md);
  line-height: var(--lh-loose);
  -webkit-font-smoothing: antialiased;
}

/* Page-level CRT scanlines on top of everything */
body::after {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 50;
  background: var(--scanlines); mix-blend-mode: overlay; opacity: 0.45;
}

/* ---------- shared atoms ---------- */
.mk-eyebrow {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--fg-3);
  display: inline-flex; align-items: center; gap: 8px;
}
.mk-eyebrow__dot {
  width: 6px; height: 6px; background: var(--phosphor-300);
  box-shadow: 0 0 6px var(--phosphor-300);
}
.mk-glow { color: var(--phosphor-100); text-shadow: var(--glow-md); }

.mk-btn {
  font-family: var(--font-mono);
  font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;
  padding: 13px 22px;
  border: 1px solid var(--phosphor-500);
  color: var(--phosphor-200);
  background: transparent;
  text-decoration: none;
  display: inline-flex; align-items: center; gap: 10px;
  transition: all 220ms var(--ease-crt);
  cursor: pointer;
  position: relative;
  --tick: var(--phosphor-300);
}
/* Architectural overrun: crossing ruled lines that extend past each corner */
.mk-btn::after {
  content: ""; position: absolute; inset: -7px; pointer-events: none;
  opacity: 0; transition: opacity 220ms var(--ease-crt);
  filter: drop-shadow(0 0 3px rgba(51,255,102,0.5));
  background-image:
    linear-gradient(var(--tick),var(--tick)), linear-gradient(var(--tick),var(--tick)),
    linear-gradient(var(--tick),var(--tick)), linear-gradient(var(--tick),var(--tick)),
    linear-gradient(var(--tick),var(--tick)), linear-gradient(var(--tick),var(--tick)),
    linear-gradient(var(--tick),var(--tick)), linear-gradient(var(--tick),var(--tick));
  background-repeat: no-repeat;
  background-size: 20px 1px,1px 20px, 20px 1px,1px 20px, 20px 1px,1px 20px, 20px 1px,1px 20px;
  background-position:
    left -3px top 7px, left 7px top -3px,
    right -3px top 7px, right 7px top -3px,
    left -3px bottom 7px, left 7px bottom -3px,
    right -3px bottom 7px, right 7px bottom -3px;
}
.mk-btn__arrow { font-size: 16px; line-height: 1; }
.mk-btn:hover {
  color: var(--phosphor-100); border-color: var(--phosphor-300);
  text-shadow: var(--glow-sm);
  box-shadow: 0 0 0 1px rgba(51,255,102,0.25), 0 0 22px rgba(51,255,102,0.22);
}
.mk-btn:hover::after { opacity: 1; }
.mk-btn--primary {
  background: var(--phosphor-300); color: #04140a; border-color: var(--phosphor-300);
  box-shadow: 0 0 22px rgba(51,255,102,0.35);
}
.mk-btn--primary:hover {
  background: var(--phosphor-200); color: #04140a; text-shadow: none;
  box-shadow: 0 0 28px rgba(51,255,102,0.5);
}
.mk-btn--ghost { border-color: var(--rule-2); color: var(--fg-2); }
/* muted overrun ticks for ghost buttons — [data-*] scope keeps --tick a registered token */
[data-tick="muted"] { --tick: var(--rule-3); }
.mk-btn--ghost:hover { border-color: var(--rule-3); color: var(--fg-1); box-shadow: none; text-shadow: none; }
.mk-btn--ghost::after { filter: none; }

/* ---------- HEADER ---------- */
.mk-header {
  position: sticky; top: 0; z-index: 40;
  background: rgba(5,7,6,0.7);
  backdrop-filter: blur(8px) saturate(120%);
  border-bottom: 1px solid var(--rule-1);
}
.mk-header__inner {
  max-width: 1320px; margin: 0 auto;
  padding: 16px 36px;
  display: grid; grid-template-columns: 200px 1fr auto; gap: 32px; align-items: center;
}
.mk-header__brand { display: inline-flex; }
.mk-header__brand img { filter: drop-shadow(0 0 6px rgba(51,255,102,0.4)); }
.mk-header__nav { display: flex; gap: 28px; justify-content: center; }
.mk-header__nav a {
  font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--fg-2); text-decoration: none;
  transition: color 180ms;
}
.mk-header__nav a:hover { color: var(--phosphor-200); text-shadow: var(--glow-sm); }
.mk-header__actions { display: flex; gap: 14px; align-items: center; }
.mk-header__login {
  font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--fg-2); text-decoration: none;
}
.mk-header__login:hover { color: var(--phosphor-200); }

/* ---------- HERO ---------- */
.mk-hero {
  position: relative; overflow: hidden;
  min-height: 720px;
}
.mk-hero__bg {
  position: absolute; inset: 0;
  background:
    radial-gradient(60% 50% at 25% 40%, rgba(51,255,102,0.10), transparent 70%),
    var(--grid-coarse),
    var(--bg-void);
}
.mk-hero__scan { position: absolute; inset: 0; background: var(--scanlines); opacity: 0.5; pointer-events: none; mix-blend-mode: overlay; }
.mk-hero__inner {
  position: relative;
  max-width: 1320px; margin: 0 auto;
  padding: 96px 36px 120px;
  display: grid; grid-template-columns: 1.2fr 1fr; gap: 64px; align-items: center;
}
.mk-hero__title {
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: clamp(56px, 6.4vw, 96px);
  line-height: 1.0;
  letter-spacing: -0.025em;
  color: var(--phosphor-100);
  text-shadow: var(--glow-lg);
  margin: 24px 0 28px;
}
.mk-hero__title em {
  font-style: italic;
  color: var(--phosphor-200);
}
.mk-hero__lede {
  font-family: var(--font-serif);
  font-size: 18px; line-height: 1.6;
  color: var(--fg-2);
  max-width: 52ch;
  margin: 0 0 36px;
}
.mk-hero__cta { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 56px; }
.mk-hero__meta { display: grid; grid-template-columns: repeat(3, auto); gap: 36px; padding-top: 28px; border-top: 1px solid var(--rule-1); }
.mk-hero__meta-val {
  font-family: var(--font-mono); font-size: 13px; color: var(--fg-1);
  letter-spacing: 0.06em; display: block; margin-top: 6px;
}

.mk-hero__plate {
  position: relative;
  border: 1px solid var(--phosphor-500);
  background: rgba(7,10,8,0.65);
  padding: 14px;
  box-shadow: 0 0 0 1px rgba(51,255,102,0.06), 0 0 48px rgba(51,255,102,0.10);
}
.mk-hero__plate::before, .mk-hero__plate::after {
  content: ""; position: absolute; width: 10px; height: 10px; border: 1px solid var(--phosphor-300);
}
.mk-hero__plate::before { top: -1px; left: -1px; border-right: none; border-bottom: none; }
.mk-hero__plate::after { bottom: -1px; right: -1px; border-left: none; border-top: none; }
.mk-plate__tag {
  position: absolute; top: 8px; right: 14px;
  font-family: var(--font-mono); font-size: 10px;
  color: var(--phosphor-200); letter-spacing: 0.2em; text-transform: uppercase;
  text-shadow: var(--glow-sm);
}
.mk-hero__plate svg { display: block; width: 100%; height: auto; }

/* ---------- LINEAGE / HISTORICAL SCROLL ---------- */
.mk-lineage {
  padding: 120px 0 140px;
  position: relative;
  border-top: 1px solid var(--rule-1);
}
.mk-lineage__head {
  max-width: 1320px; margin: 0 auto 80px;
  padding: 0 36px;
  display: grid; grid-template-columns: 1fr 2fr; gap: 64px; align-items: end;
}
.mk-lineage__title {
  font-family: var(--font-serif);
  font-weight: 400; font-size: clamp(40px, 4.4vw, 64px);
  line-height: 1.05; letter-spacing: -0.02em;
  color: var(--phosphor-100); text-shadow: var(--glow-md);
  margin: 14px 0 0;
}
.mk-lineage__title em { font-style: italic; color: var(--phosphor-200); }
.mk-lineage__lede {
  font-family: var(--font-serif); font-size: 17px; line-height: 1.6;
  color: var(--fg-2); max-width: 56ch; margin: 0;
}
.mk-lineage__track {
  position: relative;
  overflow-x: auto;
  padding: 0 36px 24px;
  scrollbar-color: var(--phosphor-600) transparent;
}
.mk-lineage__rail {
  position: absolute;
  top: 100px; left: 36px; right: 36px;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--phosphor-500) 10%, var(--phosphor-500) 90%, transparent);
  opacity: 0.6;
}
.mk-lineage__row {
  display: grid; grid-auto-flow: column;
  grid-auto-columns: 320px;
  gap: 32px;
  padding: 0 4px;
}
.mk-lineage__card {
  position: relative;
  border: 1px solid var(--rule-2);
  background: var(--bg-panel);
  padding: 80px 26px 30px;
  display: flex; flex-direction: column; gap: 14px;
  min-height: 360px;
}
.mk-lineage__node {
  position: absolute; top: 96px; left: 50%; transform: translate(-50%,-50%);
  width: 12px; height: 12px;
  border: 1px solid var(--phosphor-300);
  background: var(--bg-void);
  box-shadow: 0 0 8px rgba(51,255,102,0.5);
}
.mk-lineage__era {
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.22em;
  text-transform: uppercase; color: var(--fg-3); margin-top: 8px;
}
.mk-lineage__icon {
  width: 80px; height: 80px; color: var(--phosphor-200);
  margin: 6px 0 6px; filter: drop-shadow(0 0 5px rgba(51,255,102,0.35));
}
.mk-lineage__name {
  font-family: var(--font-serif); font-weight: 400; font-size: 26px;
  line-height: 1.15; color: var(--phosphor-100); margin: 0;
}
.mk-lineage__body {
  font-family: var(--font-serif); font-size: 15px; line-height: 1.55;
  color: var(--fg-2); margin: 0;
}
.mk-lineage__card--lit {
  border-color: var(--phosphor-500);
  background: linear-gradient(180deg, rgba(51,255,102,0.05), rgba(51,255,102,0) 60%), var(--bg-panel);
  box-shadow: 0 0 0 1px rgba(51,255,102,0.18), 0 0 48px rgba(51,255,102,0.18);
}
.mk-lineage__card--lit .mk-lineage__icon,
.mk-lineage__card--lit .mk-lineage__name { color: var(--phosphor-100); text-shadow: var(--glow-sm); }
.mk-lineage__stamp {
  margin-top: auto;
  font-family: var(--font-mono); font-size: 11px;
  color: var(--phosphor-300); letter-spacing: 0.2em; text-shadow: var(--glow-sm);
  padding-top: 14px; border-top: 1px dashed var(--phosphor-600);
}

/* ---------- CAPABILITY ---------- */
.mk-cap {
  padding: 120px 0;
  border-top: 1px solid var(--rule-1);
}
.mk-cap__head {
  max-width: 1320px; margin: 0 auto 56px; padding: 0 36px;
}
.mk-cap__title {
  font-family: var(--font-serif); font-weight: 400;
  font-size: clamp(36px, 3.6vw, 52px); line-height: 1.1;
  color: var(--phosphor-100); text-shadow: var(--glow-md);
  letter-spacing: -0.02em; margin: 14px 0 0; max-width: 22ch;
}
.mk-cap__grid {
  max-width: 1320px; margin: 0 auto; padding: 0 36px;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
.mk-cap__card {
  border: 1px solid var(--rule-2);
  background: var(--bg-panel);
  padding: 24px 26px 30px;
}
.mk-cap__fig {
  border: 1px solid var(--rule-1); background: var(--bg-inset);
  padding: 8px; margin-bottom: 22px;
}
.mk-cap__fig svg { display: block; width: 100%; height: auto; }
.mk-cap__meta { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.mk-cap__n {
  font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.2em;
  color: var(--phosphor-300); text-shadow: var(--glow-sm);
}
.mk-cap__rule { flex: 1; height: 1px; background: var(--rule-2); }
.mk-cap__name {
  font-family: var(--font-serif); font-weight: 400; font-size: 28px;
  line-height: 1.15; color: var(--phosphor-100); text-shadow: var(--glow-sm);
  margin: 0 0 10px;
}
.mk-cap__body {
  font-family: var(--font-serif); font-size: 15px; line-height: 1.6;
  color: var(--fg-2); margin: 0;
}

/* ---------- MANIFESTO ---------- */
.mk-manifesto {
  padding: 120px 0;
  position: relative;
  text-align: center;
  border-top: 1px solid var(--rule-1);
  background: radial-gradient(60% 50% at 50% 50%, rgba(51,255,102,0.05), transparent 70%);
}
.mk-manifesto__inner {
  max-width: 920px; margin: 0 auto; padding: 0 36px;
}
.mk-manifesto__rule {
  width: 60%; max-width: 600px; height: 1px;
  margin: 0 auto;
  background: linear-gradient(to right, transparent, var(--phosphor-500), transparent);
  opacity: 0.5;
}
.mk-manifesto__line {
  font-family: var(--font-serif); font-style: italic;
  font-size: clamp(22px, 2.4vw, 32px);
  line-height: 1.5; color: var(--fg-1);
  margin: 22px 0 0;
}
.mk-manifesto__line--glow {
  color: var(--phosphor-100); text-shadow: var(--glow-md); font-style: italic;
  margin-top: 36px;
}
.mk-manifesto__line--sm {
  font-family: var(--font-mono); font-style: normal; font-size: 12px;
  text-transform: uppercase; letter-spacing: 0.2em; color: var(--fg-3);
  margin-top: 56px;
}
.mk-manifesto__inner .mk-eyebrow { margin-top: 36px; display:inline-flex; }

/* ---------- STATS ---------- */
.mk-stats { padding: 120px 0; border-top: 1px solid var(--rule-1); }
.mk-stats__head { max-width: 1320px; margin: 0 auto 56px; padding: 0 36px; }
.mk-stats__title {
  font-family: var(--font-serif); font-weight: 400;
  font-size: clamp(36px, 3.6vw, 56px); line-height: 1.1;
  color: var(--phosphor-100); text-shadow: var(--glow-md);
  letter-spacing: -0.02em; margin: 14px 0 0; max-width: 26ch;
}
.mk-stats__title em { font-style: italic; color: var(--phosphor-200); }
.mk-stats__grid {
  max-width: 1320px; margin: 0 auto; padding: 0 36px;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;
  border: 1px solid var(--rule-2);
}
.mk-stats__cell {
  padding: 36px 28px;
  border-right: 1px solid var(--rule-2);
}
.mk-stats__cell:last-child { border-right: none; }
.mk-stats__k {
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.2em;
  text-transform: uppercase; color: var(--fg-3); margin-bottom: 18px;
}
.mk-stats__v {
  font-family: var(--font-serif); font-style: italic;
  font-size: 72px; line-height: 1; letter-spacing: -0.02em;
  color: var(--phosphor-100); text-shadow: var(--glow-lg);
  margin-bottom: 14px;
}
.mk-stats__note {
  font-family: var(--font-mono); font-size: 11px;
  color: var(--fg-3); letter-spacing: 0.08em;
}

/* ---------- TERMINAL SECTION ---------- */
.mk-term-section { padding: 120px 0; border-top: 1px solid var(--rule-1); }
.mk-term-section__inner {
  max-width: 1320px; margin: 0 auto; padding: 0 36px;
  display: grid; grid-template-columns: 1fr 1.05fr; gap: 64px; align-items: center;
}
.mk-term-section__title {
  font-family: var(--font-serif); font-weight: 400;
  font-size: clamp(40px, 4.2vw, 60px); line-height: 1.05;
  color: var(--phosphor-100); text-shadow: var(--glow-md);
  letter-spacing: -0.02em; margin: 16px 0 24px;
}
.mk-term-section__title em { font-style: italic; color: var(--phosphor-200); }
.mk-term-section__lede {
  font-family: var(--font-serif); font-size: 17px; line-height: 1.6;
  color: var(--fg-2); max-width: 48ch; margin: 0 0 28px;
}
.mk-term-section__bullets {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 10px;
  font-family: var(--font-serif); font-size: 15px; color: var(--fg-1);
}
.mk-tick { color: var(--phosphor-300); text-shadow: var(--glow-sm); margin-right: 10px; font-family: var(--font-mono); }

.mk-term {
  background: #040605;
  border: 1px solid var(--phosphor-500);
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(51,255,102,0.06), 0 0 60px rgba(51,255,102,0.10);
}
.mk-term::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: var(--scanlines); mix-blend-mode: overlay; opacity: 0.5;
}
.mk-term__bar {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 16px; border-bottom: 1px solid var(--rule-2);
}
.mk-term__dot { width: 8px; height: 8px; background: var(--phosphor-300); border-radius: 50%; box-shadow: 0 0 6px var(--phosphor-300); }
.mk-term__title { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--fg-3); }
.mk-term__body {
  margin: 0; padding: 18px 22px 26px;
  font-family: var(--font-mono); font-size: 13px; line-height: 1.7;
  color: var(--phosphor-300); text-shadow: 0 0 3px rgba(51,255,102,0.45);
  min-height: 280px;
}
.mk-term__line--dim { color: var(--fg-3); text-shadow: none; }
.mk-term__line--norm { color: var(--phosphor-300); }
.mk-term__line--ready { color: var(--phosphor-100); text-shadow: var(--glow-md); margin-top: 6px; }
.mk-term__cursor {
  display: inline-block; width: 9px; height: 16px;
  background: var(--phosphor-300); vertical-align: -3px;
  box-shadow: 0 0 6px var(--phosphor-300);
  animation: blink 1.1s steps(1) infinite;
}
@keyframes blink { 50% { opacity: 0; } }

/* ---------- FOOTER ---------- */
.mk-footer {
  border-top: 1px solid var(--rule-1);
  padding: 80px 0 36px;
  background: var(--bg-panel);
}
.mk-footer__inner {
  max-width: 1320px; margin: 0 auto; padding: 0 36px;
  display: grid; grid-template-columns: 1.2fr 2fr; gap: 64px;
}
.mk-footer__brand p {
  font-family: var(--font-serif); font-size: 15px; line-height: 1.6;
  color: var(--fg-2); max-width: 36ch; margin: 18px 0 22px;
}
.mk-stamp {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.18em;
  text-transform: uppercase; color: var(--phosphor-200);
  border: 1px solid var(--phosphor-500);
  padding: 8px 14px; position: relative; text-shadow: var(--glow-sm);
}
.mk-stamp span:nth-child(1), .mk-stamp span:nth-child(2) {
  width: 8px; height: 8px; border: 1px solid var(--phosphor-300);
}
.mk-stamp span:nth-child(1) { border-right: none; border-bottom: none; }
.mk-stamp span:nth-child(2) { border-left: none; border-top: none; }

.mk-footer__cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; }
.mk-footer__cols > div { display: flex; flex-direction: column; gap: 10px; }
.mk-footer__cols .mk-eyebrow { color: var(--fg-3); margin-bottom: 10px; }
.mk-footer__cols a {
  font-family: var(--font-serif); font-size: 15px; color: var(--fg-2);
  text-decoration: none; transition: color 180ms;
}
.mk-footer__cols a:hover { color: var(--phosphor-200); text-shadow: var(--glow-sm); }

.mk-footer__base {
  max-width: 1320px; margin: 56px auto 0; padding: 22px 36px 0;
  border-top: 1px solid var(--rule-1);
  display: flex; gap: 14px; flex-wrap: wrap; align-items: center;
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.2em;
  text-transform: uppercase; color: var(--fg-3);
}
.mk-footer__base a { color: var(--fg-3); text-decoration: none; }
.mk-footer__base a:hover { color: var(--phosphor-200); }

@media (max-width: 980px) {
  .mk-header__inner { grid-template-columns: 1fr auto; }
  .mk-header__nav { display: none; }
  .mk-hero__inner, .mk-lineage__head, .mk-term-section__inner, .mk-footer__inner { grid-template-columns: 1fr; }
  .mk-cap__grid, .mk-stats__grid { grid-template-columns: 1fr; }
  .mk-stats__cell { border-right: none; border-bottom: 1px solid var(--rule-2); }
}


    @keyframes aranBlink { 50% { opacity: 0; } }
    .aran-cursor { display:inline-block; width:10px; height:20px; background:var(--phosphor-300); box-shadow:0 0 6px var(--phosphor-300); vertical-align:-4px; animation: aranBlink 1.1s steps(1) infinite; }
    .aran-term__menu::-webkit-scrollbar { width:8px; }
    .aran-term__menu::-webkit-scrollbar-thumb { background:var(--phosphor-600); }