@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/4450d1a2.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: 'Geist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/c7ee1ebb.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/ca212c01.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: 'Geist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/d2545b1b.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: 'Geist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/d00889e4.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: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/4450d1a2.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: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/c7ee1ebb.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ca212c01.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: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/d2545b1b.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: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/d00889e4.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: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/4450d1a2.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: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/c7ee1ebb.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ca212c01.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: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/d2545b1b.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: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/d00889e4.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: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/4450d1a2.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: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/c7ee1ebb.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/ca212c01.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: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/d2545b1b.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: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/d00889e4.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: 'Geist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/4450d1a2.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: 'Geist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/c7ee1ebb.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/ca212c01.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: 'Geist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/d2545b1b.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: 'Geist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/d00889e4.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: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ba99f360.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: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/67752ce3.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* symbols2 */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fe68d33e.woff2") format('woff2');
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}
/* vietnamese */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/22658cae.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: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/a403ad0c.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: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/22f5c680.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: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ba99f360.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: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/67752ce3.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* symbols2 */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/fe68d33e.woff2") format('woff2');
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}
/* vietnamese */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/22658cae.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: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/a403ad0c.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: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/22f5c680.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: 'Geist Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/ba99f360.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: 'Geist Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/67752ce3.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* symbols2 */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/fe68d33e.woff2") format('woff2');
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}
/* vietnamese */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/22658cae.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: 'Geist Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/a403ad0c.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: 'Geist Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/22f5c680.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;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/98d41c8d.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: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/bbee78ce.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;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/1719f6d6.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: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ac938b58.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 {
    /* dark plummy palette pulled from image 1 */
    --bg-0:        oklch(0.13 0.012 280);
    --bg-1:        oklch(0.16 0.015 285);
    --card-bg:     oklch(0.16 0.018 290);
    --card-bg-2:   oklch(0.19 0.022 295);
    --ink:         oklch(0.97 0.004 280);
    --ink-soft:    oklch(0.78 0.008 280);
    --muted:       oklch(0.58 0.012 285);
    --hairline:    oklch(0.28 0.015 285);
    --hairline-strong: oklch(0.38 0.020 285);
    --surface:     oklch(0.22 0.020 290);

    --c-anon:  oklch(0.72 0.20 290); /* violet */
    --c-iny:   oklch(0.76 0.18 235); /* blue */
    --c-fyre:  oklch(0.72 0.20 35);  /* orange */
    --c-pulse: oklch(0.78 0.18 155); /* green */
    --c-crawl: oklch(0.74 0.20 320); /* magenta */

    --content: 1080px;

    --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
    --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
    --font-serif: "Instrument Serif", "Times New Roman", serif;
  }

  * { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; }
  body {
    font-family: var(--font-sans);
    background: var(--bg-0);
    color: var(--ink);
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
    font-feature-settings: "ss01", "ss02", "cv11";
    overflow-x: hidden;
  }
  a { color: inherit; text-decoration: none; }
  button, input { font-family: inherit; }
  ::selection { background: oklch(0.72 0.18 290 / .35); color: var(--ink); }

  /* ───────────────────────────────────────────── */
  /* Background — grid + radial aurora             */
  /* ───────────────────────────────────────────── */
  .bg-grid {
    position: fixed; inset: 0;
    background-image:
      linear-gradient(to right, oklch(0.22 0.02 285) 1px, transparent 1px),
      linear-gradient(to bottom, oklch(0.22 0.02 285) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: radial-gradient(ellipse 90% 70% at 50% 50%, #000 30%, transparent 80%);
    -webkit-mask-image: radial-gradient(ellipse 90% 70% at 50% 50%, #000 30%, transparent 80%);
    pointer-events: none;
    z-index: 0;
    opacity: .55;
  }
  .bg-aurora {
    position: fixed; inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
      radial-gradient(ellipse 70% 45% at 50% 110%,
        oklch(0.40 0.20 300 / .55) 0%,
        transparent 60%),
      radial-gradient(ellipse 45% 35% at 15% -10%,
        oklch(0.45 0.18 280 / .35) 0%,
        transparent 55%),
      radial-gradient(ellipse 45% 35% at 85% -10%,
        oklch(0.45 0.18 200 / .30) 0%,
        transparent 55%);
    filter: blur(4px);
  }

  /* ───────────────────────────────────────────── */
  /* Page layout                                   */
  /* ───────────────────────────────────────────── */
  .page {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 28px;
  }
  .topbar, .botbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: .04em;
    color: var(--muted);
    text-transform: uppercase;
  }
  .topbar { padding-bottom: 32px; }
  .botbar { padding-top: 32px; flex-wrap: wrap; gap: 12px; }
  .topbar .ll, .botbar .ll { display: flex; gap: 20px; align-items: center; }

  .status-dot {
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--c-pulse);
    box-shadow: 0 0 0 0 oklch(0.78 0.18 155 / .6);
    animation: pulseDot 2.4s ease-out infinite;
  }
  @keyframes pulseDot {
    0%   { box-shadow: 0 0 0 0 oklch(0.78 0.18 155 / .55); }
    70%  { box-shadow: 0 0 0 8px oklch(0.78 0.18 155 / 0); }
    100% { box-shadow: 0 0 0 0 oklch(0.78 0.18 155 / 0); }
  }

  /* Brand mark */
  .brand {
    display: flex; align-items: baseline; gap: 1px;
    font-family: var(--font-sans);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--ink);
    text-transform: none;
  }
  .brand .dot {
    width: 7px; height: 7px;
    background: conic-gradient(from 0deg,
      var(--c-fyre), var(--c-pulse), var(--c-iny),
      var(--c-anon), var(--c-crawl), var(--c-fyre));
    border-radius: 50%;
    margin: 0 2px;
    display: inline-block;
    transform: translateY(-1px);
  }
  .brand .one { color: var(--muted); font-weight: 400; }

  /* ───────────────────────────────────────────── */
  /* Main card with gradient border                */
  /* ───────────────────────────────────────────── */
  .stage {
    flex: 1;
    display: grid;
    place-items: center;
    padding: 16px 0;
  }
  .card-wrap {
    width: 100%;
    max-width: var(--content);
    position: relative;
    border-radius: 28px;
    padding: 1.5px; /* gradient border thickness */
    background: conic-gradient(from 140deg,
      oklch(0.55 0.20 30) 0deg,
      oklch(0.60 0.20 60) 60deg,
      oklch(0.65 0.20 145) 120deg,
      oklch(0.62 0.22 220) 200deg,
      oklch(0.60 0.22 290) 270deg,
      oklch(0.58 0.22 340) 330deg,
      oklch(0.55 0.20 30) 360deg);
    background-size: 200% 200%;
    animation: spin 18s linear infinite;
    box-shadow:
      0 30px 80px -30px oklch(0.30 0.15 290 / .55),
      0 10px 30px -10px oklch(0.20 0.10 280 / .6);
  }
  @keyframes spin {
    to { background-position: 200% 200%; }
  }

  .card {
    position: relative;
    border-radius: 27px;
    background: linear-gradient(180deg, var(--card-bg-2) 0%, var(--card-bg) 70%, var(--bg-1) 100%);
    padding: 64px 56px 56px;
    overflow: hidden;
    isolation: isolate;
  }

  /* Inner card decorations */
  .card::before {
    /* Subtle inner grid */
    content: "";
    position: absolute; inset: 0;
    background-image:
      linear-gradient(to right, oklch(0.24 0.02 285) 1px, transparent 1px),
      linear-gradient(to bottom, oklch(0.24 0.02 285) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: radial-gradient(ellipse 80% 70% at 50% 0%, #000 5%, transparent 70%);
    -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 0%, #000 5%, transparent 70%);
    opacity: .5;
    z-index: 0;
    pointer-events: none;
  }
  .card::after {
    /* Aurora wash at the bottom of the card */
    content: "";
    position: absolute; inset: 0;
    background:
      radial-gradient(ellipse 60% 40% at 50% 110%,
        oklch(0.50 0.22 305 / .35) 0%,
        transparent 70%),
      radial-gradient(ellipse 40% 30% at 100% 100%,
        oklch(0.50 0.22 215 / .25) 0%,
        transparent 70%);
    z-index: 0;
    pointer-events: none;
  }

  .card-inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  /* Eyebrow pill */
  .eyebrow-pill {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 7px 14px 7px 10px;
    border: 1px solid var(--hairline-strong);
    border-radius: 999px;
    background: oklch(0.18 0.018 290 / .65);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ink-soft);
  }
  .eyebrow-pill .pmark {
    width: 14px; height: 14px;
    border-radius: 50%;
    background: conic-gradient(from 0deg,
      var(--c-fyre), var(--c-pulse), var(--c-iny),
      var(--c-anon), var(--c-crawl), var(--c-fyre));
    box-shadow: 0 0 0 1px oklch(0.20 0.02 290), 0 0 12px oklch(0.60 0.20 290 / .5);
  }

  /* Headline */
  h1 {
    margin: 36px 0 0;
    font-size: clamp(44px, 6.4vw, 84px);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 1.02;
    max-width: 16ch;
    color: var(--ink);
  }
  .h-row { display: block; }
  .gradient-text {
    background: linear-gradient(90deg,
      oklch(0.78 0.18 25)  0%,
      oklch(0.82 0.16 60)  18%,
      oklch(0.85 0.14 100) 36%,
      oklch(0.78 0.18 160) 55%,
      oklch(0.76 0.18 235) 75%,
      oklch(0.74 0.20 305) 100%);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-family: var(--font-serif);
    font-style: italic;
    font-weight: 400;
    letter-spacing: -0.01em;
    animation: shiftGrad 12s ease-in-out infinite;
    padding-right: .04em;
  }
  @keyframes shiftGrad {
    0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
  }

  .sub {
    margin: 26px 0 0;
    max-width: 56ch;
    font-size: 18px;
    color: var(--ink-soft);
    line-height: 1.55;
  }

  /* Tool pills */
  .pills {
    margin-top: 36px;
    display: flex; gap: 10px; flex-wrap: wrap;
    justify-content: center;
  }
  .pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px 7px 7px;
    border-radius: 999px;
    background: oklch(0.20 0.018 290 / .8);
    border: 1px solid var(--hairline-strong);
    font-size: 13px;
    color: var(--ink);
    backdrop-filter: blur(6px);
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
    cursor: default;
  }
  .pill:hover { transform: translateY(-1px); border-color: oklch(0.50 0.05 290); }
  .pill .pmark {
    width: 28px; height: 28px;
    border-radius: 999px;
    display: grid; place-items: center;
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 600;
    color: oklch(0.14 0.02 280);
    overflow: hidden;
    padding: 3px;
  }
  .pill .pmark img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }
  .pill.anon  .pmark { background: #111924;  box-shadow: 0 0 12px oklch(0.72 0.20 290 / .35); }
  .pill.iny   .pmark { background: #0f0f10;   box-shadow: 0 0 12px oklch(0.76 0.18 235 / .35); }
  .pill.fyre  .pmark { background: #101924;  box-shadow: 0 0 12px oklch(0.72 0.20 35 / .35); }
  .pill.pulse .pmark { background: #090a0b; box-shadow: 0 0 12px oklch(0.78 0.18 155 / .35); }
  .pill.crawl .pmark { background: #000000; box-shadow: 0 0 12px oklch(0.74 0.20 320 / .35); }
  .pill .soon {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--muted);
    margin-left: 4px;
  }

  /* ───────────────────────────────────────────── */
  /* Countdown                                     */
  /* ───────────────────────────────────────────── */
  .countdown {
    margin-top: 48px;
    display: flex;
    gap: 14px;
    justify-content: center;
  }
  .cd-cell {
    min-width: 96px;
    padding: 16px 18px 14px;
    border-radius: 14px;
    background: oklch(0.18 0.018 290 / .7);
    border: 1px solid var(--hairline);
    backdrop-filter: blur(8px);
    display: flex; flex-direction: column; align-items: center; gap: 4px;
    position: relative;
    overflow: hidden;
  }
  .cd-cell::after {
    content: "";
    position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
    background: linear-gradient(90deg, transparent, oklch(0.60 0.18 290 / .6), transparent);
  }
  .cd-num {
    font-family: var(--font-mono);
    font-size: 32px;
    font-weight: 500;
    color: var(--ink);
    letter-spacing: -0.02em;
    line-height: 1;
    font-variant-numeric: tabular-nums;
  }
  .cd-lbl {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--muted);
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-top: 6px;
  }

  /* ───────────────────────────────────────────── */
  /* Signup                                        */
  /* ───────────────────────────────────────────── */
  .signup {
    margin-top: 40px;
    width: 100%;
    max-width: 480px;
    position: relative;
  }
  .signup-row {
    display: flex;
    gap: 8px;
    padding: 6px;
    border-radius: 14px;
    background: oklch(0.18 0.018 290 / .75);
    border: 1px solid var(--hairline-strong);
    backdrop-filter: blur(10px);
    transition: border-color .2s ease, box-shadow .2s ease;
  }
  .signup-row:focus-within {
    border-color: oklch(0.55 0.18 290);
    box-shadow: 0 0 0 4px oklch(0.55 0.18 290 / .18);
  }
  .signup input {
    flex: 1;
    background: transparent;
    border: 0;
    outline: 0;
    padding: 10px 12px;
    color: var(--ink);
    font-size: 14px;
  }
  .signup input::placeholder { color: var(--muted); }
  .signup button {
    background: var(--ink);
    color: oklch(0.16 0.018 290);
    border: 0;
    padding: 10px 18px;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: transform .12s ease, background .15s ease;
    line-height: 1;
  }
  .signup button:hover { background: oklch(0.92 0.01 280); }
  .signup button:active { transform: translateY(1px); }
  .signup button .arr { transition: transform .15s ease; }
  .signup button:hover .arr { transform: translateX(3px); }

  .signup-meta {
    margin-top: 12px;
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--muted);
    letter-spacing: .04em;
    text-align: center;
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
  }
  .signup-meta span { display: inline-flex; align-items: center; gap: 6px; }
  .signup-meta .ck { color: var(--c-pulse); }

  /* Success state */
  .success {
    padding: 18px 22px;
    border-radius: 14px;
    background: oklch(0.22 0.05 155 / .35);
    border: 1px solid oklch(0.50 0.15 155);
    color: var(--ink);
    display: flex; align-items: center; gap: 12px;
    font-size: 14px;
  }
  .success .ck-bubble {
    width: 22px; height: 22px;
    border-radius: 50%;
    background: var(--c-pulse);
    color: oklch(0.16 0.05 155);
    display: grid; place-items: center;
    font-weight: 700;
    font-size: 13px;
    flex-shrink: 0;
  }
  .success .meta { color: var(--muted); font-family: var(--font-mono); font-size: 11px; }

  /* Error */
  .err {
    margin-top: 10px;
    color: oklch(0.78 0.16 30);
    font-family: var(--font-mono);
    font-size: 11px;
    text-align: center;
  }

  /* ───────────────────────────────────────────── */
  /* Tool list / progress (alt section)            */
  /* ───────────────────────────────────────────── */
  .progress {
    margin-top: 48px;
    width: 100%;
    max-width: 720px;
    padding: 20px 24px;
    border-radius: 16px;
    background: oklch(0.18 0.018 290 / .55);
    border: 1px solid var(--hairline);
    backdrop-filter: blur(8px);
  }
  .progress-head {
    display: flex; justify-content: space-between; align-items: baseline;
    margin-bottom: 14px;
  }
  .progress-title {
    font-family: var(--font-mono);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--muted);
  }
  .progress-counter {
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--ink);
  }
  .progress-bar {
    height: 6px; border-radius: 3px;
    background: oklch(0.22 0.02 285);
    overflow: hidden;
    position: relative;
  }
  .progress-fill {
    height: 100%;
    width: 86%;
    background: linear-gradient(90deg,
      var(--c-fyre) 0%,
      oklch(0.82 0.16 60) 20%,
      var(--c-pulse) 45%,
      var(--c-iny) 70%,
      var(--c-anon) 90%,
      var(--c-crawl) 100%);
    border-radius: 3px;
    position: relative;
  }
  .progress-fill::after {
    content: "";
    position: absolute; top: -3px; right: -2px;
    width: 12px; height: 12px;
    background: var(--ink);
    border-radius: 50%;
    border: 2px solid var(--card-bg);
    box-shadow: 0 0 12px oklch(0.95 0 0 / .4);
  }
  .progress-list {
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
  }
  .pgi {
    display: flex; flex-direction: column; align-items: flex-start;
    gap: 4px;
    padding: 10px 12px;
    background: oklch(0.16 0.018 290 / .7);
    border: 1px solid var(--hairline);
    border-radius: 10px;
  }
  .pgi .nm { font-size: 12px; color: var(--ink); }
  .pgi .st { font-family: var(--font-mono); font-size: 9px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); display: flex; align-items: center; gap: 6px; }
  .pgi .stdot { width: 5px; height: 5px; border-radius: 50%; }
  .pgi.done .st { color: var(--c-pulse); }
  .pgi.done .stdot { background: var(--c-pulse); }
  .pgi.beta .st { color: oklch(0.82 0.16 75); }
  .pgi.beta .stdot { background: oklch(0.82 0.16 75); animation: pulseDot 2s ease-out infinite; }
  .pgi.soon .st { color: var(--muted); }
  .pgi.soon .stdot { background: var(--muted); }

  /* ───────────────────────────────────────────── */
  /* Footer / socials                              */
  /* ───────────────────────────────────────────── */
  .botbar .socials { display: flex; gap: 8px; }
  .ico {
    width: 28px; height: 28px;
    display: grid; place-items: center;
    border: 1px solid var(--hairline);
    border-radius: 8px;
    color: var(--ink-soft);
    font-size: 11px;
    background: oklch(0.18 0.018 290 / .5);
    transition: background .15s ease, color .15s ease;
  }
  .ico:hover { background: oklch(0.22 0.02 290); color: var(--ink); }

  /* ───────────────────────────────────────────── */
  /* Responsive                                    */
  /* ───────────────────────────────────────────── */
  @media (max-width: 720px) {
    .page { padding: 16px; }
    .card { padding: 44px 24px 36px; border-radius: 22px; }
    .card-wrap { border-radius: 23px; }
    .countdown { gap: 8px; }
    .cd-cell { min-width: 0; flex: 1; padding: 12px 8px 10px; }
    .cd-num { font-size: 22px; }
    .progress-list { grid-template-columns: 1fr 1fr; }
    h1 { font-size: 40px; }
  }