/* Utility rules matching the compiled Tailwind CSS on kubenine.com, extracted
   from the live header/footer markup so this page renders identically to
   kubenine.com without depending on the hashed Next.js build URL there. Font
   files load from the kubenine.com CDN (stable asset URLs). To regenerate:
   clone header/footer from kubenine.com, walk document.styleSheets
   recursively (including @layer/@media blocks), keep every rule whose
   selector matches an element in that subtree. */

/* root vars */
:root, :host { --shimmer-angle: 20deg; }
:root, :host { --font-mono: var(--font-jetbrains), ui-monospace, monospace; --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -.025em; --tracking-wide: .025em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --radius-md: calc(var(--radius) * .8); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-xl: 24px; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-poppins), ui-sans-serif, system-ui, sans-serif; --default-mono-font-family: var(--font-jetbrains), ui-monospace, monospace; --font-display: var(--font-bricolage), var(--font-poppins), ui-sans-serif, sans-serif; }
.dark\:border-input:is(.dark *) { border-color: var(--input); }
.dark\:bg-destructive\/20:is(.dark *) { background-color: var(--destructive); }
.dark\:bg-destructive\/20:is(.dark *) { background-color: color-mix(in oklab, var(--destructive) 20%, transparent); }
.dark\:bg-input\/30:is(.dark *) { background-color: var(--input); }
.dark\:bg-input\/30:is(.dark *) { background-color: color-mix(in oklab, var(--input) 30%, transparent); }
.dark\:after\:mix-blend-lighten:is(.dark *)::after { content: var(--tw-content); mix-blend-mode: lighten; }
.dark\:hover\:bg-destructive\/30:is(.dark *):hover { background-color: var(--destructive); }
.dark\:hover\:bg-destructive\/30:is(.dark *):hover { background-color: color-mix(in oklab, var(--destructive) 30%, transparent); }
.dark\:hover\:bg-input\/50:is(.dark *):hover { background-color: var(--input); }
.dark\:hover\:bg-input\/50:is(.dark *):hover { background-color: color-mix(in oklab, var(--input) 50%, transparent); }
.dark\:hover\:bg-muted\/50:is(.dark *):hover { background-color: var(--muted); }
.dark\:hover\:bg-muted\/50:is(.dark *):hover { background-color: color-mix(in oklab, var(--muted) 50%, transparent); }
.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible { --tw-ring-color: var(--destructive); }
.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); }
.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] { border-color: var(--destructive); }
.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] { border-color: color-mix(in oklab, var(--destructive) 50%, transparent); }
.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] { --tw-ring-color: var(--destructive); }
.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); }
:root { --background: #fff; --foreground: #0a0a0a; --card: #fff; --card-foreground: #0a0a0a; --popover: #fff; --popover-foreground: #0a0a0a; --primary: #171717; --primary-foreground: #fafafa; --secondary: #f5f5f5; --secondary-foreground: #171717; --muted: #f5f5f5; --muted-foreground: #737373; --accent: #f5f5f5; --accent-foreground: #171717; --destructive: #e40014; --border: #e5e5e5; --input: #e5e5e5; --ring: #a1a1a1; --chart-1: #d4d4d4; --chart-2: #737373; --chart-3: #525252; --chart-4: #404040; --chart-5: #262626; --radius: .625rem; --sidebar: #fafafa; --sidebar-foreground: #0a0a0a; --sidebar-primary: #171717; --sidebar-primary-foreground: #fafafa; --sidebar-accent: #f5f5f5; --sidebar-accent-foreground: #171717; --sidebar-border: #e5e5e5; --sidebar-ring: #a1a1a1; }
:root { --background: lab(100% 0 0); --foreground: lab(2.75381% 0 0); --card: lab(100% 0 0); --card-foreground: lab(2.75381% 0 0); --popover: lab(100% 0 0); --popover-foreground: lab(2.75381% 0 0); --primary: lab(7.78201% -.0000149012 0); --primary-foreground: lab(98.26% 0 0); --secondary: lab(96.52% -.0000298023 .0000119209); --secondary-foreground: lab(7.78201% -.0000149012 0); --muted: lab(96.52% -.0000298023 .0000119209); --muted-foreground: lab(48.496% 0 0); --accent: lab(96.52% -.0000298023 .0000119209); --accent-foreground: lab(7.78201% -.0000149012 0); --destructive: lab(48.4493% 77.4328 61.5452); --border: lab(90.952% 0 -.0000119209); --input: lab(90.952% 0 -.0000119209); --ring: lab(66.128% -.0000298023 .0000119209); --chart-1: lab(84.92% 0 -.0000119209); --chart-2: lab(48.496% 0 0); --chart-3: lab(34.924% 0 0); --chart-4: lab(27.036% 0 0); --chart-5: lab(15.204% 0 -.00000596046); --sidebar: lab(98.26% 0 0); --sidebar-foreground: lab(2.75381% 0 0); --sidebar-primary: lab(7.78201% -.0000149012 0); --sidebar-primary-foreground: lab(98.26% 0 0); --sidebar-accent: lab(96.52% -.0000298023 .0000119209); --sidebar-accent-foreground: lab(7.78201% -.0000149012 0); --sidebar-border: lab(90.952% 0 -.0000119209); --sidebar-ring: lab(66.128% -.0000298023 .0000119209); }
.dark { --brand-orange: #ff531f; --brand-orange-solid: #f6511d; --brand-orange-light: #ff723e; --brand-magenta: #e043ba; --brand-blue: #069cea; --brand-indigo: #5148e0; --background: #0a0a0f; --foreground: #fff; --card: #2d2b3b80; --card-foreground: #fff; --popover: #17161f; --popover-foreground: #fff; --primary: #ff531f; --primary-foreground: #fff; --secondary: #2d2b3b80; --secondary-foreground: #fff; --muted: #2d2b3b80; --muted-foreground: #979595; --accent: #e043ba; --accent-foreground: #fff; --destructive: #ff6568; --border: #97959533; --input: #97959540; --ring: #ff531f; --chart-1: #ff531f; --chart-2: #e043ba; --chart-3: #069cea; --chart-4: #5148e0; --chart-5: #ff723e; --sidebar: #17161f; --sidebar-foreground: #fff; --sidebar-primary: #ff531f; --sidebar-primary-foreground: #fff; --sidebar-accent: #2d2b3b80; --sidebar-accent-foreground: #fff; --sidebar-border: #97959533; --sidebar-ring: #ff531f; }
.dark { --destructive: lab(63.7053% 60.745 31.3109); }

/* next/font variable classes applied on the html tag (poppins, bricolage
   grotesque, jetbrains mono). Define --font-poppins etc, which
   --default-font-family and --font-display resolve through above. Without
   them, body text falls back to the default serif font. Outside the
   header/footer subtree, so the extraction script above misses them. */
.poppins_402b5cd-module__yrpiSG__variable { --font-poppins: "Poppins", "Poppins Fallback"; }
.bricolage_grotesque_180c82c-module__Kb7hGa__variable { --font-bricolage: "Bricolage Grotesque", "Bricolage Grotesque Fallback"; }
.jetbrains_mono_4cdbbe53-module__-y-Puq__variable { --font-jetbrains: "JetBrains Mono", "JetBrains Mono Fallback"; }

/* font faces */
@font-face { font-family: Poppins; font-style: normal; font-weight: 300; font-display: swap; src: url("https://kubenine.com/_next/static/media/7e832ad540183e91-s.280oih_b74u9j.woff2") format("woff2"); unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 300; font-display: swap; src: url("https://kubenine.com/_next/static/media/2094fb60fd9c8287-s.3qxy1tqak831c.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 300; font-display: swap; src: url("https://kubenine.com/_next/static/media/c875c6f5d3e977ac-s.p.1h18_wedhzk4h.woff2") format("woff2"); unicode-range: U+0-FF, 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: Poppins; font-style: normal; font-weight: 400; font-display: swap; src: url("https://kubenine.com/_next/static/media/41e95f694c5c4549-s.2b_sldcwg6mn_.woff2") format("woff2"); unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 400; font-display: swap; src: url("https://kubenine.com/_next/static/media/6c55a692938ebbbc-s.1emuuracu50qd.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 400; font-display: swap; src: url("https://kubenine.com/_next/static/media/a218039a3287bcfd-s.p.43zbiuwnnoiok.woff2") format("woff2"); unicode-range: U+0-FF, 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: Poppins; font-style: normal; font-weight: 500; font-display: swap; src: url("https://kubenine.com/_next/static/media/bdc7e24a509eb931-s.0ynx40_3oa9rk.woff2") format("woff2"); unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 500; font-display: swap; src: url("https://kubenine.com/_next/static/media/0da9c7f357bd9d4d-s.1975l3y3401x_.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 500; font-display: swap; src: url("https://kubenine.com/_next/static/media/8e6fa89aa22d24ec-s.p.2o7m9ogm38dql.woff2") format("woff2"); unicode-range: U+0-FF, 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: Poppins; font-style: normal; font-weight: 600; font-display: swap; src: url("https://kubenine.com/_next/static/media/0a7740363b4d4863-s.3ji57o093q1kd.woff2") format("woff2"); unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 600; font-display: swap; src: url("https://kubenine.com/_next/static/media/5f9d24ebef5d5292-s.19xuq3td7fwu_.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 600; font-display: swap; src: url("https://kubenine.com/_next/static/media/e2334d715941921e-s.p.3o_v2fun1jzxk.woff2") format("woff2"); unicode-range: U+0-FF, 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: Poppins; font-style: normal; font-weight: 700; font-display: swap; src: url("https://kubenine.com/_next/static/media/b53057dbf91a7acf-s.11ypmpdlzqdb_.woff2") format("woff2"); unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 700; font-display: swap; src: url("https://kubenine.com/_next/static/media/798ea22d9983e047-s.3go-kn2r40gie.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 700; font-display: swap; src: url("https://kubenine.com/_next/static/media/47fe1b7cd6e6ed85-s.p.3bh2vc0w-r-ll.woff2") format("woff2"); unicode-range: U+0-FF, 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: "Poppins Fallback"; src: local("Arial"); ascent-override: 93.62%; descent-override: 31.21%; line-gap-override: 8.92%; size-adjust: 112.16%; }
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://kubenine.com/_next/static/media/033400d475fad6b1-s.197tvtifbphtu.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: "Bricolage Grotesque"; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://kubenine.com/_next/static/media/26daee0352f50a5f-s.2e115y8-hourl.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://kubenine.com/_next/static/media/017d9bea37084d9b-s.p.41rroleoq1br7.woff2") format("woff2"); unicode-range: U+0-FF, 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: "Bricolage Grotesque"; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("https://kubenine.com/_next/static/media/033400d475fad6b1-s.197tvtifbphtu.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: "Bricolage Grotesque"; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("https://kubenine.com/_next/static/media/26daee0352f50a5f-s.2e115y8-hourl.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("https://kubenine.com/_next/static/media/017d9bea37084d9b-s.p.41rroleoq1br7.woff2") format("woff2"); unicode-range: U+0-FF, 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: "Bricolage Grotesque"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url("https://kubenine.com/_next/static/media/033400d475fad6b1-s.197tvtifbphtu.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: "Bricolage Grotesque"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url("https://kubenine.com/_next/static/media/26daee0352f50a5f-s.2e115y8-hourl.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url("https://kubenine.com/_next/static/media/017d9bea37084d9b-s.p.41rroleoq1br7.woff2") format("woff2"); unicode-range: U+0-FF, 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: "Bricolage Grotesque"; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://kubenine.com/_next/static/media/033400d475fad6b1-s.197tvtifbphtu.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: "Bricolage Grotesque"; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://kubenine.com/_next/static/media/26daee0352f50a5f-s.2e115y8-hourl.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://kubenine.com/_next/static/media/017d9bea37084d9b-s.p.41rroleoq1br7.woff2") format("woff2"); unicode-range: U+0-FF, 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: "Bricolage Grotesque"; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url("https://kubenine.com/_next/static/media/033400d475fad6b1-s.197tvtifbphtu.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: "Bricolage Grotesque"; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url("https://kubenine.com/_next/static/media/26daee0352f50a5f-s.2e115y8-hourl.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url("https://kubenine.com/_next/static/media/017d9bea37084d9b-s.p.41rroleoq1br7.woff2") format("woff2"); unicode-range: U+0-FF, 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: "Bricolage Grotesque Fallback"; src: local("Arial"); ascent-override: 88.21%; descent-override: 25.61%; line-gap-override: 0%; size-adjust: 105.43%; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://kubenine.com/_next/static/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("https://kubenine.com/_next/static/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("https://kubenine.com/_next/static/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("https://kubenine.com/_next/static/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("https://kubenine.com/_next/static/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-20C0, 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("https://kubenine.com/_next/static/media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2") format("woff2"); unicode-range: U+0-FF, 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("https://kubenine.com/_next/static/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("https://kubenine.com/_next/static/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("https://kubenine.com/_next/static/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("https://kubenine.com/_next/static/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("https://kubenine.com/_next/static/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-20C0, 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("https://kubenine.com/_next/static/media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2") format("woff2"); unicode-range: U+0-FF, 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("https://kubenine.com/_next/static/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("https://kubenine.com/_next/static/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("https://kubenine.com/_next/static/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("https://kubenine.com/_next/static/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("https://kubenine.com/_next/static/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-20C0, 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("https://kubenine.com/_next/static/media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2") format("woff2"); unicode-range: U+0-FF, 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%; size-adjust: 134.59%; }

/* matched rules */
*, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; --scroll-fade-t: 0px; --scroll-fade-b: 0px; --scroll-fade-s: 0px; --scroll-fade-e: 0px; --scroll-fade-mask: initial; --shimmer-image: initial; --shimmer-text-fill: initial; }
*, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
ol, ul, menu { list-style: none; }
img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; }
img, video { max-width: 100%; height: auto; }
button, input, select, optgroup, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
* { border-color: var(--border); outline-color: var(--ring); }
h1, h2, h3, .font-display { font-family: var(--font-display); }
.invisible { visibility: hidden; }
.sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
.absolute { position: absolute; }
.relative { position: relative; }
.sticky { position: sticky; }
.top-0 { top: 0px; }
.top-full { top: 100%; }
.left-1\/2 { left: 50%; }
.z-40 { z-index: 40; }
.z-50 { z-index: 50; }
.col-span-2 { grid-column: span 2 / span 2; }
.mx-auto { margin-inline: auto; }
.mt-4 { margin-top: calc(var(--spacing) * 4); }
.mt-12 { margin-top: calc(var(--spacing) * 12); }
.block { display: block; }
.flex { display: flex; }
.grid { display: grid; }
.hidden { display: none; }
.inline-flex { display: inline-flex; }
.size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
.size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); }
.h-6 { height: calc(var(--spacing) * 6); }
.h-10 { height: calc(var(--spacing) * 10); }
.h-\[72px\] { height: 72px; }
.w-64 { width: calc(var(--spacing) * 64); }
.w-auto { width: auto; }
.max-w-7xl { max-width: var(--container-7xl); }
.max-w-xs { max-width: var(--container-xs); }
.shrink-0 { flex-shrink: 0; }
.-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.gap-1 { gap: var(--spacing); }
.gap-1\.5 { gap: calc(var(--spacing) * 1.5); }
.gap-3 { gap: calc(var(--spacing) * 3); }
.gap-8 { gap: calc(var(--spacing) * 8); }
.gap-10 { gap: calc(var(--spacing) * 10); }
:where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); }
.overflow-hidden { overflow: hidden; }
.\!rounded-2xl { border-radius: calc(var(--radius) * 1.8) !important; }
.rounded-full { border-radius: 3.40282e+38px; }
.rounded-lg { border-radius: var(--radius); }
.rounded-xl { border-radius: calc(var(--radius) * 1.4); }
.border { border-style: var(--tw-border-style); border-width: 1px; }
.border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
.border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.border-transparent { border-color: rgba(0, 0, 0, 0); }
.border-white\/5 { border-color: rgba(255, 255, 255, 0.05); }
.bg-\[\#0b0b11\] { background-color: rgb(11, 11, 17); }
.bg-background, .bg-background\/70 { background-color: var(--background); }
.bg-background\/70 { background-color: color-mix(in oklab, var(--background) 70%, transparent); }
.bg-primary { background-color: var(--primary); }
.bg-clip-padding { background-clip: padding-box; }
.p-2 { padding: calc(var(--spacing) * 2); }
.px-3 { padding-inline: calc(var(--spacing) * 3); }
.px-4 { padding-inline: calc(var(--spacing) * 4); }
.px-6 { padding-inline: calc(var(--spacing) * 6); }
.py-2\.5 { padding-block: calc(var(--spacing) * 2.5); }
.py-14 { padding-block: calc(var(--spacing) * 14); }
.pt-4 { padding-top: calc(var(--spacing) * 4); }
.pt-6 { padding-top: calc(var(--spacing) * 6); }
.font-mono { font-family: var(--font-jetbrains), ui-monospace, monospace; }
.text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
.text-xs { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }
.text-\[11px\] { font-size: 11px; }
.leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); }
.font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
.font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
.tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); }
.whitespace-nowrap { white-space: nowrap; }
.text-muted-foreground { color: var(--muted-foreground); }
.text-white { color: var(--color-white); }
.text-white\/40 { color: rgba(255, 255, 255, 0.4); }
.text-white\/85 { color: rgba(255, 255, 255, 0.85); }
.uppercase { text-transform: uppercase; }
.opacity-0 { opacity: 0; }
.shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color,#00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-black\/50 { --tw-shadow-color: #00000080; }
.backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
.transition-all { transition-property: all; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }

/* Products dropdown hover reveal. These use a Tailwind v4 relational
   selector (:is(:where(.group):hover *)) that Chrome CSSOM does not
   expose via selectorText, so the extraction script element-matching
   walk silently skips them even though they are active on the live page.
   Copied verbatim from the kubenine.com compiled CSS by raw text search. */
@media (hover: hover) {
  .group-hover\:visible:is(:where(.group):hover *) { visibility: visible; }
  .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; }
  .group-hover\:rotate-180:is(:where(.group):hover *) { rotate: 180deg; }
}

.outline-none { --tw-outline-style: none; outline-style: none; }
.select-none { user-select: none; }

/* Responsive utility rules must live inside their Tailwind breakpoint
   media queries. The original extraction walk pulled these class rules
   without their @media wrapper, so md:hidden/md:flex etc were applying
   unconditionally at every viewport width, breaking the mobile nav. */
@media (min-width: 40rem) {
  .sm\:flex-row { flex-direction: row; }
  .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); }
}
@media (min-width: 48rem) {
  .md\:col-span-1 { grid-column: span 1 / span 1; }
  .md\:block { display: block; }
  .md\:flex { display: flex; }
  .md\:hidden { display: none; }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
@media (min-width: 64rem) {
  .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); }
}
.\[\&_svg\]\:pointer-events-none svg { pointer-events: none; }
.\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; }
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
.glass-card { background-color: var(--card); border: 1px solid var(--border); backdrop-filter: blur(20px); border-radius: 24px; position: relative; }
.glass-card::before { content: ""; border-radius: inherit; pointer-events: none; background: linear-gradient(160deg, rgba(255, 255, 255, 0.14), rgba(0, 0, 0, 0) 40%); padding: 1px; position: absolute; inset: 0px; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) 0px 0px content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) 0px 0px; }
.cta-primary { background-image: linear-gradient(270deg, var(--brand-indigo) 0%, var(--brand-orange) 100%); transition: box-shadow 0.3s, transform 0.3s, filter 0.3s; box-shadow: rgba(255, 83, 31, 0.5) 0px 10px 40px -12px; }
.cta-primary:hover { filter: brightness(1.05); transform: translateY(-2px); box-shadow: rgba(255, 83, 31, 0.6) 0px 16px 48px -12px; }