@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
/* [next]/internal/font/google/outfit_9e19e092.module.css [app-client] (css) */
@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Outfit Fallback;
  src: local(Arial);
  ascent-override: 100.18%;
  descent-override: 26.05%;
  line-gap-override: 0.0%;
  size-adjust: 99.82%;
}

.outfit_9e19e092-module__1VlnVq__className {
  font-family: Outfit, Outfit Fallback;
  font-style: normal;
}

.outfit_9e19e092-module__1VlnVq__variable {
  --font-display-var: "Outfit", "Outfit Fallback";
}

/* [next]/internal/font/google/plus_jakarta_sans_1c0b3ebd.module.css [app-client] (css) */
@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Plus Jakarta Sans Fallback;
  src: local(Arial);
  ascent-override: 98.88%;
  descent-override: 21.15%;
  line-gap-override: 0.0%;
  size-adjust: 104.98%;
}

.plus_jakarta_sans_1c0b3ebd-module__1sCrSW__className {
  font-family: Plus Jakarta Sans, Plus Jakarta Sans Fallback;
  font-style: normal;
}

.plus_jakarta_sans_1c0b3ebd-module__1sCrSW__variable {
  --font-sans-var: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback";
}

/* [next]/internal/font/google/jetbrains_mono_f6a3fc03.module.css [app-client] (css) */
@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono Fallback;
  src: local(Arial);
  ascent-override: 75.79%;
  descent-override: 22.29%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.jetbrains_mono_f6a3fc03-module__rp9K_G__className {
  font-family: JetBrains Mono, JetBrains Mono Fallback;
  font-style: normal;
}

.jetbrains_mono_f6a3fc03-module__rp9K_G__variable {
  --font-mono-var: "JetBrains Mono", "JetBrains Mono Fallback";
}

/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --site-gutter: 1rem;
  --section-py: clamp(3.25rem, 6vw, 6.5rem);
  --nav-height: 66px;
  --content-max-width: 1380px;
  --bg-canvas: #05060b;
  --bg-subtle: #080b13;
  --bg-surface: #0e121e;
  --bg-elevated: #14192a;
  --bg-card: #101523c7;
  --bg-card-hover: #161d30eb;
  --border-rule: #ffffff14;
  --border-subtle: #ffffff0a;
  --border-hover: #38bdf873;
  --border-accent: #38bdf880;
  --text-primary: #fff;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --text-accent: #38bdf8;
  --accent-cyan: #38bdf8;
  --accent-indigo: #6366f1;
  --accent-violet: #8b5cf6;
  --accent-glow: #38bdf838;
  --status-active: #10b981;
  --font-display: var(--font-display-var), "Outfit", system-ui, -apple-system, sans-serif;
  --font-sans: var(--font-sans-var), "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --font-mono: var(--font-mono-var), "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;
}

@media (min-width: 640px) {
  :root {
    --site-gutter: 2rem;
  }
}

@media (min-width: 1024px) {
  :root {
    --site-gutter: 3.5rem;
  }
}

@media (min-width: 1440px) {
  :root {
    --site-gutter: max(4rem, calc((100vw - var(--content-max-width)) / 2 + 2rem));
  }
}

*, :before, :after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  font-size: 16px;
}

body {
  background-color: var(--bg-canvas);
  min-height: 100vh;
  color: var(--text-primary);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image: radial-gradient(circle at 50% 0, #38bdf81a 0%, #0000 50%), radial-gradient(circle at 90% 40%, #6366f10f 0%, #0000 40%), radial-gradient(circle at 10% 80%, #8b5cf60d 0%, #0000 40%);
  background-attachment: fixed;
  line-height: 1.65;
  position: relative;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  color: var(--text-primary);
  letter-spacing: -.03em;
  font-weight: 700;
  line-height: 1.2;
}

a {
  color: inherit;
  text-decoration: none;
}

button, input, textarea, select {
  font-family: inherit;
  font-size: 1rem;
}

.site-container {
  width: 100%;
  padding-left: var(--site-gutter);
  padding-right: var(--site-gutter);
  margin-left: auto;
  margin-right: auto;
}

.section-full {
  width: 100%;
  padding-top: var(--section-py);
  padding-bottom: var(--section-py);
  position: relative;
}

.page-wrapper {
  width: 100%;
}

.section-about {
  background: var(--bg-canvas);
  border-bottom: 1px solid var(--border-rule);
}

.section-experience {
  background: var(--bg-subtle);
  border-bottom: 1px solid var(--border-rule);
}

.section-ventures {
  background: var(--bg-canvas);
  border-bottom: 1px solid var(--border-rule);
}

.section-impact {
  background: var(--bg-subtle);
  border-bottom: 1px solid var(--border-rule);
}

.section-timeline {
  background: var(--bg-canvas);
  border-bottom: 1px solid var(--border-rule);
}

.section-contact {
  background: var(--bg-subtle);
}

.site-header {
  height: var(--nav-height);
  z-index: 999;
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border-rule);
  background: #05060bbf;
  transition: all .3s cubic-bezier(.16, 1, .3, 1);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.site-header.is-scrolled {
  border-bottom-color: var(--border-hover);
  background: #05060bf0;
  box-shadow: 0 10px 30px #0000008c, 0 1px #ffffff0d;
}

.nav-inner {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.brand-link {
  align-items: center;
  gap: .85rem;
  text-decoration: none;
  display: inline-flex;
}

.brand-badge {
  border-radius: var(--radius-xs);
  border: 1px solid var(--border-accent);
  width: 38px;
  height: 38px;
  color: var(--accent-cyan);
  font-family: var(--font-mono);
  letter-spacing: .05em;
  background: linear-gradient(135deg, #38bdf833 0%, #6366f14d 100%);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .9375rem;
  font-weight: 700;
  display: flex;
  box-shadow: 0 0 15px #38bdf840;
}

.brand-text-group {
  flex-direction: column;
  display: flex;
}

.brand-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  letter-spacing: -.02em;
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1.2;
}

.brand-subtitle {
  font-family: var(--font-mono);
  color: var(--text-accent);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .6875rem;
}

.nav-links-desktop {
  align-items: center;
  gap: 1.5rem;
  display: none;
}

@media (min-width: 920px) {
  .nav-links-desktop {
    display: flex;
  }
}

.nav-item {
  color: var(--text-secondary);
  border-radius: var(--radius-xs);
  padding: .4rem .75rem;
  font-size: .9375rem;
  font-weight: 500;
  transition: all .2s;
}

.nav-item:hover {
  color: var(--text-primary);
}

.nav-item.active {
  color: var(--text-accent);
  background: #38bdf81a;
  font-weight: 600;
}

.mobile-nav-toggle {
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-xs);
  width: 44px;
  height: 44px;
  color: var(--text-primary);
  cursor: pointer;
  background: #ffffff0a;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.mobile-nav-toggle:hover {
  border-color: var(--border-hover);
  background: #ffffff14;
}

@media (min-width: 920px) {
  .mobile-nav-toggle {
    display: none;
  }
}

.mobile-menu {
  top: var(--nav-height);
  -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid var(--border-rule);
  padding: 1.5rem var(--site-gutter) 2.25rem var(--site-gutter);
  max-height: calc(100vh - var(--nav-height));
  background: #05060bfa;
  flex-direction: column;
  gap: .75rem;
  animation: .25s cubic-bezier(.16, 1, .3, 1) slideDown;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  overflow-y: auto;
  box-shadow: 0 20px 40px #0009;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.mobile-nav-item {
  border-radius: var(--radius-xs);
  color: var(--text-secondary);
  font-family: var(--font-display);
  padding: .95rem 1.15rem;
  font-size: 1.1rem;
  font-weight: 600;
  transition: all .2s;
  display: block;
}

.mobile-nav-item.active {
  color: var(--text-accent);
  background: #38bdf81a;
}

.btn {
  font-family: var(--font-sans);
  border-radius: var(--radius-xs);
  cursor: pointer;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  min-height: 48px;
  padding: .85rem 1.75rem;
  font-size: .9375rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .25s cubic-bezier(.16, 1, .3, 1);
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.btn-primary, .btn-accent {
  color: #fff;
  background: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%);
  border: 1px solid #38bdf899;
  box-shadow: 0 4px 20px #38bdf84d, inset 0 1px #ffffff40;
}

.btn-primary:hover, .btn-accent:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px #38bdf873, inset 0 1px #fff6;
}

.btn-secondary {
  color: var(--text-primary);
  border: 1px solid var(--border-rule);
  -webkit-backdrop-filter: blur(10px);
  background: #ffffff0a;
}

.btn-secondary:hover {
  border-color: var(--border-hover);
  color: var(--text-primary);
  background: #ffffff14;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #00000059;
}

.btn-icon {
  align-items: center;
  transition: transform .25s;
  display: inline-flex;
}

.btn:hover .btn-icon-right {
  transform: translate(3px, -3px);
}

