/* ==========================================================================
   Generated utility fills for assets/css/style.css

   style.css is a PRE-BUILT Tailwind bundle: it only contains the classes
   that were in the markup when it was last compiled, and the project has
   no Tailwind CLI to regenerate it. Any class added to a template since
   then resolves to nothing - which is why responsive layouts collapsed at
   some breakpoints and some colours rendered transparent.

   This file defines exactly those missing classes, reusing the bundle's own
   theme variables so values stay consistent. It loads AFTER style.css and
   BEFORE custom.css, so hand-written overrides still win.

   Regenerate with scratchpad/gen.py after adding new classes to templates.
   ========================================================================== */

/* Palette entries the bundle never emitted */
:root{
  --color-cyan-400:oklch(.789 .154 211.53);
  --color-indigo-500:oklch(.585 .233 277.117);
  --color-purple-200:oklch(.902 .063 306.703);
  --color-purple-400:oklch(.714 .203 305.504);
  --color-purple-500:oklch(.627 .265 303.9);
  --color-purple-600:oklch(.558 .288 302.321);
  --color-purple-900:oklch(.381 .176 304.987);
  --color-red-300:oklch(.808 .114 19.571);
  --color-red-800:oklch(.444 .177 26.899);
  --color-yellow-600:oklch(.681 .162 75.834);
}

