:root{--clay-tint:152 76% 40%;--clay-tint-soft:152 60% 62%;--clay-violet:258 78% 68%;--clay-peach:22 92% 72%;--clay-sky:199 89% 64%;--clay-surface:0 0% 100%;--clay-surface-sunken:152 30% 97%;--clay-ink:222 47% 11%;--clay-ink-soft:215 20% 42%;--clay-r-sm:16px;--clay-r-md:24px;--clay-r-lg:32px;--clay-r-xl:44px;--clay-r-pill:999px;--clay-lift:0 2px 4px -1px hsl(var(--clay-tint)/.1),0 10px 22px -6px hsl(var(--clay-tint)/.2),0 26px 50px -18px hsl(var(--clay-tint)/.26);--clay-rim:inset 0 3px 8px -2px #fffffff2,inset 4px 6px 14px -8px #fff,inset -6px -10px 20px -12px hsl(var(--clay-tint)/.5);--clay-lift-lg:0 3px 6px -1px hsl(var(--clay-tint)/.12),0 16px 32px -8px hsl(var(--clay-tint)/.24),0 40px 72px -24px hsl(var(--clay-tint)/.3);--clay-rim-lg:inset 0 4px 10px -2px #fffffff5,inset 6px 9px 20px -10px #fff,inset -9px -14px 28px -16px hsl(var(--clay-tint)/.5);--clay-press:inset 6px 6px 12px -4px hsl(var(--clay-tint)/.26),inset -4px -4px 10px -4px #ffffffe6;--clay-ease:cubic-bezier(.22,1,.36,1)}html:has(.clay-page){background-color:#f4f8f6}html:has(.clay-page) body{background-color:#f4f8f6}.clay-scope nav.fixed{-webkit-backdrop-filter:saturate(1.6)blur(18px);box-shadow:0 14px 34px -18px hsl(var(--clay-tint)/.4),inset 0 1px 0 0 #ffffffe6;background:#ffffffb8;border-bottom:1px solid #fff9}.clay-scope nav.fixed :where(a,button,span,summary),.clay-scope nav.fixed :where(.text-white){color:hsl(var(--clay-ink))}.clay-scope nav.fixed :where(.text-gray-200,.text-gray-300){color:hsl(var(--clay-ink-soft))}.clay-scope nav.fixed :where(.border-white\/30){border-color:hsl(var(--clay-tint)/.25)}.clay-scope nav.fixed :where(a[aria-current=page]){color:hsl(var(--clay-tint))}.clay-scope nav.fixed :where(.bg-green-600,.bg-emerald-600),.clay-scope nav.fixed :where(.bg-green-600,.bg-emerald-600) :where(span){color:#fff}.clay{background:hsl(var(--clay-surface));border-radius:var(--clay-r-lg);box-shadow:var(--clay-lift),var(--clay-rim)}.clay-lg{background:hsl(var(--clay-surface));border-radius:var(--clay-r-xl);box-shadow:var(--clay-lift-lg),var(--clay-rim-lg)}.clay-sm{background:hsl(var(--clay-surface));border-radius:var(--clay-r-md);box-shadow:10px 12px 24px -10px hsl(var(--clay-tint)/.24),inset 3px 3px 7px -3px #fffffff2,inset -3px -4px 8px -4px hsl(var(--clay-tint)/.28);border:1px solid #ffffffb3}.clay-inset{background:hsl(var(--clay-surface-sunken));border-radius:var(--clay-r-md);box-shadow:var(--clay-press);border:1px solid hsl(var(--clay-tint)/.07)}.clay-interactive{transition:transform .32s var(--clay-ease),box-shadow .32s var(--clay-ease);will-change:transform}.clay-interactive:hover{box-shadow:var(--clay-lift-lg),var(--clay-rim-lg);transform:translateY(-4px)}.clay-interactive:active{box-shadow:var(--clay-press);transform:translateY(-1px)scale(.995)}.clay-btn{--btn:var(--clay-tint);border-radius:var(--clay-r-pill);color:#fff;background:linear-gradient(145deg,hsl(var(--btn)/.94)0%,hsl(var(--btn))55%,hsl(var(--btn)/.86)100%);box-shadow:10px 12px 22px -10px hsl(var(--btn)/.55),inset 3px 4px 8px -3px #ffffff8c,inset -4px -5px 10px -5px hsl(var(--btn)/.9);transition:transform .26s var(--clay-ease),box-shadow .26s var(--clay-ease),filter .26s var(--clay-ease);justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.75rem;font-weight:700;display:inline-flex;position:relative}.clay-btn:hover{filter:saturate(1.08);box-shadow:16px 20px 34px -12px hsl(var(--btn)/.6),inset 3px 4px 9px -3px #fff9,inset -5px -6px 12px -6px hsl(var(--btn)/.9);transform:translateY(-3px)}.clay-btn:active{box-shadow:4px 5px 10px -6px hsl(var(--btn)/.5),inset 5px 6px 12px -4px hsl(var(--btn)/.9),inset -2px -2px 6px -3px #ffffff59;transform:translateY(0)scaleY(.96)}.clay-btn-ghost{color:hsl(var(--clay-ink));background:hsl(var(--clay-surface));box-shadow:var(--clay-lift),var(--clay-rim)}.clay-btn-ghost:hover{box-shadow:var(--clay-lift-lg),var(--clay-rim-lg)}.clay-btn-ghost:active{box-shadow:var(--clay-press)}.clay-pill{border-radius:var(--clay-r-pill);color:hsl(var(--clay-tint)/.95);background:hsl(var(--clay-surface));box-shadow:8px 9px 18px -10px hsl(var(--clay-tint)/.32),inset 2px 3px 6px -2px #fffffff2,inset -3px -3px 7px -4px hsl(var(--clay-tint)/.3);align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:650;display:inline-flex}.clay-icon{border-radius:var(--clay-r-md);background:linear-gradient(145deg,#fff 0%,hsl(var(--clay-tint)/.08)100%);width:3.5rem;height:3.5rem;box-shadow:10px 12px 22px -12px hsl(var(--clay-tint)/.4),inset 3px 4px 8px -3px #fffffffa,inset -4px -5px 10px -5px hsl(var(--clay-tint)/.3);color:hsl(var(--clay-tint));justify-content:center;align-items:center;display:inline-flex}.clay-violet{--clay-tint:var(--clay-violet)}.clay-peach{--clay-tint:var(--clay-peach)}.clay-sky{--clay-tint:var(--clay-sky)}.clay-btn-violet{--btn:var(--clay-violet)}.clay-btn-peach{--btn:var(--clay-peach)}.clay-btn-sky{--btn:var(--clay-sky)}.clay-page{background-color:#f4f8f6;background-image:radial-gradient(58rem 42rem at 12% -8%,hsl(var(--clay-tint)/.12),transparent 60%),radial-gradient(46rem 38rem at 92% 4%,hsl(var(--clay-violet)/.12),transparent 62%),radial-gradient(52rem 44rem at 78% 88%,hsl(var(--clay-sky)/.1),transparent 60%),radial-gradient(40rem 34rem at 8% 92%,hsl(var(--clay-peach)/.09),transparent 62%);background-attachment:fixed;position:relative}@media (max-width:768px){.clay-page{background-attachment:scroll}}.clay-page.clay-scope section,.clay-page.clay-scope .bg-white:not([class*=rounded]),.clay-page.clay-scope .bg-gray-50:not([class*=rounded]),.clay-page.clay-scope .bg-gray-100:not([class*=rounded]),.clay-page.clay-scope .bg-slate-50:not([class*=rounded]),.clay-page.clay-scope .bg-slate-100:not([class*=rounded]),.clay-page.clay-scope .bg-neutral-50:not([class*=rounded]){background-color:#0000}.clay-scope :where(.shadow-sm,.shadow,.shadow-md,.shadow-lg,.shadow-xl,.shadow-2xl){--tw-shadow:0 0 #0000}.clay-scope :where(input[type=text],input[type=search],input[type=email],input:not([type]),select,textarea){background:hsl(var(--clay-surface-sunken));border-radius:var(--clay-r-md);box-shadow:var(--clay-press);border:1px solid hsl(var(--clay-tint)/.08);transition:box-shadow .24s var(--clay-ease)}.clay-scope :where(input,select,textarea):focus-visible{box-shadow:var(--clay-press),0 0 0 4px hsl(var(--clay-tint)/.18);outline:none}.clay-page.clay-scope .rounded-md{border-radius:var(--clay-r-sm)}.clay-page.clay-scope .rounded-lg,.clay-page.clay-scope .rounded-xl{border-radius:var(--clay-r-md)}.clay-page.clay-scope .rounded-2xl,.clay-page.clay-scope .rounded-3xl{border-radius:var(--clay-r-lg)}.clay-page.clay-scope .border-slate-200,.clay-page.clay-scope .border-gray-200,.clay-page.clay-scope .border-slate-100,.clay-page.clay-scope .border-gray-100,.clay-page.clay-scope .border-neutral-200{border-color:#0000}.clay-page.clay-scope .bg-white.rounded-lg,.clay-page.clay-scope .bg-white.rounded-xl,.clay-page.clay-scope .bg-white.rounded-2xl,.clay-page.clay-scope .bg-white.rounded-3xl,.clay-page.clay-scope .bg-gray-50.rounded-xl,.clay-page.clay-scope .bg-gray-50.rounded-2xl,.clay-page.clay-scope .bg-slate-50.rounded-xl,.clay-page.clay-scope .bg-slate-50.rounded-2xl{background-color:hsl(var(--clay-surface));box-shadow:var(--clay-lift),var(--clay-rim);border-color:#0000}.clay-page.clay-scope a:focus-visible,.clay-page.clay-scope button:focus-visible{outline:3px solid hsl(var(--clay-tint)/.55);outline-offset:3px;border-radius:var(--clay-r-sm)}@media (prefers-reduced-motion:reduce){.clay-interactive,.clay-btn{transition:none}.clay-interactive:hover,.clay-btn:hover,.clay-btn:active,.clay-interactive:active{transform:none}}.clay-scope :where(button,a) :where(.bg-emerald-600,.bg-emerald-500,.bg-green-600),.clay-page.clay-scope button.bg-emerald-600,.clay-page.clay-scope button.bg-emerald-500,.clay-page.clay-scope button.bg-green-600,.clay-page.clay-scope a.bg-emerald-600,.clay-page.clay-scope a.bg-emerald-500,.clay-page.clay-scope a.bg-green-600{border-radius:var(--clay-r-pill);background:linear-gradient(145deg,hsl(var(--clay-tint)/.94)0%,hsl(var(--clay-tint))55%,hsl(var(--clay-tint)/.86)100%);box-shadow:10px 12px 22px -10px hsl(var(--clay-tint)/.5),inset 3px 4px 8px -3px #ffffff80,inset -4px -5px 10px -5px hsl(var(--clay-tint)/.85);transition:transform .26s var(--clay-ease),box-shadow .26s var(--clay-ease)}.clay-page.clay-scope button.bg-emerald-600,.clay-page.clay-scope button.bg-emerald-500,.clay-page.clay-scope button.bg-green-600,.clay-page.clay-scope a.bg-emerald-600,.clay-page.clay-scope a.bg-emerald-500,.clay-page.clay-scope a.bg-green-600:hover{transform:translateY(-3px)}.clay-page.clay-scope button.bg-emerald-600,.clay-page.clay-scope button.bg-emerald-500,.clay-page.clay-scope button.bg-green-600,.clay-page.clay-scope a.bg-emerald-600,.clay-page.clay-scope a.bg-emerald-500,.clay-page.clay-scope a.bg-green-600:active{box-shadow:4px 5px 10px -6px hsl(var(--clay-tint)/.45),inset 5px 6px 12px -4px hsl(var(--clay-tint)/.85);transform:translateY(0)scaleY(.96)}.clay-scope :where(.rounded-full):where(.bg-emerald-100,.bg-green-100,.bg-blue-100,.bg-purple-100,.bg-amber-100,.bg-rose-100,.bg-sky-100,.bg-indigo-100){box-shadow:6px 7px 14px -9px hsl(var(--clay-tint)/.3),inset 2px 2px 5px -2px #ffffffe6,inset -2px -3px 6px -3px hsl(var(--clay-tint)/.22)}.clay-scope :where(.rounded-lg,.rounded-xl,.rounded-2xl):where(.bg-emerald-50,.bg-emerald-100,.bg-green-50,.bg-blue-50,.bg-purple-50,.bg-amber-50,.bg-sky-50,.bg-indigo-50,.bg-rose-50){box-shadow:8px 10px 20px -12px hsl(var(--clay-tint)/.36),inset 3px 3px 7px -3px #fffffff5,inset -3px -4px 9px -5px hsl(var(--clay-tint)/.26)}.clay-scope :where(h2){letter-spacing:-.02em}.clay-scope :where(h3){letter-spacing:-.01em}@media (max-width:640px){:root{--clay-r-sm:12px;--clay-r-md:16px;--clay-r-lg:20px;--clay-r-xl:26px;--clay-lift:6px 8px 16px -8px hsl(var(--clay-tint)/.26),2px 3px 8px -4px hsl(var(--clay-tint)/.16);--clay-rim:inset 2px 3px 6px -2px #fffffff2,inset -3px -3px 7px -4px hsl(var(--clay-tint)/.28);--clay-lift-lg:10px 12px 24px -10px hsl(var(--clay-tint)/.3),4px 5px 12px -6px hsl(var(--clay-tint)/.18);--clay-rim-lg:inset 3px 4px 8px -3px #fffffff5,inset -4px -4px 9px -5px hsl(var(--clay-tint)/.3);--clay-press:inset 3px 3px 7px -2px hsl(var(--clay-tint)/.24),inset -2px -2px 6px -3px #ffffffe6}.clay-btn{width:100%;min-height:48px;padding:.8rem 1.25rem;font-size:.9375rem}.clay-icon{width:2.75rem;height:2.75rem}.clay-pill{padding:.4rem .75rem;font-size:.75rem}.clay-page{background-attachment:scroll;background-image:radial-gradient(24rem 20rem at 6% -6%,hsl(var(--clay-tint)/.12),transparent 62%),radial-gradient(22rem 20rem at 96% 10%,hsl(var(--clay-violet)/.1),transparent 64%)}}@media (min-width:641px) and (max-width:1024px){:root{--clay-r-md:20px;--clay-r-lg:26px;--clay-r-xl:34px;--clay-lift:10px 13px 26px -10px hsl(var(--clay-tint)/.27),4px 5px 12px -6px hsl(var(--clay-tint)/.17);--clay-lift-lg:16px 21px 42px -14px hsl(var(--clay-tint)/.32),6px 8px 18px -9px hsl(var(--clay-tint)/.19)}.clay-icon{width:3rem;height:3rem}}@media (min-width:1536px){:root{--clay-r-lg:36px;--clay-r-xl:52px}}@media (hover:none){.clay-interactive:hover,.clay-btn:hover{box-shadow:var(--clay-lift),var(--clay-rim);transform:none}.clay-interactive:active{box-shadow:var(--clay-press);transform:scale(.985)}}@media (pointer:coarse){.clay-scope :where(button,a[role=button],.clay-btn,.clay-icon){min-width:44px;min-height:44px}.clay-scope :where(input,select,textarea){min-height:44px;font-size:16px}.clay-scope :where(input[type=checkbox],input[type=radio]){outline-offset:12px;min-width:0;min-height:0}.clay-scope :where(nav,footer,ul,ol) :where(li)>a,.clay-scope :where(nav,footer) :where(ul,ol) a{align-items:center;min-height:44px;display:inline-flex}}.clay-scope :where(table){max-width:100%;display:block;overflow-x:auto}.clay-scope :where(pre){max-width:100%;overflow-x:auto}.clay-scope :where(img,svg,video,canvas){max-width:100%;height:auto}@media print{.clay-page{background:#fff}.clay,.clay-lg,.clay-sm,.clay-btn,.clay-pill,.clay-icon{box-shadow:none;border:1px solid #ddd}}@media (forced-colors:active){.clay,.clay-lg,.clay-sm,.clay-inset,.clay-btn,.clay-pill,.clay-icon{border:1px solid canvastext}}.clay-page{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