.editorial-heading {
  max-width: 900px;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.editorial-eyebrow {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--text-accent);
  align-items: center;
  gap: .5rem;
  margin-bottom: .85rem;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.editorial-title {
  font-family: var(--font-display);
  letter-spacing: -.025em;
  color: var(--text-primary);
  overflow-wrap: break-word;
  word-break: break-word;
  margin-bottom: .65rem;
  font-size: clamp(1.25rem, 4.4vw, 1.7rem);
  font-weight: 800;
  line-height: 1.22;
}

@media (min-width: 768px) {
  .editorial-title {
    letter-spacing: -.035em;
    margin-bottom: 1rem;
    font-size: clamp(1.9rem, 3.5vw, 3.15rem);
    line-height: 1.15;
  }
}

.editorial-subtitle {
  color: var(--text-secondary);
  max-width: 680px;
  font-size: clamp(.85rem, 1.2vw, 1.05rem);
  line-height: 1.6;
}

.hero-section-wrapper {
  width: 100%;
  padding-top: calc(var(--nav-height) + 2.5rem);
  border-bottom: 1px solid var(--border-rule);
  padding-bottom: clamp(4rem, 7vw, 6.5rem);
  position: relative;
  overflow: hidden;
}

.hero-ambient-glow {
  filter: blur(80px);
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(circle, #38bdf826 0%, #6366f114 40%, #0000 70%);
  width: 650px;
  height: 650px;
  position: absolute;
  top: -15%;
  left: 20%;
}

.hero-container {
  z-index: 1;
  flex-direction: column;
  gap: 3.5rem;
  display: flex;
  position: relative;
}

@media (min-width: 1024px) {
  .hero-container {
    grid-template-columns: 1.16fr .84fr;
    align-items: center;
    gap: 4rem;
    display: grid;
  }
}

.hero-content-col {
  flex-direction: column;
  display: flex;
}

.hero-status-pill {
  background: #10b9811a;
  border: 1px solid #10b9814d;
  border-radius: 9999px;
  align-items: center;
  gap: .5rem;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 1.5rem;
  padding: .35rem .85rem;
  display: inline-flex;
  box-shadow: 0 0 20px #10b9811f;
}

.hero-beacon-dot {
  background: var(--status-active);
  width: 8px;
  height: 8px;
  box-shadow: 0 0 10px var(--status-active);
  border-radius: 50%;
  flex-shrink: 0;
  animation: 2s ease-in-out infinite pulseBeacon;
}

@keyframes pulseBeacon {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .55;
    transform: scale(1.3);
  }
}

.hero-beacon-text {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--status-active);
  font-size: clamp(.65rem, 2.2vw, .75rem);
  font-weight: 600;
}

.hero-headline {
  font-family: var(--font-display);
  letter-spacing: -.03em;
  color: var(--text-primary);
  overflow-wrap: break-word;
  word-break: break-word;
  margin-bottom: 1.25rem;
  font-size: clamp(1.65rem, 6vw, 2.25rem);
  font-weight: 800;
  line-height: 1.18;
}

@media (min-width: 768px) {
  .hero-headline {
    letter-spacing: -.04em;
    margin-bottom: 1.5rem;
    font-size: clamp(2.35rem, 4.5vw, 3.85rem);
    line-height: 1.12;
  }
}

.hero-headline-gradient {
  background: linear-gradient(135deg, #38bdf8 0%, #818cf8 50%, #c084fc 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.hero-bio {
  color: var(--text-secondary);
  max-width: 640px;
  margin-bottom: 2rem;
  font-size: clamp(.925rem, 1.35vw, 1.125rem);
  line-height: 1.65;
}

.hero-name-highlight {
  color: var(--text-primary);
  font-weight: 700;
}

.hero-actions-row {
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 3rem;
  display: flex;
}

@media (max-width: 480px) {
  .hero-actions-row {
    flex-direction: column;
  }

  .hero-primary-btn, .hero-secondary-btn {
    width: 100%;
  }
}

.hero-proof-strip {
  border-top: 1px solid var(--border-rule);
  flex-direction: column;
  gap: 1.25rem;
  padding-top: 1.75rem;
  display: flex;
}

@media (min-width: 640px) {
  .hero-proof-strip {
    flex-direction: row;
    align-items: center;
    gap: 1.75rem;
  }
}

.hero-proof-item {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.hero-proof-icon {
  border-radius: var(--radius-xs);
  width: 36px;
  height: 36px;
  color: var(--accent-cyan);
  background: #38bdf81a;
  border: 1px solid #38bdf840;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-proof-text {
  flex-direction: column;
  display: flex;
}

.hero-proof-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  font-size: .9375rem;
  font-weight: 700;
}

.hero-proof-sub {
  font-size: .75rem;
  font-family: var(--font-mono);
  color: var(--text-muted);
}

.hero-proof-divider {
  background: var(--border-rule);
  width: 1px;
  height: 28px;
  display: none;
}

@media (min-width: 640px) {
  .hero-proof-divider {
    display: block;
  }
}

.hero-visual-col {
  width: 100%;
}

.hero-terminal-card {
  border-radius: var(--radius-md);
  -webkit-backdrop-filter: blur(16px);
  background: linear-gradient(165deg, #141a2acc 0%, #0a0e18f2 100%);
  border: 1px solid #38bdf84d;
  width: 100%;
  min-width: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 60px #0000008c, 0 0 40px #38bdf81a, inset 0 1px #ffffff1f;
}

.hero-terminal-header {
  border-bottom: 1px solid var(--border-rule);
  background: #00000073;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  padding: .85rem 1rem;
  display: flex;
}

@media (min-width: 640px) {
  .hero-terminal-header {
    padding: 1rem 1.35rem;
  }
}

.terminal-dots {
  gap: .45rem;
  display: flex;
}

.terminal-dot {
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.dot-red {
  background: #ef4444;
}

.dot-yellow {
  background: #f59e0b;
}

.dot-green {
  background: #10b981;
}

.terminal-title {
  font-family: var(--font-mono);
  color: var(--text-secondary);
  letter-spacing: .06em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: clamp(.65rem, 2.2vw, .75rem);
  font-weight: 600;
  overflow: hidden;
}

.terminal-status-badge {
  font-family: var(--font-mono);
  color: var(--status-active);
  background: #10b98126;
  border: 1px solid #10b98159;
  border-radius: 9999px;
  padding: .2rem .6rem;
  font-size: .6875rem;
  font-weight: 700;
}

.hero-entity-row {
  border-bottom: 1px solid var(--border-rule);
  align-items: flex-start;
  gap: .85rem;
  padding: .95rem 1rem;
  transition: background .2s;
  display: flex;
}

@media (min-width: 640px) {
  .hero-entity-row {
    gap: 1.15rem;
    padding: 1.35rem;
  }
}

.hero-entity-row:hover {
  background: #ffffff08;
}

.entity-icon-box {
  border-radius: var(--radius-xs);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: flex;
}

@media (min-width: 640px) {
  .entity-icon-box {
    width: 42px;
    height: 42px;
  }
}

.icon-accent {
  color: var(--accent-cyan);
  background: #38bdf81f;
  border: 1px solid #38bdf84d;
}

.entity-info {
  flex-grow: 1;
  min-width: 0;
}

.entity-header {
  flex-direction: column;
  align-items: flex-start;
  gap: .25rem;
  margin-bottom: .3rem;
  display: flex;
}

@media (min-width: 640px) {
  .entity-header {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
  }
}

.entity-name {
  font-family: var(--font-display);
  color: var(--text-primary);
  word-break: break-word;
  font-size: .95rem;
  font-weight: 700;
}

@media (min-width: 640px) {
  .entity-name {
    font-size: 1.05rem;
  }
}

.entity-badge {
  font-family: var(--font-mono);
  border-radius: var(--radius-xs);
  text-transform: uppercase;
  padding: .2rem .55rem;
  font-size: .6875rem;
  font-weight: 600;
}

.badge-cyan {
  color: var(--accent-cyan);
  background: #38bdf826;
  border: 1px solid #38bdf84d;
}

.badge-indigo {
  color: #818cf8;
  background: #6366f126;
  border: 1px solid #6366f14d;
}

.badge-violet {
  color: #a78bfa;
  background: #8b5cf626;
  border: 1px solid #8b5cf64d;
}

.entity-role {
  color: var(--text-accent);
  margin-bottom: .3rem;
  font-size: .85rem;
  font-weight: 600;
}

.entity-scope {
  color: var(--text-muted);
  font-size: .8125rem;
  line-height: 1.45;
}

.hero-terminal-footer {
  background: #00000059;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  padding: 1.15rem 1.35rem;
  display: grid;
}

.terminal-kpi {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.kpi-icon {
  color: var(--accent-cyan);
  display: flex;
}

.kpi-value {
  font-family: var(--font-mono);
  color: var(--text-primary);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}

.kpi-label {
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .6875rem;
  display: block;
}

.about-editorial-grid {
  flex-direction: column;
  gap: 2.5rem;
  display: flex;
}

@media (min-width: 960px) {
  .about-editorial-grid {
    grid-template-columns: 1.08fr .92fr;
    align-items: flex-start;
    gap: 3.5rem;
    display: grid;
  }
}

.about-narrative-card {
  background: var(--bg-card);
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-md);
  word-break: break-word;
  min-width: 0;
  padding: 1.25rem;
  box-shadow: 0 10px 30px #0006, inset 0 1px #ffffff1a;
}

@media (min-width: 768px) {
  .about-narrative-card {
    padding: clamp(1.75rem, 3.5vw, 2.75rem);
  }
}

.narrative-badge-wrap {
  margin-bottom: .85rem;
}

.narrative-badge {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--accent-cyan);
  border-radius: var(--radius-xs);
  background: #38bdf81a;
  border: 1px solid #38bdf840;
  align-items: center;
  gap: .45rem;
  padding: .25rem .65rem;
  font-size: .725rem;
  font-weight: 700;
  display: inline-flex;
}

.about-quote-badge {
  border-left: 3px solid var(--accent-cyan);
  border-radius: 0 var(--radius-xs) var(--radius-xs) 0;
  background: #38bdf80d;
  margin-bottom: 1.15rem;
  padding: .85rem 1.15rem;
}

@media (min-width: 768px) {
  .about-quote-badge {
    margin-bottom: 1.75rem;
    padding: 1.25rem 1.65rem;
  }
}

.quote-mark {
  font-family: var(--font-display);
  color: var(--accent-cyan);
  margin-bottom: .2rem;
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1;
  display: block;
}

@media (min-width: 768px) {
  .quote-mark {
    margin-bottom: .35rem;
    font-size: 1.85rem;
  }
}

.quote-text {
  color: var(--text-primary);
  font-size: .875rem;
  font-style: italic;
  font-weight: 500;
  line-height: 1.55;
}

@media (min-width: 768px) {
  .quote-text {
    font-size: 1.05rem;
    line-height: 1.65;
  }
}

.about-story-paragraphs {
  color: var(--text-secondary);
  flex-direction: column;
  gap: .85rem;
  font-size: .85rem;
  line-height: 1.65;
  display: flex;
}

@media (min-width: 768px) {
  .about-story-paragraphs {
    gap: 1.25rem;
    font-size: .95rem;
    line-height: 1.7;
  }
}

.lead-paragraph {
  color: var(--text-primary);
  font-size: .925rem;
  font-weight: 500;
  line-height: 1.65;
}

@media (min-width: 768px) {
  .lead-paragraph {
    font-size: 1.05rem;
    line-height: 1.7;
  }
}

.about-action-wrap {
  border-top: 1px solid var(--border-rule);
  margin-top: 1.25rem;
  padding-top: 1rem;
}

@media (min-width: 768px) {
  .about-action-wrap {
    margin-top: 2rem;
    padding-top: 1.5rem;
  }
}

.about-principles-col {
  flex-direction: column;
  gap: 1.25rem;
  display: flex;
}

@media (min-width: 768px) {
  .about-principles-col {
    gap: 1.5rem;
  }
}

.principle-card {
  background: var(--bg-card);
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-md);
  word-break: break-word;
  min-width: 0;
  padding: 1.25rem;
  transition: all .25s cubic-bezier(.16, 1, .3, 1);
  box-shadow: 0 8px 24px #00000059, inset 0 1px #ffffff14;
}

@media (min-width: 768px) {
  .principle-card {
    padding: 1.65rem;
  }
}

.principle-card:hover {
  border-color: var(--border-hover);
  background: var(--bg-card-hover);
  transform: translateY(-3px);
  box-shadow: 0 16px 40px #38bdf81f, inset 0 1px #ffffff26;
}

.principle-card-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .85rem;
  display: flex;
}