/* --- unprefixed --- */
.-bottom-32{bottom:calc(calc(var(--spacing) * 32) * -1)}
.-bottom-4{bottom:calc(calc(var(--spacing) * 4) * -1)}
.-left-3\.5{left:calc(calc(var(--spacing) * 3.5) * -1)}
.-left-32{left:calc(calc(var(--spacing) * 32) * -1)}
.-left-4{left:calc(calc(var(--spacing) * 4) * -1)}
.-right-32{right:calc(calc(var(--spacing) * 32) * -1)}
.-top-3{top:calc(calc(var(--spacing) * 3) * -1)}
.-top-32{top:calc(calc(var(--spacing) * 32) * -1)}
.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}
.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;--tw-scale-z:0.98;scale:var(--tw-scale-x) var(--tw-scale-y)}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:blur(4px)}
.bg-\[radial-gradient\(ellipse_80\%_80\%_at_50\%_-20\%\,rgba\(120\,119\,198\,0\.15\)\,rgba\(255\,255\,255\,0\)\)\]{background-color:radial-gradient(ellipse 80% 80% at 50% -20%,rgba(120,119,198,0.15),rgba(255,255,255,0))}
.bg-amber-50\/80{background-color:color-mix(in oklab,var(--color-amber-50) 80%,transparent)}
.bg-amber-500\/20{background-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent)}
.bg-amber-600{background-color:var(--color-amber-600)}
.bg-blue-500\/40{background-color:color-mix(in oklab,var(--color-blue-500) 40%,transparent)}
.bg-emerald-50\/50{background-color:color-mix(in oklab,var(--color-emerald-50) 50%,transparent)}
.bg-emerald-500{background-color:var(--color-emerald-500)}
.bg-indigo-600\/15{background-color:color-mix(in oklab,var(--color-indigo-600) 15%,transparent)}
.bg-purple-50{background-color:var(--color-purple-50)}
.bg-purple-500{background-color:var(--color-purple-500)}
.bg-purple-600{background-color:var(--color-purple-600)}
.bg-purple-600\/30{background-color:color-mix(in oklab,var(--color-purple-600) 30%,transparent)}
.bg-purple-900\/40{background-color:color-mix(in oklab,var(--color-purple-900) 40%,transparent)}
.bg-red-50\/50{background-color:color-mix(in oklab,var(--color-red-50) 50%,transparent)}
.bg-slate-50\/50{background-color:color-mix(in oklab,var(--color-slate-50) 50%,transparent)}
.bg-slate-900\/80{background-color:color-mix(in oklab,var(--color-slate-900) 80%,transparent)}
.bg-slate-900\/90{background-color:color-mix(in oklab,var(--color-slate-900) 90%,transparent)}
.bg-white\/50{background-color:color-mix(in oklab,var(--color-white) 50%,transparent)}
.bg-white\/70{background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}
.border-0{border-style:var(--tw-border-style);border-width:0px}
.border-amber-500\/30{border-color:color-mix(in oklab,var(--color-amber-500) 30%,transparent)}
.border-blue-200\/60{border-color:color-mix(in oklab,var(--color-blue-200) 60%,transparent)}
.border-blue-400\/30{border-color:color-mix(in oklab,var(--color-blue-400) 30%,transparent)}
.border-blue-800\/50{border-color:color-mix(in oklab,var(--color-blue-800) 50%,transparent)}
.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}
.border-purple-200{border-color:var(--color-purple-200)}
.border-purple-400\/40{border-color:color-mix(in oklab,var(--color-purple-400) 40%,transparent)}
.border-purple-500\/30{border-color:color-mix(in oklab,var(--color-purple-500) 30%,transparent)}
.border-red-100{border-color:var(--color-red-100)}
.border-red-500\/30{border-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}
.border-slate-700\/80{border-color:color-mix(in oklab,var(--color-slate-700) 80%,transparent)}
.bottom-5{bottom:calc(var(--spacing) * 5)}
.capitalize{text-transform:capitalize}
.col-span-2{grid-column:span 2 / span 2}
.divide-slate-100{border-color:var(--color-slate-100)}
.divide-y>:not(:last-child){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}
.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a);filter:var(--tw-drop-shadow)}
.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 3px 3px #0000001f);filter:var(--tw-drop-shadow)}
.duration-200{--tw-duration:200ms;transition-duration:200ms}
.flex-grow{flex-grow:1}
.focus-within\:border-blue-400:focus-within{border-color:var(--color-blue-400)}
.focus\:ring-amber-100:focus{--tw-ring-color:var(--color-amber-100)}
.focus\:ring-blue-100:focus{--tw-ring-color:var(--color-blue-100)}
.font-normal{--tw-font-weight:400;font-weight:400}
.font-sans{font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif)}
.gap-0\.5{gap:calc(var(--spacing) * 0.5)}
.gap-5{gap:calc(var(--spacing) * 5)}
.gap-x-5{column-gap:calc(var(--spacing) * 5)}
.gap-y-2{row-gap:calc(var(--spacing) * 2)}
:where(.group):hover .group-hover\:pointer-events-auto{pointer-events:auto}
:where(.group):hover .group-hover\:rotate-180{rotate:180deg}
:where(.group):hover .group-hover\:text-emerald-600{color:var(--color-emerald-600)}
:where(.group):hover .group-hover\:text-slate-500{color:var(--color-slate-500)}
:where(.group):hover .group-hover\:translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}
:where(.group):hover .group-hover\:visible{visibility:visible}
.h-\[400px\]{height:400px}
.hover\:bg-amber-100:hover{background-color:var(--color-amber-100)}
.hover\:bg-amber-50:hover{background-color:var(--color-amber-50)}
.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}
.hover\:bg-amber-700:hover{background-color:var(--color-amber-700)}
.hover\:bg-emerald-100:hover{background-color:var(--color-emerald-100)}
.hover\:bg-emerald-50:hover{background-color:var(--color-emerald-50)}
.hover\:bg-purple-100:hover{background-color:var(--color-purple-100)}
.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}
.hover\:bg-purple-900\/60:hover{background-color:color-mix(in oklab,var(--color-purple-900) 60%,transparent)}
.hover\:bg-red-50:hover{background-color:var(--color-red-50)}
.hover\:bg-slate-50\/70:hover{background-color:color-mix(in oklab,var(--color-slate-50) 70%,transparent)}
.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}
.hover\:border-amber-500:hover{border-color:var(--color-amber-500)}
.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}
.hover\:border-emerald-400:hover{border-color:var(--color-emerald-400)}
.hover\:border-slate-400:hover{border-color:var(--color-slate-400)}
.hover\:from-blue-500:hover{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;--tw-scale-z:1.02;scale:var(--tw-scale-x) var(--tw-scale-y)}
.hover\:shadow:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.hover\:text-amber-700:hover{color:var(--color-amber-700)}
.hover\:text-emerald-700:hover{color:var(--color-emerald-700)}
.hover\:text-emerald-900:hover{color:var(--color-emerald-900)}
.hover\:text-red-700:hover{color:var(--color-red-700)}
.hover\:to-indigo-500:hover{--tw-gradient-to:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.invisible{visibility:hidden}
.items-stretch{align-items:stretch}
.leading-none{--tw-leading:1;line-height:1}
.left-1\/2{left:50%}
.left-5{left:calc(var(--spacing) * 5)}
.max-h-\[500px\]{max-height:500px}
.max-w-6xl{max-width:var(--container-6xl)}
.max-w-\[100px\]{max-width:100px}
.max-w-\[200px\]{max-width:200px}
.max-w-\[210px\]{max-width:210px}
.max-w-\[280px\]{max-width:280px}
.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}
.min-h-\[250px\]{min-height:250px}
.min-h-\[300px\]{min-height:300px}
.min-h-\[320px\]{min-height:320px}
.min-h-\[600px\]{min-height:600px}
.ml-1{margin-left:calc(var(--spacing) * 1)}
.ml-2{margin-left:calc(var(--spacing) * 2)}
.ml-4{margin-left:calc(var(--spacing) * 4)}
.mr-1{margin-right:calc(var(--spacing) * 1)}
.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}
.mr-2{margin-right:calc(var(--spacing) * 2)}
.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}
.mt-5{margin-top:calc(var(--spacing) * 5)}
.mt-auto{margin-top:auto}
.my-1{margin-block:calc(var(--spacing) * 1)}
.my-1\.5{margin-block:calc(var(--spacing) * 1.5)}
.my-5{margin-block:calc(var(--spacing) * 5)}
.opacity-25{opacity:0.25}
.opacity-35{opacity:0.35}
.order-1{order:1}
.order-2{order:2}
.pb-20{padding-bottom:calc(var(--spacing) * 20)}
.pb-3{padding-bottom:calc(var(--spacing) * 3)}
.placeholder-slate-400::placeholder{color:var(--color-slate-400)}
.pr-1{padding-right:calc(var(--spacing) * 1)}
.pt-0{padding-top:calc(var(--spacing) * 0)}
.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}
.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}
.pt-5{padding-top:calc(var(--spacing) * 5)}
.pt-6{padding-top:calc(var(--spacing) * 6)}
.px-1{padding-inline:calc(var(--spacing) * 1)}
.right-5{right:calc(var(--spacing) * 5)}
.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.ring-white\/10{--tw-ring-color:color-mix(in oklab,var(--color-white) 10%,transparent)}
.ring-white\/30{--tw-ring-color:color-mix(in oklab,var(--color-white) 30%,transparent)}
.rounded-\[32px\]{border-radius:32px}
.rounded-\[36px\]{border-radius:36px}
.rounded-\[44px\]{border-radius:44px}
.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}
.scroll-smooth{scroll-behavior:smooth}
.self-center{align-self:center}
.shadow-blue-600\/30{--tw-shadow-color:color-mix(in oklab,var(--color-blue-600) 30%,transparent)}
.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.space-y-12>:not(:last-child){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}
.space-y-3\.5>:not(:last-child){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}
.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}
.text-\[8px\]{font-size:8px}
.text-blue-500{color:var(--color-blue-500)}
.text-cyan-400{color:var(--color-cyan-400)}
.text-purple-200{color:var(--color-purple-200)}
.text-purple-400{color:var(--color-purple-400)}
.text-purple-500{color:var(--color-purple-500)}
.text-purple-800{color:var(--color-purple-800)}
.text-purple-900{color:var(--color-purple-900)}
.text-red-300{color:var(--color-red-300)}
.text-red-800{color:var(--color-red-800)}
.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)}
.text-yellow-600{color:var(--color-yellow-600)}
.to-indigo-50{--tw-gradient-to:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.to-slate-900\/60{--tw-gradient-to:color-mix(in oklab,var(--color-slate-900) 60%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.to-slate-950\/40{--tw-gradient-to:color-mix(in oklab,var(--color-slate-950) 40%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.top-1\.5{top:calc(var(--spacing) * 1.5)}
.top-2\.5{top:calc(var(--spacing) * 2.5)}
.top-20{top:calc(var(--spacing) * 20)}
.top-3\.5{top:calc(var(--spacing) * 3.5)}
.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}
.via-slate-900\/80{--tw-gradient-via:color-mix(in oklab,var(--color-slate-900) 80%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
.via-slate-950\/70{--tw-gradient-via:color-mix(in oklab,var(--color-slate-950) 70%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
.w-24{width:calc(var(--spacing) * 24)}
.w-48{width:calc(var(--spacing) * 48)}
.w-72{width:calc(var(--spacing) * 72)}
.w-\[300px\]{width:300px}

/* --- min-[360px]: >= 360px --- */
@media (min-width:360px){
  .min-\[360px\]\:inline{display:inline}
}

/* --- sm: >= 640px --- */
@media (min-width:640px){
  .sm\:-bottom-6{bottom:calc(calc(var(--spacing) * 6) * -1)}
  .sm\:-right-6{right:calc(calc(var(--spacing) * 6) * -1)}
  .sm\:absolute{position:absolute}
  .sm\:border-t-0{border-top-width:0px}
  .sm\:bottom-6{bottom:calc(var(--spacing) * 6)}
  .sm\:col-span-1{grid-column:span 1 / span 1}
  .sm\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}
  .sm\:gap-2{gap:calc(var(--spacing) * 2)}
  .sm\:gap-4{gap:calc(var(--spacing) * 4)}
  .sm\:h-11{height:calc(var(--spacing) * 11)}
  .sm\:h-14{height:calc(var(--spacing) * 14)}
  .sm\:h-16{height:calc(var(--spacing) * 16)}
  .sm\:h-20{height:calc(var(--spacing) * 20)}
  .sm\:h-7{height:calc(var(--spacing) * 7)}
  .sm\:items-center{align-items:center}
  .sm\:justify-end{justify-content:flex-end}
  .sm\:left-6{left:calc(var(--spacing) * 6)}
  .sm\:max-w-\[320px\]{max-width:320px}
  .sm\:ml-8{margin-left:calc(var(--spacing) * 8)}
  .sm\:mt-0{margin-top:calc(var(--spacing) * 0)}
  .sm\:my-8{margin-block:calc(var(--spacing) * 8)}
  .sm\:p-12{padding:calc(var(--spacing) * 12)}
  .sm\:p-2\.5{padding:calc(var(--spacing) * 2.5)}
  .sm\:p-3\.5{padding:calc(var(--spacing) * 3.5)}
  .sm\:pl-10{padding-left:calc(var(--spacing) * 10)}
  .sm\:pt-0{padding-top:calc(var(--spacing) * 0)}
  .sm\:pt-6{padding-top:calc(var(--spacing) * 6)}
  .sm\:px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}
  .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
  .sm\:py-2{padding-block:calc(var(--spacing) * 2)}
  .sm\:py-3{padding-block:calc(var(--spacing) * 3)}
  .sm\:right-4{right:calc(var(--spacing) * 4)}
  .sm\:right-6{right:calc(var(--spacing) * 6)}
  .sm\:rounded-2xl{border-radius:var(--radius-2xl)}
  .sm\:rounded-\[14px\]{border-radius:14px}
  .sm\:rounded-\[32px\]{border-radius:32px}
  .sm\:rounded-\[44px\]{border-radius:44px}
  .sm\: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)))}
  .sm\:space-y-4>:not(:last-child){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
  .sm\:space-y-6>:not(:last-child){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
  .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
  .sm\:text-\[11px\]{font-size:11px}
  .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
  .sm\:top-4{top:calc(var(--spacing) * 4)}
  .sm\:w-11{width:calc(var(--spacing) * 11)}
  .sm\:w-14{width:calc(var(--spacing) * 14)}
  .sm\:w-16{width:calc(var(--spacing) * 16)}
  .sm\:w-7{width:calc(var(--spacing) * 7)}
  .sm\:w-\[330px\]{width:330px}
}

/* --- md: >= 768px --- */
@media (min-width:768px){
  .md\:flex{display:flex}
  .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
}

/* --- lg: >= 1024px --- */
@media (min-width:1024px){
  .lg\:block{display:block}
  .lg\:col-span-8{grid-column:span 8 / span 8}
  .lg\:flex-row{flex-direction:row}
  .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lg\:items-center{align-items:center}
  .lg\:order-1{order:1}
  .lg\:order-2{order:2}
  .lg\:pl-6{padding-left:calc(var(--spacing) * 6)}
  .lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}
}

/* --- xl: >= 1280px --- */
@media (min-width:1280px){
  .xl\:flex{display:flex}
  .xl\:gap-1{gap:calc(var(--spacing) * 1)}
  .xl\:gap-3{gap:calc(var(--spacing) * 3)}
  .xl\:hidden{display:none}
  .xl\:inline{display:inline}
  .xl\:px-3{padding-inline:calc(var(--spacing) * 3)}
  .xl\:px-5{padding-inline:calc(var(--spacing) * 5)}
  .xl\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
}