:root{--font-poppins:'Poppins'}
.NewLpHeader_glassNav__pU2Cj { border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(26px) saturate(1.25); }
.NewLpHeader_glassNav__pU2Cj::before { opacity: 0.1; background-image: url("/Noise.png"); background-size: 220px 220px; mix-blend-mode: overlay; }
.NewLpHeader_glassNav__pU2Cj::after, .NewLpHeader_glassNav__pU2Cj::before { content: ""; position: absolute; inset: 0px; pointer-events: none; border-radius: inherit; }
.NewLpHeader_glassNav__pU2Cj::after { background: rgba(255, 255, 255, 0.06); }
.NewLpHeader_transparentNav__W5DHe { border: 1px solid rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); box-shadow: none; backdrop-filter: none; }
@media (max-width: 480px) {
  .NewLpHeader_glassNav__pU2Cj { backdrop-filter: blur(18px) saturate(1.2); }
}
.bf { --brand: #f7f788; --foot: #2a2a2a; --fg: #ffffffa8; --fg-dim: #ffffff70; --fg-hair: #ffffff1f; --mono: ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace; background: var(--foot); color: var(--fg); padding: 72px 0px 40px; font-family: var(--font-manrope),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
.bf-in { max-width: 1180px; margin: 0px auto; padding: 0px 32px; }
@media (max-width: 640px) {
  .bf { padding: 52px 0px 32px; }
  .bf-in { padding: 0px 20px; }
}
.bf a { color: var(--fg); text-decoration: none; }
.bf a:hover { color: rgb(255, 255, 255); text-decoration: underline 1.5px; text-underline-offset: 3px; }
.bf a:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; border-radius: 2px; }
.bf h2 { font-size: 15px; font-weight: 700; color: rgb(255, 255, 255); margin: 0px 0px 0.9rem; letter-spacing: -0.01em; }
.bf .lbl { font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--fg-dim); margin: 0px 0px 1rem; }
.bf-read { border-bottom: 1px solid var(--fg-hair); padding-bottom: 40px; margin-bottom: 40px; }
.bf-grid { display: grid; gap: 10px 28px; grid-template-columns: 1fr; }
@media (min-width: 36rem) {
  .bf-grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 60rem) {
  .bf-grid { grid-template-columns: 1fr 1fr 1fr; }
}
.bf-art { display: block; font-size: 14.5px; line-height: 1.45; padding: 7px 0px; border-bottom: 1px solid var(--fg-hair); }
.bf-art:last-child { border-bottom: 0px; }
.bf-topics { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 40px; }
.bf-topic { display: inline-flex; align-items: baseline; gap: 6px; border: 1px solid var(--fg-hair); border-radius: 999px; padding: 7px 14px; font-size: 14px; font-weight: 600; color: rgb(255, 255, 255); }
.bf-topic:hover { background: rgba(255, 255, 255, 0.07); text-decoration: none; }
.bf-topic span { font-size: 12px; color: var(--fg-dim); font-weight: 400; }
.bf-dir { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; border: 1px solid var(--fg-hair); border-radius: 18px; padding: 20px 24px; margin-bottom: 44px; }
.bf-dir .t { font-size: 16px; font-weight: 700; color: rgb(255, 255, 255); margin: 0px; }
.bf-dir .s { font-size: 14px; color: var(--fg-dim); margin: 2px 0px 0px; max-width: 52ch; }
.bf-dir .go { margin-left: auto; background: var(--brand); color: rgb(10, 10, 11); font-weight: 700; font-size: 14px; border-radius: 999px; padding: 10px 20px; white-space: nowrap; }
.bf-dir .go:hover { opacity: 0.85; text-decoration: none; color: rgb(10, 10, 11); }
@media (max-width: 44rem) {
  .bf-dir .go { margin-left: 0px; }
}
.bf-cols { display: grid; gap: 34px 28px; grid-template-columns: repeat(2, 1fr); border-bottom: 1px solid var(--fg-hair); padding-bottom: 40px; }
@media (min-width: 52rem) {
  .bf-cols { grid-template-columns: repeat(4, 1fr) 1.3fr; }
}
.bf-cols ul { list-style: none; margin: 0px; padding: 0px; display: grid; gap: 9px; }
.bf-cols li { font-size: 14.5px; }
.bf-cols b { color: rgb(255, 255, 255); }
.bf-social { display: flex; gap: 10px; margin-top: 2px; }
.bf-social a { width: 38px; height: 38px; border-radius: 999px; background: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; }
.bf-social a:hover { background: rgba(255, 255, 255, 0.2); }
.bf-social svg { width: 17px; height: 17px; fill: rgb(255, 255, 255); }
.bf-legal { padding-top: 34px; font-size: 12.5px; line-height: 1.65; color: var(--fg-dim); display: grid; gap: 12px; max-width: 96ch; }
.bf-legal b { color: rgba(255, 255, 255, 0.82); }
.bf-base { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--fg-hair); font-size: 12.5px; }
.bf-base .brand { font-weight: 800; color: rgb(255, 255, 255); letter-spacing: -0.02em; font-size: 15px; }
.bf-base .brand .accent { color: var(--brand); }
.bf-base .sp { margin-left: auto; }
@media (max-width: 44rem) {
  .bf-base .sp { margin-left: 0px; }
}
*, ::after, ::before { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; }
::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; }
*, ::after, ::before { box-sizing: border-box; border: 0px solid rgb(229, 231, 235); }
::after, ::before { }
 h2 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b { font-weight: bolder; }
button { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }
button { text-transform: none; }
button { appearance: button; background-color: initial; background-image: none; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
 h2, p { margin: 0px; }
menu, ul { list-style: none; margin: 0px; padding: 0px; }
dialog { padding: 0px; }
 button { cursor: pointer; }
 img, svg { display: block; vertical-align: middle; }
img { max-width: 100%; height: auto; }
:root { --border: 0 0% 89.8%; }
* { border-color: hsl(var(--border)); }
.pointer-events-none { pointer-events: none; }
.pointer-events-auto { pointer-events: auto; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.inset-0 { inset: 0px; }
.left-0 { left: 0px; }
.left-1\/2 { left: 50%; }
.right-0 { right: 0px; }
.top-1\/2 { top: 50%; }
.top-5 { top: 1.25rem; }
.z-10 { z-index: 10; }
.z-\[100\] { z-index: 100; }
.z-\[80\] { z-index: 80; }
.ml-auto { margin-left: auto; }
.mt-3 { margin-top: 0.75rem; }
.mt-6 { margin-top: 1.5rem; }
.flex { display: flex; }
.size-10 { width: 2.5rem; height: 2.5rem; }
.h-12 { height: 3rem; }
.h-\[28px\] { height: 28px; }
.h-\[34px\] { height: 34px; }
.h-\[56px\] { height: 56px; }
.h-\[70px\] { height: 70px; }
.h-full { height: 100%; }
.h-px { height: 1px; }
.w-\[100px\] { width: 100px; }
.w-\[110px\] { width: 110px; }
.w-\[120px\] { width: 120px; }
.w-full { width: 100%; }
.max-w-\[1200px\] { max-width: 1200px; }
.flex-1 { flex: 1 1 0%; }
.-translate-x-1\/2 { --tw-translate-x: -50%; }
.-translate-x-1\/2, .-translate-x-3 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-x-3 { --tw-translate-x: -0.75rem; }
.-translate-x-\[50\%\] { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-y-1\/2, .-translate-y-\[50\%\] { --tw-translate-y: -50%; }
.-translate-y-1\/2, .-translate-y-\[50\%\], .-translate-y-\[75\%\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-y-\[75\%\] { --tw-translate-y: -75%; }
.-translate-y-\[90\%\] { --tw-translate-y: -90%; }
.-translate-y-\[90\%\], .-translate-y-full { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-y-full { --tw-translate-y: -100%; }
.translate-x-\[-50\%\] { --tw-translate-x: -50%; }
.translate-x-\[-50\%\], .translate-y-0 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-0 { --tw-translate-y: 0px; }
.translate-y-12 { --tw-translate-y: 3rem; }
.translate-y-12, .translate-y-6 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-6 { --tw-translate-y: 1.5rem; }
.translate-y-\[-50\%\] { --tw-translate-y: -50%; }
.translate-y-\[-50\%\], .translate-y-\[1px\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-\[1px\] { --tw-translate-y: 1px; }
.translate-y-\[2px\] { --tw-translate-y: 2px; }
.translate-y-\[2px\], .translate-y-\[4px\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-\[4px\] { --tw-translate-y: 4px; }
.translate-y-\[50\%\] { --tw-translate-y: 50%; }
 .translate-y-\[50\%\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.cursor-pointer { cursor: pointer; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; }
.overflow-hidden { overflow: hidden; }
.rounded-\[999px\] { border-radius: 999px; }
.rounded-full { border-radius: 9999px; }
.border-b { border-bottom-width: 1px; }
.border-\[\#2A2A2A1A\] { border-color: rgba(42, 42, 42, 0.1); }
.bg-\[\#2A2A2A1A\] { background-color: rgba(42, 42, 42, 0.1); }
.bg-\[\#2A2A2A\] { --tw-bg-opacity: 1; background-color: rgb(42 42 42/var(--tw-bg-opacity,1)); }
.bg-black\/20 { background-color: rgba(0, 0, 0, 0.2); }
.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); }
.bg-opacity-20 { --tw-bg-opacity: 0.2; }
.bg-opacity-40 { --tw-bg-opacity: 0.4; }
.bg-opacity-60 { --tw-bg-opacity: 0.6; }
.object-contain { object-fit: contain; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.pb-10 { padding-bottom: 2.5rem; }
.pt-4 { padding-top: 1rem; }
.text-center { text-align: center; }
.font-manrope { font-family: var(--font-manrope),sans-serif; }
.font-plusjakarta { font-family: var(--font-plus-jakarta-sans),sans-serif; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.text-\[\#2A2A2A\] { --tw-text-opacity: 1; color: rgb(42 42 42/var(--tw-text-opacity,1)); }
.text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
.opacity-0 { opacity: 0; }
.opacity-100 { opacity: 1; }
.opacity-20 { opacity: 0.2; }
.opacity-30 { opacity: 0.3; }
.opacity-35 { opacity: 0.35; }
.opacity-40 { opacity: 0.4; }
.opacity-50 { opacity: 0.5; }
.opacity-55 { opacity: 0.55; }
.opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }
.opacity-80 { opacity: 0.8; }
.opacity-85 { opacity: 0.85; }
.opacity-90 { opacity: 0.9; }
.opacity-\[\.8\] { opacity: 0.8; }
.opacity-\[0\.7\] { opacity: 0.7; }
.shadow-\[0_12px_40px_rgba\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0 12px 40px #0000001f; box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.backdrop-blur-\[3px\] { --tw-backdrop-blur: blur(3px); }
.backdrop-blur-\[3px\], .backdrop-blur-\[60px\] { 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); }
.backdrop-blur-\[60px\] { --tw-backdrop-blur: blur(60px); }
.backdrop-blur-md { --tw-backdrop-blur: blur(12px); }
.backdrop-blur-md, .backdrop-blur-sm { 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); }
.backdrop-blur-sm { --tw-backdrop-blur: blur(4px); }
.backdrop-blur-xl { --tw-backdrop-blur: blur(24px); }
.backdrop-blur-xl, .backdrop-saturate-150 { 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); }
.backdrop-saturate-150 { --tw-backdrop-saturate: saturate(1.5); }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.duration-300 { transition-duration: 0.3s; }
.duration-300 { animation-duration: 0.3s; }
.next-layout-reset { font-size: 16px !important; line-height: 1.5 !important; text-size-adjust: 100% !important; }
.next-layout-reset, .next-layout-reset *, .next-layout-reset ::after, .next-layout-reset ::before { box-sizing: border-box !important; }
.next-layout-reset .text-sm { font-size: 14px !important; }
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
.hover\:-translate-y-1:hover { --tw-translate-y: -0.25rem; }
.hover\:-translate-y-1:hover { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.hover\:bg-opacity-80:hover { --tw-bg-opacity: 0.8; }
.hover\:underline:hover { text-decoration-line: underline; }
.hover\:opacity-0:hover { opacity: 0; }
.hover\:opacity-100:hover { opacity: 1; }
.hover\:opacity-90:hover { opacity: 0.9; }
.disabled\:pointer-events-none:disabled { pointer-events: none; }
.disabled\:opacity-50:disabled { opacity: 0.5; }
.disabled\:opacity-60:disabled { opacity: 0.6; }
.group:hover .group-hover\:-translate-x-0\.5 { --tw-translate-x: -0.125rem; }
.group:hover .group-hover\:-translate-x-0\.5, .group:hover .group-hover\:translate-x-1 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group:hover .group-hover\:translate-x-1 { --tw-translate-x: 0.25rem; }
@media not all and (min-width: 1024px) {
  .max-lg\:-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
}
@media not all and (min-width: 768px) {
  .max-md\:-translate-x-1\/2 { --tw-translate-x: -50%; }
  .max-md\:-translate-x-1\/2, .max-md\:-translate-y-5 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .max-md\:-translate-y-5 { --tw-translate-y: -1.25rem; }
  .max-md\:-translate-y-\[32\%\] { --tw-translate-y: -32%; }
  .max-md\:-translate-y-\[32\%\], .max-md\:-translate-y-\[50\%\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .max-md\:-translate-y-\[50\%\] { --tw-translate-y: -50%; }
  .max-md\:translate-x-1\/2 { --tw-translate-x: 50%; }
   .max-md\:translate-x-1\/2 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .max-md\:hidden { display: none; }
}
@media not all and (min-width: 640px) {
  .max-sm\:opacity-40 { opacity: 0.4; }
}
@media (min-width: 768px) {
  .md\:hidden { display: none; }
  .md\:-translate-x-1\/2 { --tw-translate-x: -50%; }
  .md\:-translate-x-1\/2, .md\:-translate-y-1\/2 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .md\:-translate-y-1\/2 { --tw-translate-y: -50%; }
  .md\:-translate-y-\[70\%\] { --tw-translate-y: -70%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .md\:opacity-\[50\%\] { opacity: 0.5; }
  .md\:opacity-\[60\%\] { opacity: 0.6; }
}
@media (min-width: 1024px) {
  .lg\:-translate-y-10 { --tw-translate-y: -2.5rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
}
@media (min-width: 1280px) {
  .xl\:translate-y-\[-50\%\] { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
}
.\[\&_input\:\:placeholder\]\:opacity-100 input::placeholder { opacity: 1; }
.\[\&_svg\]\:pointer-events-none svg { pointer-events: none; }
:root { color-scheme: dark; --brand: #F7F788; }
* { box-sizing: border-box; }
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; }
}
:root { }
.next-layout-reset { font-family: var(--font-poppins), system-ui, -apple-system, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; box-sizing: border-box !important; text-size-adjust: 100% !important; }
.next-layout-reset *, .next-layout-reset ::before, .next-layout-reset ::after { box-sizing: border-box !important; }
.next-layout-reset .text-sm { font-size: 14px !important; }
.next-layout-reset footer div:has(> a[aria-label^="IVF Pulse on"]) { display: flex !important; flex-direction: row !important; gap: 8px !important; max-width: none !important; }
.next-glass-nav { border: 1px solid rgba(255, 255, 255, 0.1) !important; background-color: rgba(255, 255, 255, 0.15) !important; backdrop-filter: blur(26px) saturate(1.25) !important; }
.next-light-header a, .next-light-header span { color: rgb(42, 42, 42) !important; }
.next-light-header .next-glass-nav { border: 1px solid rgba(0, 0, 0, 0.08) !important; background-color: rgba(255, 255, 255, 0.75) !important; box-shadow: rgba(0, 0, 0, 0.03) 0px 4px 30px !important; backdrop-filter: blur(26px) saturate(1.25) !important; }

/* Chrome override rules — ported from inject-layout.js injectResets().
   These are NOT in the Tailwind bundle. They carry the scroll-glass /
   transparency-on-scroll effect and the light-header variant. */
.next-layout-reset{font-family:var(--font-poppins),system-ui,-apple-system,sans-serif !important;font-size:16px !important;line-height:1.5 !important;box-sizing:border-box !important;-webkit-text-size-adjust:100% !important}
.next-layout-reset *,.next-layout-reset *::before,.next-layout-reset *::after{box-sizing:border-box !important}
.next-layout-reset .text-xs{font-size:12px !important}
.next-layout-reset .text-sm{font-size:14px !important}
.next-layout-reset .text-base{font-size:16px !important}
.next-layout-reset .text-lg{font-size:18px !important}
.next-layout-reset .text-xl{font-size:20px !important}
.next-layout-reset footer a[aria-label^="IVF Pulse on"]{width:40px !important;height:40px !important}
.next-layout-reset footer a[aria-label^="IVF Pulse on"] svg{width:18px !important;height:18px !important}
.next-layout-reset footer div:has(> a[aria-label^="IVF Pulse on"]){display:flex !important;flex-direction:row !important;gap:8px !important;max-width:none !important}

/* Scroll state: glass/frosted nav once the page is scrolled (toggled by chrome-inline.js) */
.next-glass-nav{border:1px solid rgba(255,255,255,.1) !important;background-color:rgba(255,255,255,.15) !important;backdrop-filter:blur(26px) saturate(1.25) !important;-webkit-backdrop-filter:blur(26px) saturate(1.25) !important}

/* Light-header variant (for light-background pages) */
.next-light-header a,.next-light-header span{color:#2A2A2A !important}
.next-light-header a[href="/book-appointment"]{background-color:#2A2A2A !important;color:#FFFFFF !important}
.next-light-header [aria-label="Open menu"] svg{color:#2A2A2A !important;fill:#2A2A2A !important}
.next-light-header .next-glass-nav{border:1px solid rgba(0,0,0,.08) !important;background-color:rgba(255,255,255,.75) !important;box-shadow:0 4px 30px rgba(0,0,0,.03) !important;backdrop-filter:blur(26px) saturate(1.25) !important;-webkit-backdrop-filter:blur(26px) saturate(1.25) !important}

/* Reserve the fixed header's height so page content never sits under it (no shift) */
body{padding-top:91px}
@media(min-width:768px){body{padding-top:108px}}