@media (min-width: 768px) {
  .principle-card-header {
    margin-bottom: 1rem;
  }
}

.principle-icon-wrap {
  border-radius: var(--radius-xs);
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: flex;
}

@media (min-width: 768px) {
  .principle-icon-wrap {
    width: 40px;
    height: 40px;
  }
}

.icon-cyan {
  color: var(--accent-cyan);
  background: #38bdf81f;
  border: 1px solid #38bdf840;
}

.icon-indigo {
  color: #818cf8;
  background: #6366f11f;
  border: 1px solid #6366f140;
}

.icon-violet {
  color: #a78bfa;
  background: #8b5cf61f;
  border: 1px solid #8b5cf640;
}

.principle-tag {
  font-family: var(--font-mono);
  color: var(--text-accent);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .725rem;
  font-weight: 600;
}

.principle-heading {
  font-family: var(--font-display);
  color: var(--text-primary);
  word-break: break-word;
  margin-bottom: .35rem;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.3;
}

@media (min-width: 768px) {
  .principle-heading {
    margin-bottom: .5rem;
    font-size: 1.25rem;
  }
}

.principle-summary {
  color: var(--text-secondary);
  font-size: .85rem;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .principle-summary {
    font-size: .95rem;
    line-height: 1.65;
  }
}

.about-pillars-section {
  border-top: 1px solid var(--border-rule);
  margin-top: clamp(3rem, 5vw, 5rem);
  padding-top: 2.5rem;
}

@media (min-width: 768px) {
  .about-pillars-section {
    padding-top: 3.5rem;
  }
}

.pillars-section-header {
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .pillars-section-header {
    margin-bottom: 2.5rem;
  }
}

.pillars-eyebrow {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--text-accent);
  margin-bottom: .35rem;
  font-size: .75rem;
  font-weight: 600;
  display: block;
}

.pillars-title {
  color: var(--text-primary);
  word-break: break-word;
  font-size: clamp(1.25rem, 4vw, 1.85rem);
  font-weight: 800;
}

@media (min-width: 768px) {
  .pillars-title {
    font-size: clamp(1.6rem, 3vw, 2.35rem);
  }
}

.pillars-grid {
  grid-template-columns: 1fr;
  gap: 1.25rem;
  display: grid;
}

@media (min-width: 768px) {
  .pillars-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.75rem;
  }
}

.pillar-item-card {
  background: var(--bg-card);
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-md);
  word-break: break-word;
  flex-direction: column;
  min-width: 0;
  padding: 1.25rem;
  transition: all .25s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 24px #00000059, inset 0 1px #ffffff14;
}

@media (min-width: 768px) {
  .pillar-item-card {
    padding: 2rem;
  }
}

.pillar-item-card:hover {
  border-color: var(--border-hover);
  background: var(--bg-card-hover);
  transform: translateY(-4px);
  box-shadow: 0 16px 40px #38bdf81f, inset 0 1px #ffffff2e;
}

.pillar-card-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

@media (min-width: 768px) {
  .pillar-card-top {
    margin-bottom: 1.35rem;
  }
}

.pillar-index {
  font-family: var(--font-mono);
  color: var(--accent-cyan);
  font-size: 1.2rem;
  font-weight: 700;
}

@media (min-width: 768px) {
  .pillar-index {
    font-size: 1.35rem;
  }
}

.pillar-icon-box {
  color: var(--text-accent);
  display: flex;
}

.pillar-card-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  word-break: break-word;
  margin-bottom: .5rem;
  font-size: 1.15rem;
  font-weight: 700;
}

@media (min-width: 768px) {
  .pillar-card-title {
    margin-bottom: .85rem;
    font-size: 1.3rem;
  }
}

.pillar-card-description {
  color: var(--text-secondary);
  flex-grow: 1;
  font-size: .85rem;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .pillar-card-description {
    font-size: .95rem;
    line-height: 1.7;
  }
}

.pillar-card-accent-line {
  background: linear-gradient(90deg, var(--accent-cyan), var(--accent-indigo));
  opacity: 0;
  height: 3px;
  transition: opacity .25s;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.pillar-item-card:hover .pillar-card-accent-line {
  opacity: 1;
}

.experience-cards-stack {
  flex-direction: column;
  gap: 2rem;
  display: flex;
}

.role-card {
  background: var(--bg-card);
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3.5vw, 2.75rem);
  transition: all .25s cubic-bezier(.16, 1, .3, 1);
  box-shadow: 0 10px 30px #0006, inset 0 1px #ffffff14;
}

.role-card:hover {
  border-color: var(--border-hover);
  transform: translateY(-2px);
  box-shadow: 0 20px 50px #00000080, inset 0 1px #ffffff29;
}

