@layer utilities{.page-shell{flex-direction:column;gap:3rem;width:min(100%,80rem);margin-inline:auto;padding:2rem 1.5rem 4rem;display:flex}.panel-frost{border:1px solid color-mix(in srgb, var(--border) 82%, white 18%);background:color-mix(in srgb, var(--background) 78%, white 22%);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 20px 70px #21312b14}.nav-frame{border:1px solid color-mix(in srgb, var(--border) 82%, white 18%);background:linear-gradient(180deg, #ffffff7a, #ffffff38), color-mix(in srgb, var(--background) 76%, white 24%);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);box-shadow:0 22px 65px #21312b1a,inset 0 1px #ffffff8c}.nav-link-pill{border-radius:9999px;justify-content:center;align-items:center;padding:.8rem 1rem;font-size:.95rem;font-weight:600;transition:color .22s,transform .22s;display:inline-flex;position:relative}.nav-link-pill:hover{color:var(--foreground);transform:translateY(-1px)}.nav-link-pill-active{border:1px solid color-mix(in srgb, var(--border) 75%, white 25%);background:color-mix(in srgb, var(--primary) 74%, white 26%);border-radius:9999px;position:absolute;inset:0;box-shadow:0 12px 30px #21312b14}.nav-dropdown-panel{border:1px solid color-mix(in srgb, var(--border) 84%, white 16%);background:linear-gradient(180deg, #ffffff8c, #ffffff3d), color-mix(in srgb, var(--background) 78%, white 22%);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 30px 80px #21312b1f}.nav-mobile-panel{border:1px solid color-mix(in srgb, var(--border) 82%, white 18%);background:linear-gradient(180deg, #ffffff8f, #ffffff3d), color-mix(in srgb, var(--background) 78%, white 22%);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.nav-mobile-link{color:color-mix(in srgb, var(--foreground) 72%, white 28%);border-radius:1.15rem;align-items:center;padding:.95rem 1rem;font-size:.95rem;font-weight:600;transition:background-color .22s,color .22s,transform .22s;display:flex}.nav-mobile-link:hover{color:var(--foreground);background:#ffffff7a}.nav-mobile-toggle{border:1px solid color-mix(in srgb, var(--border) 84%, white 16%);background:color-mix(in srgb, var(--background) 82%, white 18%);transition:transform .22s,background-color .22s;box-shadow:0 10px 30px #21312b14}.nav-mobile-toggle:hover{background:color-mix(in srgb, var(--surface) 86%, white 14%);transform:translateY(-1px)}.surface-card{border:1px solid color-mix(in srgb, var(--border) 84%, white 16%);background:color-mix(in srgb, var(--background) 76%, white 24%);box-shadow:0 18px 55px #21312b12}.surface-card-hover{transition:transform .3s,box-shadow .3s,border-color .3s}.surface-card-hover:hover{border-color:color-mix(in srgb, var(--primary) 48%, var(--border) 52%);transform:translateY(-4px);box-shadow:0 30px 90px #21312b1a}.soft-chip{border:1px solid color-mix(in srgb, var(--border) 82%, white 18%);background:color-mix(in srgb, var(--surface) 90%, white 10%);color:color-mix(in srgb, var(--foreground) 72%, white 28%);border-radius:9999px;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex;box-shadow:0 10px 35px #21312b0f}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.75rem;font-weight:600}.btn-primary-soft{background:var(--foreground);color:var(--background);border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;transition:transform .3s,background-color .3s,box-shadow .3s;display:inline-flex;box-shadow:0 16px 40px #21312b38}.btn-primary-soft:hover{background:color-mix(in srgb, var(--foreground) 92%, white 8%);transform:translateY(-2px);box-shadow:0 22px 48px #21312b3d}.btn-secondary-soft{border:1px solid color-mix(in srgb, var(--border) 88%, white 12%);background:color-mix(in srgb, var(--background) 80%, white 20%);color:var(--foreground);border-radius:9999px;justify-content:center;align-items:center;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;transition:background-color .3s,border-color .3s,transform .3s;display:inline-flex}.btn-secondary-soft:hover{background:var(--surface);border-color:color-mix(in srgb, var(--foreground) 20%, var(--border) 80%);transform:translateY(-2px)}.metric-card{border:1px solid color-mix(in srgb, var(--border) 84%, white 16%);background:color-mix(in srgb, var(--background) 72%, white 28%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.6rem;padding:1.25rem;box-shadow:0 18px 45px #21312b14}.contrast-panel{border:1px solid color-mix(in srgb, var(--foreground) 88%, white 12%);background:var(--foreground);color:var(--background);box-shadow:0 30px 90px #21312b29}.number-pill{background:var(--primary);width:2.5rem;height:2.5rem;color:var(--foreground);border-radius:1rem;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:inline-flex}.accent-wash{background:color-mix(in srgb, var(--accent) 32%, transparent)}.primary-wash{background:color-mix(in srgb, var(--primary) 55%, white 45%)}.backdrop-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@media (min-width:768px){.page-shell{padding-inline:2.5rem}}@media (min-width:1024px){.page-shell{padding-inline:3rem}}}