.role-card-header {
  border-bottom: 1px solid var(--border-rule);
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

@media (min-width: 768px) {
  .role-card-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.role-org-group {
  align-items: center;
  gap: 1rem;
  display: flex;
}

.role-org-icon {
  border-radius: var(--radius-xs);
  width: 48px;
  height: 48px;
  color: var(--accent-cyan);
  background: #38bdf81f;
  border: 1px solid #38bdf84d;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.role-org-name {
  font-family: var(--font-mono);
  color: var(--text-accent);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: .25rem;
  font-size: .8125rem;
  font-weight: 600;
  display: block;
}

.role-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: 700;
}

.role-badges-group {
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.badge-featured {
  font-family: var(--font-mono);
  border-radius: var(--radius-xs);
  color: var(--status-active);
  text-transform: uppercase;
  background: #10b98126;
  border: 1px solid #10b98159;
  padding: .3rem .75rem;
  font-size: .75rem;
  font-weight: 600;
}

.badge-tenure {
  font-family: var(--font-mono);
  border-radius: var(--radius-xs);
  border: 1px solid var(--border-rule);
  color: var(--text-muted);
  background: #ffffff0a;
  padding: .3rem .75rem;
  font-size: .75rem;
  font-weight: 500;
}

.role-highlights-title {
  font-size: .8125rem;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--text-muted);
  margin-bottom: 1rem;
  font-weight: 600;
}

.role-highlights-grid {
  flex-direction: column;
  gap: .85rem;
  margin-bottom: 1.75rem;
  display: flex;
}

.role-highlight-row {
  align-items: flex-start;
  gap: .75rem;
  display: flex;
}

.highlight-check-icon {
  color: var(--accent-cyan);
  flex-shrink: 0;
  margin-top: .2rem;
  display: flex;
}

.highlight-text {
  color: var(--text-secondary);
  font-size: .975rem;
  line-height: 1.65;
}

.role-card-footer {
  border-top: 1px solid var(--border-rule);
  flex-direction: column;
  gap: .75rem;
  padding-top: 1.35rem;
  display: flex;
}

@media (min-width: 640px) {
  .role-card-footer {
    flex-direction: row;
    align-items: center;
  }
}

.skills-label {
  font-size: .75rem;
  font-family: var(--font-mono);
  text-transform: uppercase;
  color: var(--text-muted);
  letter-spacing: .06em;
  white-space: nowrap;
}

.skills-pills-wrap {
  flex-wrap: wrap;
  gap: .5rem;
  display: flex;
}

.skill-pill {
  border-radius: var(--radius-xs);
  border: 1px solid var(--border-rule);
  color: var(--text-secondary);
  background: #ffffff08;
  padding: .25rem .75rem;
  font-size: .8125rem;
  transition: all .2s;
}

.skill-pill:hover {
  border-color: var(--border-hover);
  color: var(--text-primary);
}

.ventures-header-row {
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 3.5rem;
  display: flex;
}

@media (min-width: 768px) {
  .ventures-header-row {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}

.venture-flagship-card {
  border-radius: var(--radius-md);
  word-break: break-word;
  background: linear-gradient(165deg, #141a2ae6 0%, #0a0e18fa 100%);
  border: 1px solid #38bdf866;
  min-width: 0;
  padding: 1.25rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 60px #0000008c, 0 0 40px #38bdf81a, inset 0 1px #ffffff26;
}

@media (min-width: 768px) {
  .venture-flagship-card {
    padding: clamp(2rem, 4vw, 3.25rem);
  }
}

.venture-flagship-card:before {
  content: "";
  background: linear-gradient(90deg, transparent, var(--accent-cyan), var(--accent-indigo), transparent);
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.flagship-top-bar {
  border-bottom: 1px solid var(--border-rule);
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

@media (min-width: 640px) {
  .flagship-top-bar {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }
}

.flagship-meta-left {
  align-items: center;
  gap: .95rem;
  min-width: 0;
  display: flex;
}

@media (min-width: 640px) {
  .flagship-meta-left {
    gap: 1.15rem;
  }
}

.flagship-icon-box {
  border-radius: var(--radius-xs);
  border: 1px solid var(--border-accent);
  width: 44px;
  height: 44px;
  color: var(--accent-cyan);
  background: #38bdf826;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 0 20px #38bdf840;
}

@media (min-width: 640px) {
  .flagship-icon-box {
    width: 52px;
    height: 52px;
  }
}

.flagship-category {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--accent-cyan);
  margin-bottom: .2rem;
  font-size: .725rem;
  font-weight: 600;
  display: block;
}

.flagship-name {
  font-family: var(--font-display);
  color: var(--text-primary);
  word-break: break-word;
  font-size: clamp(1.35rem, 4vw, 2.2rem);
  font-weight: 800;
}

.status-badge-active {
  font-family: var(--font-mono);
  color: var(--status-active);
  background: #10b98126;
  border: 1px solid #10b98159;
  border-radius: 9999px;
  align-items: center;
  gap: .5rem;
  padding: .4rem .95rem;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.beacon-dot-sm {
  background: var(--status-active);
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.flagship-content-grid {
  flex-direction: column;
  gap: 2.5rem;
  display: flex;
}

@media (min-width: 900px) {
  .flagship-content-grid {
    grid-template-columns: 1.15fr .85fr;
    align-items: center;
    gap: 3.5rem;
    display: grid;
  }
}

.flagship-role {
  color: var(--accent-cyan);
  margin-bottom: .85rem;
  font-size: 1.15rem;
  font-weight: 700;
}

.flagship-paragraph {
  color: var(--text-secondary);
  margin-bottom: 1.5rem;
  font-size: 1.05rem;
  line-height: 1.75;
}

.flagship-subsidiary-callout {
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-xs);
  background: #ffffff08;
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem;
  padding: .85rem 1.15rem;
  font-size: .875rem;
  display: flex;
}

.subsidiary-tag {
  color: var(--text-muted);
  font-weight: 600;
}

.subsidiary-name {
  color: var(--text-primary);
  font-weight: 600;
}

.subsidiary-sep {
  color: var(--text-muted);
}

.flagship-scope-col {
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-xs);
  background: #ffffff05;
  padding: 1.85rem;
}

.flagship-scope-title {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--accent-cyan);
  margin-bottom: 1.25rem;
  font-size: .8125rem;
  font-weight: 700;
}

.flagship-highlights-list {
  flex-direction: column;
  gap: .85rem;
  display: flex;
}

.flagship-highlight-item {
  color: var(--text-primary);
  align-items: center;
  gap: .75rem;
  font-size: .95rem;
  display: flex;
}

.highlight-icon {
  color: var(--accent-cyan);
  display: flex;
}

.ventures-tier2-section {
  margin-top: 4.5rem;
}

.tier-section-title-wrap {
  margin-bottom: 2rem;
}

.tier-label {
  font-family: var(--font-mono);
  color: var(--text-accent);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: .25rem;
  font-size: .75rem;
  font-weight: 600;
  display: block;
}

.tier-heading {
  color: var(--text-primary);
  word-break: break-word;
  font-size: clamp(1.25rem, 4vw, 1.85rem);
  font-weight: 700;
}

.ventures-tier2-grid {
  grid-template-columns: 1fr;
  gap: 1.35rem;
  display: grid;
}

@media (min-width: 640px) {
  .ventures-tier2-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .ventures-tier2-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.operating-venture-card {
  background: var(--bg-card);
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-md);
  word-break: break-word;
  flex-direction: column;
  min-width: 0;
  padding: 1.25rem;
  transition: all .25s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  box-shadow: 0 8px 24px #00000059, inset 0 1px #ffffff14;
}

@media (min-width: 768px) {
  .operating-venture-card {
    padding: 1.85rem;
  }
}

.operating-venture-card:hover {
  border-color: var(--border-hover);
  background: var(--bg-card-hover);
  transform: translateY(-4px);
  box-shadow: 0 16px 40px #38bdf826, inset 0 1px #ffffff2e;
}

.venture-card-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.15rem;
  display: flex;
}

@media (min-width: 640px) {
  .venture-card-top {
    margin-bottom: 1.35rem;
  }
}

.venture-card-icon {
  border-radius: var(--radius-xs);
  width: 40px;
  height: 40px;
  color: var(--accent-cyan);
  background: #38bdf81f;
  border: 1px solid #38bdf840;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (min-width: 640px) {
  .venture-card-icon {
    width: 42px;
    height: 42px;
  }
}

.venture-type-badge {
  font-family: var(--font-mono);
  border-radius: var(--radius-xs);
  color: var(--text-accent);
  background: #38bdf81a;
  border: 1px solid #38bdf840;
  padding: .25rem .6rem;
  font-size: .6875rem;
  font-weight: 600;
}

.venture-card-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  word-break: break-word;
  margin-bottom: .35rem;
  font-size: 1.25rem;
  font-weight: 700;
}

@media (min-width: 768px) {
  .venture-card-title {
    font-size: 1.4rem;
  }
}

.venture-card-role {
  color: var(--text-accent);
  margin-bottom: .85rem;
  font-size: .85rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .venture-card-role {
    margin-bottom: 1rem;
    font-size: .875rem;
  }
}

.venture-card-desc {
  color: var(--text-secondary);
  flex-grow: 1;
  margin-bottom: 1.35rem;
  font-size: .875rem;
  line-height: 1.65;
}

@media (min-width: 768px) {
  .venture-card-desc {
    margin-bottom: 1.65rem;
    font-size: .95rem;
    line-height: 1.7;
  }
}

.venture-card-footer {
  border-top: 1px solid var(--border-rule);
  padding-top: 1.25rem;
}

.highlights-mini-title {
  font-size: .75rem;
  font-family: var(--font-mono);
  color: var(--text-muted);
  text-transform: uppercase;
  margin-bottom: .65rem;
  font-weight: 600;
}

.highlights-mini-list {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.mini-highlight-item {
  color: var(--text-secondary);
  align-items: center;
  gap: .55rem;
  font-size: .875rem;
  display: flex;
}

.mini-check {
  color: var(--accent-cyan);
  display: flex;
}

.ventures-tier3-section {
  margin-top: 4rem;
}

.historical-cards-grid {
  grid-template-columns: 1fr;
  gap: 1.5rem;
  display: grid;
}

@media (min-width: 640px) {
  .historical-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.historical-card {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  word-break: break-word;
  background: #10152373;
  min-width: 0;
  padding: 1.25rem;
  transition: all .2s;
}

@media (min-width: 768px) {
  .historical-card {
    padding: 1.65rem;
  }
}

.historical-card:hover {
  border-color: var(--border-rule);
  background: var(--bg-card);
}

.historical-card-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .85rem;
  display: flex;
}

.historical-badge, .historical-status {
  font-family: var(--font-mono);
  color: var(--text-muted);
  font-size: .6875rem;
}

.historical-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  word-break: break-word;
  margin-bottom: .25rem;
  font-size: 1.125rem;
  font-weight: 700;
}

@media (min-width: 768px) {
  .historical-title {
    font-size: 1.2rem;
  }
}

.historical-role {
  color: var(--text-muted);
  margin-bottom: .85rem;
  font-size: .8125rem;
}

.historical-desc {
  color: var(--text-secondary);
  margin-bottom: 1.15rem;
  font-size: .9rem;
  line-height: 1.6;
}

.historical-bullets {
  flex-wrap: wrap;
  gap: .45rem;
  display: flex;
}

.historical-pill {
  border-radius: var(--radius-xs);
  color: var(--text-muted);
  border: 1px solid var(--border-subtle);
  background: #ffffff08;
  padding: .25rem .6rem;
  font-size: .75rem;
}

.metric-rail-container {
  grid-template-columns: 1fr;
  gap: 1.15rem;
  margin-bottom: 3.5rem;
  display: grid;
}

@media (min-width: 580px) {
  .metric-rail-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.35rem;
  }
}

@media (min-width: 1024px) {
  .metric-rail-container {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    margin-bottom: 4.5rem;
  }
}

.metric-tile {
  background: var(--bg-card);
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-md);
  word-break: break-word;
  min-width: 0;
  padding: 1.35rem;
  transition: all .25s cubic-bezier(.16, 1, .3, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 24px #00000059, inset 0 1px #ffffff14;
}

@media (min-width: 768px) {
  .metric-tile {
    padding: 1.85rem;
  }
}

.metric-tile:hover {
  border-color: var(--border-hover);
  background: var(--bg-card-hover);
  transform: translateY(-3px);
  box-shadow: 0 16px 40px #38bdf826, inset 0 1px #ffffff2e;
}

.metric-tile-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.metric-tile-index {
  font-family: var(--font-mono);
  color: var(--accent-cyan);
  font-size: .8125rem;
  font-weight: 700;
}

.metric-tile-category {
  font-family: var(--font-mono);
  color: var(--text-muted);
  text-transform: uppercase;
  font-size: .6875rem;
}

.metric-tile-number {
  font-family: var(--font-display);
  letter-spacing: -.03em;
  background: linear-gradient(135deg, #38bdf8 0%, #818cf8 60%, #c084fc 100%);
  -webkit-text-fill-color: transparent;
  word-break: break-word;
  overflow-wrap: break-word;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: .5rem;
  font-size: clamp(1.4rem, 5vw, 1.85rem);
  font-weight: 800;
  line-height: 1.15;
}

@media (min-width: 768px) {
  .metric-tile-number {
    font-size: clamp(2rem, 3.2vw, 2.85rem);
  }
}

.metric-tile-label {
  font-family: var(--font-display);
  color: var(--text-primary);
  margin-bottom: .45rem;
  font-size: .95rem;
  font-weight: 700;
  line-height: 1.35;
}

@media (min-width: 768px) {
  .metric-tile-label {
    margin-bottom: .5rem;
    font-size: 1.05rem;
  }
}

.metric-tile-desc {
  color: var(--text-secondary);
  font-size: .8125rem;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .metric-tile-desc {
    font-size: .875rem;
  }
}

.capabilities-header {
  border-top: 1px solid var(--border-rule);
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2.5rem;
  padding-top: 3.5rem;
  display: flex;
}

@media (min-width: 640px) {
  .capabilities-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.capabilities-tag {
  font-family: var(--font-mono);
  color: var(--text-accent);
  text-transform: uppercase;
  align-items: center;
  gap: .45rem;
  margin-bottom: .35rem;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.capabilities-title {
  color: var(--text-primary);
  font-size: clamp(1.4rem, 2.5vw, 1.95rem);
  font-weight: 700;
}

.kpi-verified-badge {
  font-family: var(--font-mono);
  color: var(--status-active);
  border-radius: var(--radius-xs);
  background: #10b9811f;
  border: 1px solid #10b9814d;
  align-items: center;
  gap: .5rem;
  padding: .4rem .85rem;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.capabilities-cards-grid {
  grid-template-columns: 1fr;
  gap: 1.75rem;
  display: grid;
}

@media (min-width: 900px) {
  .capabilities-cards-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.capability-card {
  background: var(--bg-card);
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-md);
  flex-direction: column;
  padding: 1.85rem;
  transition: all .25s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  box-shadow: 0 8px 24px #00000059, inset 0 1px #ffffff14;
}

.capability-card:hover {
  border-color: var(--border-hover);
  background: var(--bg-card-hover);
  transform: translateY(-4px);
  box-shadow: 0 16px 40px #38bdf826, inset 0 1px #ffffff2e;
}

.capability-card-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.35rem;
  display: flex;
}

.capability-icon-wrap {
  border-radius: var(--radius-xs);
  width: 42px;
  height: 42px;
  color: var(--accent-cyan);
  background: #38bdf81f;
  border: 1px solid #38bdf840;
  justify-content: center;
  align-items: center;
  display: flex;
}

.capability-badge {
  font-family: var(--font-mono);
  color: var(--text-muted);
  text-transform: uppercase;
  font-size: .6875rem;
}

.capability-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  margin-bottom: .85rem;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.35;
}

.capability-overview {
  color: var(--text-secondary);
  flex-grow: 1;
  margin-bottom: 1.65rem;
  font-size: .95rem;
  line-height: 1.7;
}

.capability-tags-wrap {
  border-top: 1px solid var(--border-rule);
  flex-wrap: wrap;
  gap: .5rem;
  padding-top: 1.25rem;
  display: flex;
}

.capability-pill {
  border-radius: var(--radius-xs);
  border: 1px solid var(--border-rule);
  color: var(--text-secondary);
  background: #ffffff08;
  padding: .25rem .65rem;
  font-size: .75rem;
}

.timeline-track-container {
  flex-direction: column;
  display: flex;
  position: relative;
}

.timeline-entry-row {
  grid-template-columns: 24px 1fr;
  gap: 1.25rem;
  padding-bottom: 2.5rem;
  display: grid;
  position: relative;
}

@media (min-width: 768px) {
  .timeline-entry-row {
    grid-template-columns: 28px 180px 1fr;
    gap: 2rem;
  }
}

.timeline-marker-col {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.timeline-node-pin {
  background: var(--bg-canvas);
  border: 2px solid var(--accent-cyan);
  width: 18px;
  height: 18px;
  box-shadow: 0 0 12px var(--accent-glow);
  z-index: 2;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-top: .4rem;
  display: flex;
}

.node-inner-dot {
  background: var(--accent-cyan);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.timeline-track-line {
  background: linear-gradient(180deg, var(--accent-cyan) 0%, #38bdf840 80%, transparent 100%);
  flex-grow: 1;
  width: 2px;
  margin-top: .25rem;
  margin-bottom: -.4rem;
}

.timeline-date-col {
  flex-direction: column;
  gap: .45rem;
  margin-top: .25rem;
  display: flex;
}

@media (max-width: 767px) {
  .timeline-date-col {
    display: none;
  }
}

.timeline-year-badge {
  font-family: var(--font-mono);
  color: var(--accent-cyan);
  border-radius: var(--radius-xs);
  background: #38bdf81a;
  border: 1px solid #38bdf840;
  width: fit-content;
  padding: .3rem .75rem;
  font-size: .8125rem;
  font-weight: 700;
}

.timeline-type-badge {
  font-family: var(--font-mono);
  color: var(--text-muted);
  text-transform: uppercase;
  font-size: .6875rem;
}

.timeline-card {
  background: var(--bg-card);
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-md);
  word-break: break-word;
  min-width: 0;
  padding: 1.25rem;
  transition: all .25s cubic-bezier(.16, 1, .3, 1);
  box-shadow: 0 8px 24px #00000059, inset 0 1px #ffffff14;
}

@media (min-width: 768px) {
  .timeline-card {
    padding: 1.65rem;
  }
}

.timeline-card:hover {
  border-color: var(--border-hover);
  background: var(--bg-card-hover);
  transform: translateY(-2px);
  box-shadow: 0 16px 40px #38bdf81f, inset 0 1px #ffffff26;
}

.timeline-card-header {
  margin-bottom: .75rem;
}

.timeline-mobile-badge {
  font-family: var(--font-mono);
  color: var(--accent-cyan);
  border-radius: var(--radius-xs);
  text-transform: uppercase;
  background: #38bdf81a;
  border: 1px solid #38bdf840;
  align-items: center;
  gap: .35rem;
  margin-bottom: .5rem;
  padding: .2rem .55rem;
  font-size: .725rem;
  font-weight: 700;
  display: inline-flex;
}

@media (min-width: 768px) {
  .timeline-mobile-badge {
    display: none;
  }
}

.timeline-entry-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  margin-bottom: .25rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
}

@media (min-width: 768px) {
  .timeline-entry-title {
    margin-bottom: .3rem;
    font-size: 1.3rem;
  }
}

.timeline-entry-org {
  color: var(--text-accent);
  font-size: .85rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .timeline-entry-org {
    font-size: .875rem;
  }
}

.timeline-entry-desc {
  color: var(--text-secondary);
  font-size: .875rem;
  line-height: 1.65;
}

@media (min-width: 768px) {
  .timeline-entry-desc {
    font-size: .95rem;
  }
}

.contact-main-grid {
  flex-direction: column;
  gap: 2.5rem;
  display: flex;
}

@media (min-width: 960px) {
  .contact-main-grid {
    grid-template-columns: 1.05fr .95fr;
    align-items: flex-start;
    gap: 4rem;
    display: grid;
  }
}

.contact-channels-card {
  background: var(--bg-card);
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-md);
  word-break: break-word;
  min-width: 0;
  padding: 1.25rem;
  box-shadow: 0 10px 30px #0006, inset 0 1px #ffffff1a;
}

@media (min-width: 768px) {
  .contact-channels-card {
    padding: clamp(1.75rem, 3.5vw, 2.75rem);
  }
}

.contact-badge {
  font-family: var(--font-mono);
  color: var(--status-active);
  align-items: center;
  gap: .5rem;
  margin-bottom: .85rem;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.contact-lead-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  word-break: break-word;
  margin-bottom: .85rem;
  font-size: clamp(1.35rem, 4.5vw, 2rem);
  font-weight: 800;
  line-height: 1.25;
}

.contact-lead-paragraph {
  color: var(--text-secondary);
  margin-bottom: 1.5rem;
  font-size: .925rem;
  line-height: 1.65;
}

@media (min-width: 768px) {
  .contact-lead-paragraph {
    margin-bottom: 2rem;
    font-size: 1.05rem;
    line-height: 1.7;
  }
}

.contact-email-card {
  border-radius: var(--radius-xs);
  background: #38bdf80f;
  border: 1px solid #38bdf840;
  min-width: 0;
  margin-bottom: 1.75rem;
  padding: 1.15rem;
  box-shadow: 0 4px 20px #38bdf814;
}

@media (min-width: 640px) {
  .contact-email-card {
    padding: 1.35rem 1.65rem;
  }
}

.email-card-top {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .35rem;
  margin-bottom: .65rem;
  display: flex;
}

.email-label {
  font-family: var(--font-mono);
  color: var(--text-accent);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .75rem;
  font-weight: 600;
}

.email-confidential-tag {
  font-family: var(--font-mono);
  color: var(--text-muted);
  white-space: nowrap;
  font-size: .6875rem;
}

.email-action-row {
  flex-direction: column;
  align-items: stretch;
  gap: .75rem;
  display: flex;
}

@media (min-width: 640px) {
  .email-action-row {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.email-address-link {
  color: var(--text-primary);
  word-break: break-all;
  align-items: center;
  gap: .5rem;
  font-size: .925rem;
  font-weight: 600;
  display: inline-flex;
}

@media (min-width: 640px) {
  .email-address-link {
    gap: .65rem;
    font-size: 1.05rem;
  }
}

.email-copy-action-btn {
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-xs);
  color: var(--text-secondary);
  font-family: var(--font-mono);
  cursor: pointer;
  background: #ffffff0d;
  justify-content: center;
  align-items: center;
  gap: .4rem;
  width: 100%;
  padding: .5rem .95rem;
  font-size: .8125rem;
  transition: all .2s;
  display: inline-flex;
}

@media (min-width: 640px) {
  .email-copy-action-btn {
    width: auto;
  }
}

.email-copy-action-btn:hover {
  color: var(--text-primary);
  border-color: var(--border-hover);
  background: #ffffff1a;
}

.contact-social-section {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.social-section-title {
  font-family: var(--font-mono);
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: .25rem;
  font-size: .75rem;
  font-weight: 600;
}

.social-profiles-grid {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.social-profile-card {
  border-radius: var(--radius-xs);
  background: var(--bg-canvas);
  border: 1px solid var(--border-rule);
  justify-content: space-between;
  align-items: center;
  min-width: 0;
  padding: .85rem 1.15rem;
  transition: all .2s;
  display: flex;
}

@media (min-width: 640px) {
  .social-profile-card {
    padding: .95rem 1.35rem;
  }
}

.social-profile-card:hover {
  border-color: var(--border-hover);
  background: var(--bg-elevated);
  transform: translateX(4px);
}

.social-profile-left {
  align-items: center;
  gap: .85rem;
  min-width: 0;
  display: flex;
}

.social-profile-icon {
  color: var(--accent-cyan);
  flex-shrink: 0;
  display: flex;
}

.social-profile-platform {
  color: var(--text-primary);
  font-size: .9rem;
  font-weight: 600;
}

.social-profile-handle {
  font-family: var(--font-mono);
  color: var(--text-muted);
  font-size: .725rem;
}

.social-profile-arrow {
  color: var(--text-accent);
  flex-shrink: 0;
}

.contact-form-panel {
  background: var(--bg-card);
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-md);
  word-break: break-word;
  min-width: 0;
  padding: 1.25rem;
  box-shadow: 0 10px 30px #0006, inset 0 1px #ffffff1a;
}

@media (min-width: 768px) {
  .contact-form-panel {
    padding: clamp(1.75rem, 4vw, 3rem);
  }
}

.form-panel-header {
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .form-panel-header {
    margin-bottom: 2rem;
  }
}

.form-panel-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  margin-bottom: .35rem;
  font-size: 1.25rem;
  font-weight: 700;
}

@media (min-width: 768px) {
  .form-panel-title {
    margin-bottom: .4rem;
    font-size: 1.45rem;
  }
}

.form-panel-desc {
  color: var(--text-secondary);
  font-size: .95rem;
}

.email-inline {
  color: var(--text-primary);
}

.contact-form-element {
  flex-direction: column;
  gap: 1.35rem;
  display: flex;
}

.form-input-group {
  flex-direction: column;
  gap: .45rem;
  display: flex;
}

.form-label {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--text-secondary);
  font-size: .8125rem;
  font-weight: 600;
}

.form-control {
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-xs);
  width: 100%;
  color: var(--text-primary);
  background: #05060bd9;
  outline: none;
  padding: .9rem 1.15rem;
  font-size: 1rem;
  transition: all .2s;
}

.form-control:focus {
  border-color: var(--accent-cyan);
  box-shadow: 0 0 0 3px #38bdf833;
}

.form-textarea {
  resize: vertical;
}

.form-submit-btn {
  justify-content: center;
  width: 100%;
  margin-top: .5rem;
}

.form-success-box {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2.5rem 1.5rem;
  display: flex;
}

.success-icon-wrap {
  width: 52px;
  height: 52px;
  color: var(--status-active);
  background: #10b98126;
  border: 1px solid #10b98159;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.success-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  font-size: 1.4rem;
  font-weight: 700;
}

.success-message {
  color: var(--text-secondary);
  max-width: 440px;
  font-size: .95rem;
  line-height: 1.65;
}

.success-email-link {
  color: var(--accent-cyan);
  text-decoration: underline;
}

.form-error-box {
  border-radius: var(--radius-xs);
  color: #fca5a5;
  background: #ef44441a;
  border: 1px solid #ef444459;
  align-items: center;
  gap: .6rem;
  margin-bottom: 1.25rem;
  padding: .85rem 1rem;
  font-size: .875rem;
  display: flex;
}

.page-banner {
  padding-top: calc(var(--nav-height) + 3.25rem);
  border-bottom: 1px solid var(--border-rule);
  background: radial-gradient(circle at 10% 20%, #38bdf814 0%, #0000 45%), radial-gradient(circle at 90% 80%, #6366f10f 0%, #0000 45%);
  padding-bottom: clamp(3rem, 5.5vw, 5rem);
}

.banner-eyebrow {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--text-accent);
  align-items: center;
  margin-bottom: .85rem;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.banner-title {
  font-family: var(--font-display);
  letter-spacing: -.035em;
  color: var(--text-primary);
  margin-bottom: 1.25rem;
  font-size: clamp(2.35rem, 5.2vw, 3.85rem);
  font-weight: 800;
  line-height: 1.15;
}

.banner-subtitle {
  color: var(--text-secondary);
  max-width: 800px;
  font-size: clamp(1.05rem, 1.8vw, 1.25rem);
  line-height: 1.7;
}

.page-cta-banner {
  border-radius: var(--radius-md);
  background: linear-gradient(165deg, #141a2ae6 0%, #0a0e18fa 100%);
  border: 1px solid #38bdf859;
  flex-direction: column;
  gap: 2rem;
  padding: clamp(2rem, 4vw, 3.5rem);
  display: flex;
  box-shadow: 0 20px 50px #00000080, inset 0 1px #ffffff26;
}

@media (min-width: 860px) {
  .page-cta-banner {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.cta-banner-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  margin-bottom: .5rem;
  font-size: clamp(1.5rem, 2.5vw, 1.95rem);
  font-weight: 700;
}

.cta-banner-sub {
  color: var(--text-secondary);
  font-size: 1.05rem;
}

.cta-banner-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.scopes-section {
  padding: 4.5rem 0 2rem;
}

.scopes-header {
  margin-bottom: 2.5rem;
}

.scopes-eyebrow {
  font-family: var(--font-mono);
  text-transform: uppercase;
  color: var(--text-accent);
  margin-bottom: .25rem;
  font-size: .75rem;
  font-weight: 600;
  display: block;
}

.scopes-title {
  font-size: clamp(1.45rem, 2.5vw, 2.05rem);
  font-weight: 700;
}

.scopes-cards-grid {
  grid-template-columns: 1fr;
  gap: 1.75rem;
  display: grid;
}

@media (min-width: 768px) {
  .scopes-cards-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.scope-item-card {
  background: var(--bg-card);
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-md);
  padding: 2rem;
  transition: all .25s;
  box-shadow: 0 8px 24px #00000059, inset 0 1px #ffffff14;
}

.scope-item-card:hover {
  border-color: var(--border-hover);
  background: var(--bg-card-hover);
  transform: translateY(-3px);
}

.scope-card-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.15rem;
  display: flex;
}

.scope-icon-wrap {
  border-radius: var(--radius-xs);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.scope-badge {
  font-family: var(--font-mono);
  color: var(--text-accent);
  font-size: .75rem;
  font-weight: 600;
}

.scope-card-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  margin-bottom: .5rem;
  font-size: 1.25rem;
  font-weight: 700;
}

.scope-card-desc {
  color: var(--text-secondary);
  font-size: .95rem;
  line-height: 1.65;
}

.site-footer {
  border-top: 1px solid var(--border-rule);
  background: var(--bg-canvas);
  width: 100%;
  padding: 5rem 0 3rem;
}

.footer-top-grid {
  border-bottom: 1px solid var(--border-rule);
  grid-template-columns: 1fr;
  gap: 3rem;
  padding-bottom: 3.5rem;
  display: grid;
}

@media (min-width: 640px) {
  .footer-top-grid {
    grid-template-columns: 1.5fr 1fr 1fr;
  }
}

@media (min-width: 1024px) {
  .footer-top-grid {
    grid-template-columns: 1.8fr 1fr 1fr 1fr;
    gap: 3.5rem;
  }
}

.footer-brand-col {
  flex-direction: column;
  display: flex;
}

.footer-bio {
  color: var(--text-secondary);
  max-width: 380px;
  margin-bottom: 1.75rem;
  font-size: .95rem;
  line-height: 1.7;
}

.footer-email-box {
  flex-direction: column;
  gap: .45rem;
  display: flex;
}

.footer-email-label {
  font-size: .75rem;
  font-family: var(--font-mono);
  color: var(--text-accent);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 600;
}

.footer-email-action {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  display: inline-flex;
}

.footer-email-link {
  background: var(--bg-subtle);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-xs);
  color: var(--text-primary);
  align-items: center;
  gap: .65rem;
  padding: .55rem .95rem;
  font-size: .875rem;
  font-weight: 500;
  display: inline-flex;
}

.footer-copy-btn {
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-xs);
  color: var(--text-muted);
  font-size: .8125rem;
  font-family: var(--font-mono);
  cursor: pointer;
  background: #ffffff08;
  align-items: center;
  gap: .4rem;
  padding: .55rem .95rem;
  transition: all .2s;
  display: inline-flex;
}

.footer-copy-btn:hover {
  border-color: var(--border-hover);
  color: var(--text-primary);
}

.footer-col-title {
  font-size: .8125rem;
  font-family: var(--font-mono);
  color: var(--text-primary);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 1.25rem;
  font-weight: 600;
}

.footer-link-list {
  flex-direction: column;
  gap: .85rem;
  list-style: none;
  display: flex;
}

.footer-link-list a {
  color: var(--text-secondary);
  font-size: .925rem;
  transition: all .2s;
  display: inline-block;
}

.footer-link-list a:hover {
  color: var(--text-primary);
  transform: translateX(4px);
}

.footer-social-group {
  flex-direction: column;
  gap: .65rem;
  display: flex;
}

.footer-social-link {
  border-radius: var(--radius-xs);
  border: 1px solid var(--border-subtle);
  background: var(--bg-card);
  color: var(--text-secondary);
  align-items: center;
  gap: .65rem;
  padding: .55rem .85rem;
  font-size: .875rem;
  transition: all .2s;
  display: inline-flex;
}

.footer-social-link:hover {
  border-color: var(--border-hover);
  color: var(--text-accent);
  background: var(--bg-elevated);
}

.footer-social-icon {
  color: var(--accent-cyan);
  display: flex;
}

.footer-bottom-bar {
  color: var(--text-muted);
  flex-direction: column;
  gap: 1rem;
  padding-top: 2.25rem;
  font-size: .875rem;
  display: flex;
}

@media (min-width: 768px) {
  .footer-bottom-bar {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.footer-holdings {
  font-size: .8125rem;
  font-family: var(--font-mono);
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem;
  display: flex;
}

.footer-holdings .separator {
  opacity: .4;
}

.luxury-cursor-spotlight {
  pointer-events: none;
  z-index: 9997;
  will-change: transform;
  background: radial-gradient(circle, #38bdf814 0%, #6366f108 45%, #0000 70%);
  border-radius: 50%;
  width: 480px;
  height: 480px;
  transition: opacity .4s, width .3s, height .3s;
  position: fixed;
  top: 0;
  left: 0;
}

.luxury-cursor-spotlight.is-hovering {
  background: radial-gradient(circle, #38bdf821 0%, #6366f10d 50%, #0000 70%);
  width: 580px;
  height: 580px;
}

.luxury-cursor-ring {
  pointer-events: none;
  z-index: 9998;
  will-change: transform;
  background: #38bdf8;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  transition: opacity .3s, width .25s cubic-bezier(.16, 1, .3, 1), height .25s cubic-bezier(.16, 1, .3, 1), background .25s, border .25s;
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0 0 14px #38bdf8;
}

.luxury-cursor-ring.is-hovering {
  background: #38bdf81f;
  border: 1.5px solid #38bdf8;
  width: 44px;
  height: 44px;
  box-shadow: 0 0 20px #38bdf873;
}

.scroll-reveal {
  opacity: 0;
  will-change: opacity, transform;
  transition: opacity .65s cubic-bezier(.16, 1, .3, 1), transform .65s cubic-bezier(.16, 1, .3, 1);
}

.scroll-reveal.reveal-up {
  transform: translateY(20px);
}

.scroll-reveal.reveal-down {
  transform: translateY(-20px);
}

.scroll-reveal.reveal-left, .scroll-reveal.reveal-right {
  transform: translateY(20px);
}

.scroll-reveal.is-visible {
  opacity: 1;
  transform: translate(0);
}

@media (max-width: 768px) {
  .scroll-reveal {
    opacity: 1 !important;
    transition: none !important;
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .scroll-reveal {
    opacity: 1 !important;
    transition: none !important;
    transform: none !important;
  }

  .luxury-cursor-spotlight, .luxury-cursor-ring {
    display: none !important;
  }
}

.section-projects {
  background: linear-gradient(180deg, var(--bg-canvas) 0%, #0e121e66 50%, var(--bg-canvas) 100%);
  position: relative;
}

.projects-filter-bar {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .625rem;
  margin: 2.25rem 0 3.25rem;
  display: flex;
}

.filter-btn {
  font-family: var(--font-display);
  color: var(--text-secondary);
  border: 1px solid var(--border-rule);
  cursor: pointer;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #10152399;
  border-radius: 9999px;
  padding: .5rem 1.25rem;
  font-size: .875rem;
  font-weight: 500;
  transition: all .25s cubic-bezier(.16, 1, .3, 1);
}

.filter-btn:hover {
  color: var(--text-primary);
  background: #161d30d9;
  border-color: #38bdf866;
  transform: translateY(-1px);
}

.filter-btn.active {
  color: #fff;
  border-color: var(--accent-cyan);
  background: linear-gradient(135deg, #38bdf833 0%, #6366f140 100%);
  box-shadow: 0 0 20px #38bdf838;
}

.projects-cards-grid {
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 2rem;
  display: grid;
}

@media (max-width: 640px) {
  .projects-cards-grid {
    grid-template-columns: 1fr;
  }
}

.project-card {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: linear-gradient(#101523e0 0%, #0a0d17f2 100%);
  border: 1px solid #ffffff14;
  border-radius: 20px;
  flex-direction: column;
  height: 100%;
  padding: 2.25rem 2rem;
  transition: all .35s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px -10px #00000080;
}

.project-card:before {
  content: "";
  opacity: 0;
  background: linear-gradient(90deg, #0000, #38bdf8b3, #6366f1b3, #0000);
  height: 2px;
  transition: opacity .35s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.project-card:hover {
  background: linear-gradient(#141b2cf2 0%, #0d111efa 100%);
  border-color: #38bdf873;
  transform: translateY(-5px);
  box-shadow: 0 20px 45px -12px #000000b3, 0 0 35px -5px #38bdf838;
}

.project-card:hover:before {
  opacity: 1;
}

.project-card-top {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1.35rem;
  display: flex;
}

.project-cat-pill {
  font-family: var(--font-mono);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: 9999px;
  align-items: center;
  gap: .45rem;
  padding: .3rem .75rem;
  font-size: .71875rem;
  font-weight: 600;
  display: inline-flex;
}

.project-cat-pill.theme-cyan {
  color: #38bdf8;
  background: #38bdf81a;
  border: 1px solid #38bdf847;
}

.project-cat-pill.theme-indigo {
  color: #818cf8;
  background: #6366f11a;
  border: 1px solid #6366f147;
}

.project-cat-pill.theme-violet {
  color: #a78bfa;
  background: #8b5cf61a;
  border: 1px solid #8b5cf647;
}

.project-cat-pill.theme-emerald {
  color: #34d399;
  background: #10b9811a;
  border: 1px solid #10b98147;
}

.cat-icon {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.project-status-pill {
  font-family: var(--font-mono);
  color: #94a3b8;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 9999px;
  align-items: center;
  gap: .45rem;
  padding: .25rem .65rem;
  font-size: .6875rem;
  display: inline-flex;
}

.status-dot {
  background: #10b981;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 8px #10b981;
}

.project-title-block {
  margin-bottom: 1rem;
}

.project-title {
  font-family: var(--font-display);
  color: #fff;
  letter-spacing: -.015em;
  margin: 0 0 .35rem;
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1.25;
}

.project-subtitle {
  color: #94a3b8;
  margin: 0;
  font-size: .84rem;
  font-weight: 500;
  line-height: 1.45;
}

.project-description {
  color: #94a3b8;
  margin-bottom: 1.5rem;
  font-size: .90625rem;
  line-height: 1.62;
}

.project-features-block {
  background: #05070eb3;
  border: 1px solid #ffffff0d;
  border-radius: 12px;
  margin-top: auto;
  margin-bottom: 1.35rem;
  padding: 1.15rem 1.25rem;
}

.features-block-header {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #64748b;
  margin-bottom: .75rem;
  font-size: .6875rem;
  font-weight: 600;
}

.project-features-list {
  flex-direction: column;
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.project-feature-item {
  color: #cbd5e1;
  align-items: flex-start;
  gap: .6rem;
  font-size: .8125rem;
  line-height: 1.45;
  display: flex;
}

.feature-check {
  color: var(--accent-cyan);
  flex-shrink: 0;
  margin-top: 2px;
}

.project-stack-wrap {
  flex-wrap: wrap;
  gap: .4rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.tech-tag {
  font-family: var(--font-mono);
  color: #94a3b8;
  background: #ffffff09;
  border: 1px solid #ffffff12;
  border-radius: 6px;
  padding: .25rem .6rem;
  font-size: .71875rem;
  transition: all .2s;
}

.tech-tag:hover {
  color: #e2e8f0;
  background: #38bdf814;
  border-color: #38bdf84d;
}

.project-action-bar {
  border-top: 1px solid #ffffff0f;
  padding-top: 1.15rem;
}

.project-launch-btn {
  color: #fff;
  background: #38bdf80f;
  border: 1px solid #38bdf838;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: .75rem 1.15rem;
  text-decoration: none;
  transition: all .25s cubic-bezier(.16, 1, .3, 1);
  display: flex;
}

.project-launch-btn:hover {
  border-color: var(--accent-cyan);
  background: #38bdf829;
  transform: translateY(-2px);
  box-shadow: 0 4px 18px #38bdf838;
}

.launch-url {
  font-family: var(--font-mono);
  color: var(--accent-cyan);
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 58%;
  font-size: .8125rem;
  font-weight: 500;
  overflow: hidden;
}

.launch-cta {
  color: #fff;
  flex-shrink: 0;
  align-items: center;
  gap: .4rem;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

section[id] {
  scroll-margin-top: calc(var(--nav-height) + 1.5rem);
}

.section-skills {
  background: var(--bg-canvas);
  position: relative;
}

.skills-tab-bar {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 2rem 0 3rem;
  display: flex;
}

.skills-tab-btn {
  font-family: var(--font-display);
  color: var(--text-secondary);
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-sm);
  cursor: pointer;
  background: #0e121eb3;
  align-items: center;
  gap: .5rem;
  padding: .65rem 1.4rem;
  font-size: .9375rem;
  font-weight: 600;
  transition: all .25s;
  display: inline-flex;
}

.skills-tab-btn:hover {
  color: var(--text-primary);
  border-color: #38bdf866;
}

.skills-tab-btn.active {
  color: #fff;
  border-color: var(--accent-cyan);
  background: linear-gradient(135deg, #38bdf829 0%, #6366f133 100%);
  box-shadow: 0 0 24px #38bdf833;
}

.skills-categories-grid, .expertise-cards-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.25rem;
  margin-bottom: 3.5rem;
  display: grid;
}

@media (min-width: 1200px) {
  .skills-categories-grid, .expertise-cards-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

.skill-cat-card {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: linear-gradient(#101523d9 0%, #0a0d17f2 100%);
  border: 1px solid #ffffff14;
  border-radius: 16px;
  flex-direction: column;
  padding: 1.5rem 1.25rem;
  transition: all .3s cubic-bezier(.16, 1, .3, 1);
  display: flex;
}

.skill-cat-card:hover {
  border-color: #38bdf866;
  transform: translateY(-3px);
  box-shadow: 0 12px 28px -8px #0009, 0 0 20px #38bdf81f;
}

.skill-cat-header {
  border-bottom: 1px solid #ffffff0f;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1.15rem;
  padding-bottom: .75rem;
  display: flex;
}

.skill-cat-icon {
  width: 32px;
  height: 32px;
  color: var(--accent-cyan);
  background: #38bdf81a;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.skill-cat-index {
  font-family: var(--font-mono);
  color: var(--accent-cyan);
  margin-bottom: .15rem;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1;
  display: block;
}

.skill-cat-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  margin: 0;
  font-size: .95rem;
  font-weight: 700;
  line-height: 1.2;
}

.skill-pills-flow {
  flex-wrap: wrap;
  gap: .375rem;
  margin-top: auto;
  display: flex;
}

.skill-badge-tag {
  color: #cbd5e1;
  background: #ffffff09;
  border: 1px solid #ffffff0f;
  border-radius: 5px;
  padding: .25rem .55rem;
  font-size: .75rem;
  transition: all .2s;
}

.skill-badge-tag:hover {
  color: #fff;
  background: #38bdf81f;
  border-color: #38bdf84d;
}

.expertise-item-card {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: linear-gradient(#101523d9 0%, #0a0d17f2 100%);
  border: 1px solid #ffffff14;
  border-radius: 16px;
  padding: 1.5rem 1.25rem;
  transition: all .3s cubic-bezier(.16, 1, .3, 1);
}

.expertise-item-card:hover {
  border-color: #6366f173;
  transform: translateY(-3px);
  box-shadow: 0 12px 28px -8px #0009, 0 0 20px #6366f126;
}

.expertise-card-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .85rem;
  display: flex;
}

.expertise-icon-box {
  color: #a5b4fc;
  background: #6366f124;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: inline-flex;
}

.expertise-index {
  font-family: var(--font-mono);
  color: var(--text-muted);
  font-size: .6875rem;
}

.expertise-card-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  margin-bottom: .5rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

.expertise-card-description {
  color: var(--text-secondary);
  margin: 0;
  font-size: .8125rem;
  line-height: 1.5;
}

.credentials-section-wrap {
  border-top: 1px solid var(--border-rule);
  grid-template-columns: 1.2fr 1fr;
  gap: 2rem;
  margin-top: 3.5rem;
  padding-top: 3.5rem;
  display: grid;
}

@media (max-width: 900px) {
  .credentials-section-wrap {
    grid-template-columns: 1fr;
  }
}

.credentials-header {
  align-items: center;
  gap: .625rem;
  margin-bottom: 1.25rem;
  display: flex;
}

.cred-icon {
  color: var(--accent-cyan);
}

.credentials-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
}

.achievements-list {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.achievement-card {
  background: var(--bg-card);
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-sm);
  padding: 1.35rem;
  transition: all .25s;
}

.achievement-card:hover {
  background: var(--bg-card-hover);
  border-color: #38bdf859;
}

.achievement-top {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  margin-bottom: .5rem;
  display: flex;
}

.ach-badge {
  font-family: var(--font-mono);
  color: #34d399;
  background: #10b9811f;
  border: 1px solid #10b98140;
  border-radius: 9999px;
  padding: .2rem .55rem;
  font-size: .6875rem;
  font-weight: 600;
}

.ach-org {
  color: var(--text-muted);
  font-size: .75rem;
}

.ach-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  margin: 0 0 .35rem;
  font-size: 1rem;
  font-weight: 600;
}

.ach-desc {
  color: var(--text-secondary);
  margin: 0;
  font-size: .8125rem;
  line-height: 1.45;
}

.education-card, .languages-card {
  background: var(--bg-card);
  border: 1px solid var(--border-rule);
  border-radius: var(--radius-sm);
  padding: 1.35rem;
}

.edu-top {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  margin-bottom: .5rem;
  display: flex;
}

.edu-period {
  font-family: var(--font-mono);
  color: var(--accent-cyan);
  font-size: .75rem;
}

.edu-score-badge {
  font-family: var(--font-mono);
  color: #38bdf8;
  background: #38bdf81f;
  border: 1px solid #38bdf840;
  border-radius: 9999px;
  padding: .2rem .55rem;
  font-size: .6875rem;
}

.edu-degree {
  font-family: var(--font-display);
  color: var(--text-primary);
  margin: 0 0 .25rem;
  font-size: 1.05rem;
  font-weight: 600;
}

.edu-inst {
  color: #cbd5e1;
  font-size: .875rem;
}

.edu-location {
  color: var(--text-muted);
  margin-top: .2rem;
  font-size: .8125rem;
}

.lang-items-grid {
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: .75rem;
  display: grid;
}

.lang-item {
  border: 1px solid var(--border-subtle);
  background: #ffffff08;
  border-radius: 6px;
  padding: .75rem;
}

.lang-name-row {
  align-items: center;
  gap: .4rem;
  margin-bottom: .25rem;
  display: flex;
}

.lang-dot {
  background: var(--accent-cyan);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.lang-name {
  color: var(--text-primary);
  font-size: .875rem;
  font-weight: 600;
}

.lang-proficiency {
  color: var(--text-muted);
  font-size: .6875rem;
}

.hero-resume-btn {
  color: var(--accent-cyan);
  background: #38bdf814;
  border: 1px solid #38bdf859;
  border-radius: 9999px;
  padding: .85rem 1.6rem;
  font-weight: 600;
  transition: all .25s;
}

.hero-resume-btn:hover {
  border-color: var(--accent-cyan);
  color: #fff;
  background: #38bdf82e;
  transform: translateY(-2px);
  box-shadow: 0 0 20px #38bdf840;
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__06v63iv._.css.map*/