/* Legacy browser stylesheet: plain CSS fallback independent from Tailwind/Next processing. */

:root {
  --background: #efefef;
  --foreground: #545454;
  --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
  --card-shadow-rest: 0 20px 45px rgba(0, 0, 0, 0.04);
  --card-shadow-hover: 0 32px 80px rgba(86, 80, 59, 0.14);
}

html {
  height: 100%;
  min-height: 100%;
  background: var(--background);
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  min-height: -webkit-fill-available;
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-body), sans-serif;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@supports not (height: 100dvh) {
  body {
    min-height: 100vh;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
  min-width: 0;
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-heading), sans-serif;
}

button,
a {
  cursor: pointer;
}

a {
  -webkit-tap-highlight-color: transparent;
}

button,
input,
textarea,
select {
  font: inherit;
}

input,
textarea,
select,
button {
  -webkit-appearance: none;
  appearance: none;
}

img,
picture,
svg,
video,
canvas,
iframe {
  display: block;
  max-width: 100%;
}

img {
  user-select: none;
}

textarea {
  resize: vertical;
}

.text-safe-wrap {
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}

input,
textarea,
select {
  min-width: 0;
}

.browser-shell {
  min-height: 100vh;
  min-height: 100dvh;
  min-height: -webkit-fill-available;
  width: 100%;
}

.browser-main,
.stack-grid-fix > *,
.mac-safe-panel {
  min-width: 0;
}

.mac-safe-panel {
  width: 100%;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.mac-scroll {
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.glass-surface {
  background: rgba(244, 244, 242, 0.92);
  -webkit-backdrop-filter: saturate(180%) blur(16px);
  backdrop-filter: saturate(180%) blur(16px);
}

.overlay-surface {
  background: rgba(0, 0, 0, 0.45);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.frosted-card {
  background: rgba(255, 255, 255, 0.72);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

@supports not ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))) {
  .glass-surface {
    background: rgba(244, 244, 242, 0.98);
  }

  .overlay-surface {
    background: rgba(0, 0, 0, 0.62);
  }

  .frosted-card {
    background: rgba(255, 255, 255, 0.88);
  }
}

.media-frame {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: inherit;
  background: #000;
}

.media-frame::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.media-frame > * {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100%;
}

.media-fill {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.media-contain {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.embed-frame {
  display: block;
  width: 100%;
  min-height: 22rem;
  height: min(70vh, 52rem);
  border: 0;
  background: white;
}

.smooth-card {
  transition:
    transform 560ms var(--ease-smooth),
    box-shadow 560ms var(--ease-smooth),
    border-color 360ms var(--ease-smooth),
    background-color 360ms var(--ease-smooth),
    filter 360ms var(--ease-smooth);
  will-change: transform, box-shadow;
  transform: translateZ(0);
}

.smooth-card:hover,
.smooth-card:focus-within {
  transform: translateY(-8px);
  box-shadow: var(--card-shadow-hover);
}

.smooth-card-soft {
  transition:
    transform 520ms var(--ease-smooth),
    box-shadow 520ms var(--ease-smooth),
    background-color 360ms var(--ease-smooth),
    border-color 360ms var(--ease-smooth);
  transform: translateZ(0);
}

.smooth-card-soft:hover,
.smooth-card-soft:focus-within {
  transform: translateY(-4px);
}

.smooth-card-media {
  transition:
    transform 900ms var(--ease-smooth),
    filter 500ms var(--ease-smooth),
    opacity 500ms var(--ease-smooth);
  transform: scale(1.001);
  will-change: transform;
}

.smooth-card:hover .smooth-card-media,
.smooth-card:focus-within .smooth-card-media,
.smooth-card-soft:hover .smooth-card-media,
.smooth-card-soft:focus-within .smooth-card-media {
  transform: scale(1.04);
  filter: saturate(1.03);
}

.smooth-card-content {
  transition:
    transform 520ms var(--ease-smooth),
    opacity 360ms var(--ease-smooth),
    color 360ms var(--ease-smooth);
}

.smooth-card:hover .smooth-card-content,
.smooth-card:focus-within .smooth-card-content,
.smooth-card-soft:hover .smooth-card-content,
.smooth-card-soft:focus-within .smooth-card-content {
  transform: translateY(-2px);
}

.smooth-button {
  transition:
    transform 420ms var(--ease-smooth),
    box-shadow 420ms var(--ease-smooth),
    background-color 320ms var(--ease-smooth),
    border-color 320ms var(--ease-smooth),
    color 320ms var(--ease-smooth),
    filter 320ms var(--ease-smooth);
}

.smooth-button:hover,
.smooth-button:focus-visible {
  transform: translateY(-2px);
}

:root {
  --sw-bg: #efefef;
  --sw-text: #545454;
  --sw-card: #ffffff;
  --sw-border: rgba(0, 0, 0, 0.06);
  --sw-shadow: 0 20px 45px rgba(0, 0, 0, 0.04);
  --sw-shadow-strong: 0 32px 80px rgba(86, 80, 59, 0.14);
  --sw-teal: #0e4f65;
  --sw-teal-dark: #24465a;
  --sw-yellow: #f5d315;
  --sw-muted: #858585;
}

html,
body {
  margin: 0;
  padding: 0;
  background: var(--sw-bg);
  color: var(--sw-text);
}

body {
  font-family: var(--font-body), Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading), var(--font-body), Arial, Helvetica, sans-serif;
  margin: 0;
}

p {
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

.sw-page-shell {
  min-height: 100vh;
  background: var(--sw-bg);
  color: var(--sw-text);
}

.sw-page-main {
  display: block;
}

.sw-site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid var(--sw-border);
  background: rgba(244, 244, 242, 0.92);
  -webkit-backdrop-filter: saturate(180%) blur(16px);
  backdrop-filter: saturate(180%) blur(16px);
}

.sw-site-header__inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 16px;
}

.sw-site-header__start,
.sw-site-header__actions {
  display: flex;
  align-items: center;
  min-width: 0;
}

.sw-site-header__start {
  gap: 10px;
}

.sw-site-header__actions {
  justify-self: end;
  justify-content: flex-end;
  gap: 4px;
  color: #666666;
}

.sw-site-header__actions > * + * {
  margin-left: 8px;
}

.sw-site-footer__social > * + * {
  margin-left: 20px;
}

.sw-mobile-nav__actions > * + * {
  margin-left: 0;
}

.sw-form__grid > * {
  min-width: 0;
}

.sw-site-header__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  width: 100%;
}

.sw-site-header__logo img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 48px;
  object-fit: contain;
}

.sw-site-header__nav {
  display: none;
  align-items: center;
  gap: 20px;
}

.sw-site-header__nav-link + .sw-site-header__nav-link {
  margin-left: 20px;
}

.sw-site-header__nav-link {
  font-size: 0.95rem;
  font-weight: 500;
  color: #6b6b6b;
  transition: color 0.25s ease;
}

.sw-site-header__nav-link:hover,
.sw-site-header__nav-link--active {
  color: #2e2e2e;
}

.sw-site-header__nav-link--active {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 10px;
}

.sw-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  padding: 8px;
  transition: background-color 0.25s ease, transform 0.25s ease;
}

.sw-icon-button:hover {
  background: rgba(0, 0, 0, 0.05);
}

.sw-account-pill {
  display: none;
  align-items: center;
  gap: 12px;
  min-width: 0;
  border: 1px solid var(--sw-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  padding: 8px 14px;
}

.sw-account-pill__content {
  min-width: 0;
  max-width: 180px;
  line-height: 1.2;
}

.sw-account-pill__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.9rem;
  font-weight: 700;
  color: #4c4c4c;
}

.sw-account-pill__meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  color: #8a8a8a;
}

.sw-mobile-nav {
  display: grid;
  gap: 4px;
  border-top: 1px solid var(--sw-border);
  padding: 16px;
  background: rgba(244, 244, 242, 0.95);
  -webkit-backdrop-filter: saturate(180%) blur(16px);
  backdrop-filter: saturate(180%) blur(16px);
}

.sw-mobile-nav__profile {
  margin-bottom: 12px;
  border-radius: 24px;
  background: #ffffff;
  padding: 16px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
}

.sw-mobile-nav__profile-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sw-mobile-nav__avatar {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--sw-teal);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
}

.sw-mobile-nav__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  color: #474747;
}

.sw-mobile-nav__email {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
  color: #868686;
}

.sw-mobile-nav__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.sw-mobile-nav__link,
.sw-mobile-nav__action,
.sw-mobile-nav__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  padding: 12px 16px;
  font-size: 0.95rem;
  font-weight: 600;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.sw-mobile-nav__link,
.sw-mobile-nav__item {
  color: #646464;
}

.sw-mobile-nav__item {
  justify-content: flex-start;
}

.sw-mobile-nav__item:hover,
.sw-mobile-nav__item--active,
.sw-mobile-nav__link:hover {
  background: rgba(255, 255, 255, 0.82);
  color: #2e2e2e;
}

.sw-mobile-nav__item--active {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
  font-weight: 700;
}

.sw-mobile-nav__link {
  border: 1px solid #d8d8d8;
  background: #ffffff;
  color: #4b4b4b;
}

.sw-mobile-nav__action {
  gap: 8px;
  border: 0;
  background: #f6e7e7;
  color: #8f3b3b;
}

.sw-search-overlay {
  position: fixed;
  inset: 0;
  z-index: 60;
  padding: 16px;
  background: rgba(0, 0, 0, 0.45);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.sw-search-overlay__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: transparent;
}

.sw-search-overlay__panel {
  position: relative;
  max-width: 768px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--sw-border);
  border-radius: 32px;
  background: #f6f5f1;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25);
}

.sw-search-overlay__head {
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--sw-border);
  padding: 16px 18px;
}

.sw-search-overlay__input {
  width: 100%;
  border: 0;
  background: transparent;
  font-size: 1rem;
  color: #4d4d4d;
  outline: none;
}

.sw-search-overlay__body {
  max-height: min(72vh, 42rem);
  overflow: auto;
  padding: 12px;
}

.sw-search-overlay__empty,
.sw-search-result {
  border-radius: 24px;
  background: #ffffff;
}

.sw-search-overlay__empty {
  padding: 20px;
  font-size: 0.95rem;
  color: #7d7d7d;
}

.sw-search-result-list {
  display: grid;
  gap: 12px;
}

.sw-search-result {
  width: 100%;
  border: 0;
  padding: 18px;
  text-align: left;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sw-search-result:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 30px rgba(0, 0, 0, 0.08);
}

.sw-search-result__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 0.72rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #9a9a9a;
}

.sw-search-result__title {
  margin-top: 8px;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.4;
  color: #4f4f4f;
}

.sw-search-result__text {
  margin-top: 8px;
  font-size: 0.95rem;
  line-height: 1.65;
  color: #787878;
}

.sw-site-footer {
  border-top: 1px solid var(--sw-border);
  background: #f4f4f2;
  padding: 48px 16px;
  text-align: center;
  color: #7b7b7b;
}

.sw-site-footer__social {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
}

.sw-site-footer__copy {
  font-size: 0.9rem;
}

.sw-static-hero,
.sw-hero-banner {
  position: relative;
  overflow: hidden;
}

.sw-static-hero__media,
.sw-hero-banner__media {
  position: relative;
  width: 100%;
}

.sw-static-hero__media {
  height: 18rem;
}

.sw-static-hero__media--catalog {
  background: #ebe6df;
  height: 17rem;
}

.sw-hero-banner__media {
  height: 33rem;
}

.sw-static-hero__overlay,
.sw-hero-banner__overlay {
  position: absolute;
  inset: 0;
}

.sw-hero-banner__overlay {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.25));
}

.sw-static-hero__media img,
.sw-hero-banner__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sw-product-section,
.sw-contact-section,
.sw-auth-section,
.sw-about-section {
  max-width: 1280px;
  margin: 0 auto;
  padding: 48px 16px;
}

.sw-contact-section,
.sw-auth-section {
  max-width: 768px;
}

.sw-auth-section {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.sw-product-section__title {
  margin-bottom: 32px;
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #595959;
}

.sw-product-grid {
  display: grid;
  gap: 32px;
}

.sw-product-card {
  height: 100%;
  min-width: 0;
}

.sw-product-card__link {
  display: flex;
  height: 100%;
  min-width: 0;
  flex-direction: column;
}

.sw-product-card__media {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 29px;
  box-shadow: var(--sw-shadow);
}

.sw-product-card__image-wrap {
  position: relative;
  overflow: hidden;
  aspect-ratio: 0.98 / 1;
}

.sw-product-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 18px 8px 20px;
  text-align: center;
}

.sw-product-card__description {
  max-width: 26rem;
  margin: 0 auto;
  font-size: 1.05rem;
  line-height: 1.8;
  color: #585858;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.sw-product-card__bottom {
  margin-top: auto;
  padding-top: 12px;
}

.sw-product-card__brand {
  font-size: 0.7rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #a7a7a7;
  overflow-wrap: anywhere;
}

.sw-product-card__price {
  margin-top: 8px;
  font-size: 2rem;
  font-weight: 500;
  color: #5b5b5b;
  overflow-wrap: anywhere;
}

.sw-guide-section {
  display: flex;
  justify-content: center;
  width: 100%;
  background: #cce3f5;
  padding: 48px 0;
}

.sw-guide-section__inner {
  width: 100%;
  max-width: 896px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  padding: 0 16px;
}

.sw-guide-section__title {
  width: 100%;
  max-width: 48rem;
  margin: 0 auto;
  text-align: center;
  font-size: 2rem;
  line-height: 1.25;
  color: var(--sw-teal-dark);
}

.sw-guide-section__card,
.sw-contact-card,
.sw-auth-card,
.sw-about-text,
.sw-about-media {
  border-radius: 32px;
  box-shadow: var(--sw-shadow);
}

.sw-guide-section__card,
.sw-contact-card,
.sw-auth-card {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.74);
  padding: 20px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.sw-auth-card {
  width: 100%;
  max-width: 40rem;
  margin: 0 auto;
  background: #ffffff;
  padding: 40px;
}

.sw-guide-section__card {
  max-width: 760px;
}

.sw-contact-card {
  background: rgba(255, 255, 255, 0.78);
}

.sw-auth-title {
  margin-bottom: 8px;
  font-size: 2.25rem;
  font-weight: 700;
  color: #575757;
}

.sw-auth-subtitle {
  margin-bottom: 32px;
  font-size: 1.125rem;
  line-height: 1.8;
  color: #858585;
}

.sw-auth-footer {
  margin-top: 24px;
  font-size: 0.95rem;
  color: #858585;
}

.sw-auth-footer a {
  font-weight: 700;
  color: var(--sw-teal);
}

.sw-status {
  width: 100%;
  margin: 0 0 20px;
  border-radius: 18px;
  padding: 14px 18px;
  font-size: 0.95rem;
  line-height: 1.6;
}

.sw-status--success {
  border: 1px solid #bbf7d0;
  background: #f0fdf4;
  color: #166534;
}

.sw-status--warning {
  border: 1px solid #fde68a;
  background: #fffbeb;
  color: #92400e;
}

.sw-status--error {
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

.sw-form {
  display: grid;
  width: 100%;
  gap: 20px;
}

.sw-form__grid {
  display: grid;
  width: 100%;
  gap: 16px;
}

.sw-form__error {
  border-radius: 16px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  padding: 14px 16px;
  font-size: 0.92rem;
  color: #b91c1c;
}

.sw-input,
.sw-textarea {
  display: block;
  width: 100%;
  border: 1px solid #d7dce2;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
  padding: 0 20px;
  font-size: 0.95rem;
  color: #4d4d4d;
  outline: none;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.sw-input {
  min-height: 56px;
}

.sw-textarea {
  min-height: 144px;
  resize: vertical;
  padding-top: 16px;
  padding-bottom: 16px;
}

.sw-input:focus,
.sw-textarea:focus,
.sw-search-overlay__input:focus {
  border-color: var(--sw-teal);
  box-shadow: 0 0 0 3px rgba(14, 79, 101, 0.12);
}

.sw-button {
  display: inline-flex;
  width: auto;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border: 0;
  border-radius: 999px;
  padding: 0 24px;
  font-size: 0.95rem;
  font-weight: 700;
  transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease;
}

.sw-button:hover:not(:disabled) {
  transform: translateY(-1px);
}

.sw-button:disabled {
  opacity: 0.6;
}

.sw-button--primary {
  background: var(--sw-yellow);
  color: #3b3b3b;
}

.sw-button--secondary {
  background: var(--sw-teal);
  color: #ffffff;
}

.sw-button--ghost {
  background: transparent;
  color: var(--sw-text);
}

.sw-button--outline {
  border: 1px solid #d9d9d9;
  background: #ffffff;
  color: #4d4d4d;
}

.sw-button--full {
  display: inline-flex;
  width: 100%;
}

.sw-about-grid {
  display: grid;
  gap: 48px;
}

.sw-about-block {
  display: grid;
  gap: 32px;
  align-items: center;
}

.sw-about-media {
  overflow: hidden;
  background: #ffffff;
}

.sw-about-media img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.sw-about-text {
  border: 1px solid rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.68);
  padding: 24px;
  font-size: 1.02rem;
  line-height: 2;
  color: #7c7c7c;
}

.sw-about-text__content {
  display: grid;
  gap: 20px;
}

@media (min-width: 640px) {
  .sw-site-header__inner {
    padding: 16px 24px;
  }

  .sw-site-header__logo img {
    height: 56px;
  }

  .sw-site-footer {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .sw-static-hero__media,
  .sw-static-hero__media--catalog {
    height: 26rem;
  }

  .sw-hero-banner__media {
    height: 38rem;
  }

  .sw-product-section,
  .sw-contact-section,
  .sw-auth-section,
  .sw-about-section {
    padding-left: 24px;
    padding-right: 24px;
  }

  .sw-product-section__title {
    margin-bottom: 40px;
    font-size: 2.4rem;
  }

  .sw-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sw-product-card__body {
    padding-top: 20px;
  }

  .sw-product-card__description {
    font-size: 1.08rem;
  }

  .sw-product-card__brand {
    font-size: 0.72rem;
  }

  .sw-guide-section,
  .sw-contact-section {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .sw-guide-section__inner {
    padding-left: 24px;
    padding-right: 24px;
  }

  .sw-guide-section__title {
    font-size: 2.35rem;
  }

  .sw-guide-section__card,
  .sw-contact-card {
    padding: 28px;
  }

  .sw-form__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .sw-about-text {
    padding: 32px;
    font-size: 1.08rem;
  }
}

@media (min-width: 768px) {
  .sw-mobile-nav__actions {
    gap: 12px;
  }

  .sw-auth-section {
    max-width: 640px;
  }
}

@media (min-width: 1024px) {
  .sw-site-header__inner {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-left: 32px;
    padding-right: 32px;
  }

  .sw-site-header__start {
    gap: 16px;
  }

  .sw-site-header__nav {
    display: flex;
  }

  .sw-account-pill {
    display: inline-flex;
  }

  .sw-mobile-only {
    display: none !important;
  }

  .sw-static-hero__media {
    height: 34rem;
  }

  .sw-static-hero__media--catalog {
    height: auto;
    aspect-ratio: 1925 / 1082;
    max-height: 48rem;
  }

  .sw-hero-banner__media {
    height: 42rem;
  }

  .sw-product-section,
  .sw-about-section {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .sw-contact-section,
  .sw-auth-section {
    padding-left: 32px;
    padding-right: 32px;
  }

  .sw-product-grid {
    gap: 40px;
  }

  .sw-about-grid {
    gap: 64px;
  }

  .sw-about-block {
    grid-template-columns: 0.94fr 1.06fr;
    gap: 64px;
  }

  .sw-about-block--reverse {
    grid-template-columns: 1.06fr 0.94fr;
  }

  .sw-about-block--reverse .sw-about-block__media {
    order: 2;
  }

  .sw-about-block--reverse .sw-about-block__text {
    order: 1;
  }
}

@media (min-width: 1280px) {
  .sw-site-header__nav {
    gap: 28px;
  }

  .sw-hero-banner__media {
    height: 46rem;
  }

  .sw-static-hero__media {
    height: 38rem;
  }

  .sw-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sw-product-section__title {
    font-size: 2.8rem;
  }
}

/* Auto-generated fallback utilities for legacy browsers. */
@keyframes sw-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@media (min-width: 1536px) {
  [class~="2xl:grid-cols-[minmax(0,1fr)_220px]"] {
    grid-template-columns: minmax(0,1fr) 220px;
  }
}
@media (min-width: 1536px) {
  [class~="2xl:px-10"] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
[class~="absolute"] {
  position: absolute;
}
[class~="animate-spin"] {
  animation: sw-spin 1s linear infinite;
}
[class~="antialiased"] {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class~="appearance-none"] {
  -webkit-appearance: none;
  appearance: none;
}
[class~="aspect-[0.98]"] {
  aspect-ratio: 0.98;
}
[class~="aspect-video"] {
  aspect-ratio: 16 / 9;
}
[class~="bg-[#0e4f65]"] {
  background-color: #0e4f65;
}
[class~="bg-[#cce3f5]"] {
  background-color: #cce3f5;
}
[class~="bg-[#dcecf2]"] {
  background-color: #dcecf2;
}
[class~="bg-[#e8edf0]"] {
  background-color: #e8edf0;
}
[class~="bg-[#e8f7ee]"] {
  background-color: #e8f7ee;
}
[class~="bg-[#e8f7ef]"] {
  background-color: #e8f7ef;
}
[class~="bg-[#ebe6df]"] {
  background-color: #ebe6df;
}
[class~="bg-[#ece9e2]"] {
  background-color: #ece9e2;
}
[class~="bg-[#edf2f5]"] {
  background-color: #edf2f5;
}
[class~="bg-[#edf8ff]"] {
  background-color: #edf8ff;
}
[class~="bg-[#eef7fb]"] {
  background-color: #eef7fb;
}
[class~="bg-[#eef8f2]"] {
  background-color: #eef8f2;
}
[class~="bg-[#efefef]"] {
  background-color: #efefef;
}
[class~="bg-[#eff6fa]"] {
  background-color: #eff6fa;
}
[class~="bg-[#f1f5f8]"] {
  background-color: #f1f5f8;
}
[class~="bg-[#f3f0ff]"] {
  background-color: #f3f0ff;
}
[class~="bg-[#f4f4f2]"] {
  background-color: #f4f4f2;
}
[class~="bg-[#f5d315]"] {
  background-color: #f5d315;
}
[class~="bg-[#f6e7e7]"] {
  background-color: #f6e7e7;
}
[class~="bg-[#f6f5f1]"] {
  background-color: #f6f5f1;
}
[class~="bg-[#f7f7f4]"] {
  background-color: #f7f7f4;
}
[class~="bg-[#f7f7f5]"] {
  background-color: #f7f7f5;
}
[class~="bg-[#f7fbfd]"] {
  background-color: #f7fbfd;
}
[class~="bg-[#f8fafc]"] {
  background-color: #f8fafc;
}
[class~="bg-[#f8fbfd]"] {
  background-color: #f8fbfd;
}
[class~="bg-[#f9fcfd]"] {
  background-color: #f9fcfd;
}
[class~="bg-[#faf9f6]"] {
  background-color: #faf9f6;
}
[class~="bg-[#fafafa]"] {
  background-color: #fafafa;
}
[class~="bg-[#fafbfc]"] {
  background-color: #fafbfc;
}
[class~="bg-[#fbe7e7]"] {
  background-color: #fbe7e7;
}
[class~="bg-[#fbfcfd]"] {
  background-color: #fbfcfd;
}
[class~="bg-[#fcfcfd]"] {
  background-color: #fcfcfd;
}
[class~="bg-[#fef3b0]"] {
  background-color: #fef3b0;
}
[class~="bg-[#fff3e2]"] {
  background-color: #fff3e2;
}
[class~="bg-[#fff7dc]"] {
  background-color: #fff7dc;
}
[class~="bg-[#fff7f7]"] {
  background-color: #fff7f7;
}
[class~="bg-[linear-gradient(135deg,#eef7fb_0%,#fffdf7_100%)]"] {
  background: linear-gradient(135deg,#eef7fb 0%,#fffdf7 100%);
}
[class~="bg-black"] {
  background-color: rgb(0, 0, 0);
}
[class~="bg-gradient-to-r"] {
  background-image: linear-gradient(to right, var(--sw-gradient-from, transparent), var(--sw-gradient-via, transparent), var(--sw-gradient-to, transparent));
}
[class~="bg-red-50"] {
  background-color: rgb(254, 242, 242);
}
[class~="bg-transparent"] {
  background-color: transparent;
}
[class~="bg-white"] {
  background-color: rgb(255, 255, 255);
}
[class~="bg-white/70"] {
  background-color: rgba(255, 255, 255, 0.7);
}
[class~="bg-white/80"] {
  background-color: rgba(255, 255, 255, 0.8);
}
[class~="bg-white/90"] {
  background-color: rgba(255, 255, 255, 0.9);
}
[class~="border"] {
  border-width: 1px;
  border-style: solid;
}
[class~="border-[#0e4f65]"] {
  border-color: #0e4f65;
}
[class~="border-[#c8d3da]"] {
  border-color: #c8d3da;
}
[class~="border-[#d5d5d5]"] {
  border-color: #d5d5d5;
}
[class~="border-[#d7dce2]"] {
  border-color: #d7dce2;
}
[class~="border-[#d7edf8]"] {
  border-color: #d7edf8;
}
[class~="border-[#d8d8d8]"] {
  border-color: #d8d8d8;
}
[class~="border-[#d9d9d9]"] {
  border-color: #d9d9d9;
}
[class~="border-[#dcdcdc]"] {
  border-color: #dcdcdc;
}
[class~="border-[#dedbd4]"] {
  border-color: #dedbd4;
}
[class~="border-[#e3e3e3]"] {
  border-color: #e3e3e3;
}
[class~="border-[#e7ebef]"] {
  border-color: #e7ebef;
}
[class~="border-[#e7f0f5]"] {
  border-color: #e7f0f5;
}
[class~="border-[#e8edf1]"] {
  border-color: #e8edf1;
}
[class~="border-[#e9e6de]"] {
  border-color: #e9e6de;
}
[class~="border-[#ebebeb]"] {
  border-color: #ebebeb;
}
[class~="border-[#ececec]"] {
  border-color: #ececec;
}
[class~="border-[#edf0f3]"] {
  border-color: #edf0f3;
}
[class~="border-[#efefef]"] {
  border-color: #efefef;
}
[class~="border-[#f0d6d6]"] {
  border-color: #f0d6d6;
}
[class~="border-b"] {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
[class~="border-black/5"] {
  border-color: rgba(0, 0, 0, 0.05);
}
[class~="border-dashed"] {
  border-style: dashed;
}
[class~="border-red-200"] {
  border-color: rgb(254, 202, 202);
}
[class~="border-t"] {
  border-top-width: 1px;
  border-top-style: solid;
}
[class~="border-transparent"] {
  border-color: transparent;
}
[class~="border-white/70"] {
  border-color: rgba(255, 255, 255, 0.7);
}
[class~="break-all"] {
  word-break: break-all;
}
[class~="break-words"] {
  overflow-wrap: break-word;
}
[class~="cursor-pointer"] {
  cursor: pointer;
}
[class~="disabled:opacity-50"]:disabled {
  opacity: 0.5;
}
[class~="disabled:pointer-events-none"]:disabled {
  pointer-events: none;
}
[class~="duration-300"] {
  transition-duration: 300ms;
}
[class~="fixed"] {
  position: fixed;
}
[class~="flex"] {
  display: flex;
}
[class~="flex-1"] {
  flex: 1 1 0%;
}
[class~="flex-col"] {
  flex-direction: column;
}
[class~="flex-none"] {
  flex: none;
}
[class~="flex-wrap"] {
  flex-wrap: wrap;
}
[class~="focus-visible:outline-none"]:focus-visible {
  outline: none;
}
[class~="focus-visible:ring-2"]:focus-visible {
  box-shadow: 0 0 0 2px var(--sw-ring-color, rgba(148, 163, 184, 0.45));
}
[class~="focus-visible:ring-slate-400"]:focus-visible {
  --sw-ring-color: rgba(148, 163, 184, 0.45);
}
[class~="focus:border-[#0e4f65]"]:focus {
  border-color: #0e4f65;
}
[class~="font-bold"] {
  font-weight: 700;
}
[class~="font-medium"] {
  font-weight: 500;
}
[class~="font-semibold"] {
  font-weight: 600;
}
[class~="from-black/12"] {
  --sw-gradient-from: rgba(0, 0, 0, 0.12);
}
[class~="gap-1"] {
  gap: 0.25rem;
}
[class~="gap-10"] {
  gap: 2.5rem;
}
[class~="gap-12"] {
  gap: 3rem;
}
[class~="gap-2"] {
  gap: 0.5rem;
}
[class~="gap-3"] {
  gap: 0.75rem;
}
[class~="gap-4"] {
  gap: 1rem;
}
[class~="gap-5"] {
  gap: 1.25rem;
}
[class~="gap-6"] {
  gap: 1.5rem;
}
[class~="gap-8"] {
  gap: 2rem;
}
[class~="grid"] {
  display: grid;
}
[class~="grid-cols-1"] {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
[class~="grid-cols-[auto_minmax(0,1fr)_auto]"] {
  grid-template-columns: auto minmax(0,1fr) auto;
}
.group:hover [class~="group-hover:text-[#3f3f3f]"] {
  color: #3f3f3f;
}
[class~="h-10"] {
  height: 2.5rem;
}
[class~="h-12"] {
  height: 3rem;
}
[class~="h-14"] {
  height: 3.5rem;
}
[class~="h-3"] {
  height: 0.75rem;
}
[class~="h-[17rem]"] {
  height: 17rem;
}
[class~="h-[18rem]"] {
  height: 18rem;
}
[class~="h-[28rem]"] {
  height: 28rem;
}
[class~="h-[33rem]"] {
  height: 33rem;
}
[class~="h-auto"] {
  height: auto;
}
[class~="h-full"] {
  height: 100%;
}
[class~="hidden"] {
  display: none;
}
[class~="hover:-translate-y-0.5"]:hover {
  transform: translateY(-0.125rem);
}
[class~="hover:bg-[#f7fbfd]"]:hover {
  background-color: #f7fbfd;
}
[class~="hover:bg-[#f8fafc]"]:hover {
  background-color: #f8fafc;
}
[class~="hover:bg-[#faf9f6]"]:hover {
  background-color: #faf9f6;
}
[class~="hover:bg-[#fafdfd]"]:hover {
  background-color: #fafdfd;
}
[class~="hover:bg-[#ffefb0]"]:hover {
  background-color: #ffefb0;
}
[class~="hover:bg-black/5"]:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
[class~="hover:bg-slate-50"]:hover {
  background-color: rgb(248, 250, 252);
}
[class~="hover:bg-white"]:hover {
  background-color: rgb(255, 255, 255);
}
[class~="hover:bg-white/60"]:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
[class~="hover:bg-white/80"]:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
[class~="hover:border-[#0e4f65]"]:hover {
  border-color: #0e4f65;
}
[class~="hover:border-[#9eb6c2]"]:hover {
  border-color: #9eb6c2;
}
[class~="hover:border-[#d7dce2]"]:hover {
  border-color: #d7dce2;
}
[class~="hover:border-[#dfe8ed]"]:hover {
  border-color: #dfe8ed;
}
[class~="hover:border-[#edf0f3]"]:hover {
  border-color: #edf0f3;
}
[class~="hover:brightness-110"]:hover {
  filter: brightness(1.1);
}
[class~="hover:brightness-95"]:hover {
  filter: brightness(0.95);
}
[class~="hover:shadow-lg"]:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
[class~="hover:text-[#2e2e2e]"]:hover {
  color: #2e2e2e;
}
[class~="inline-flex"] {
  display: inline-flex;
}
[class~="inset-0"] {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
[class~="items-center"] {
  align-items: center;
}
[class~="items-start"] {
  align-items: flex-start;
}
[class~="justify-between"] {
  justify-content: space-between;
}
[class~="justify-center"] {
  justify-content: center;
}
[class~="justify-end"] {
  justify-content: flex-end;
}
[class~="justify-self-center"] {
  justify-self: center;
}
[class~="justify-self-end"] {
  justify-self: end;
}
[class~="leading-10"] {
  line-height: 2.5rem;
}
[class~="leading-5"] {
  line-height: 1.25rem;
}
[class~="leading-6"] {
  line-height: 1.5rem;
}
[class~="leading-7"] {
  line-height: 1.75rem;
}
[class~="leading-8"] {
  line-height: 2rem;
}
[class~="leading-snug"] {
  line-height: 1.375;
}
[class~="leading-tight"] {
  line-height: 1.25;
}
@media (min-width: 1024px) {
  [class~="lg:aspect-[1925/1082]"] {
    aspect-ratio: 1925/1082;
  }
}
@media (min-width: 1024px) {
  [class~="lg:flex"] {
    display: flex;
  }
}
@media (min-width: 1024px) {
  [class~="lg:flex-row"] {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  [class~="lg:gap-16"] {
    gap: 4rem;
  }
}
@media (min-width: 1024px) {
  [class~="lg:gap-3"] {
    gap: 0.75rem;
  }
}
@media (min-width: 1024px) {
  [class~="lg:gap-4"] {
    gap: 1rem;
  }
}
@media (min-width: 1024px) {
  [class~="lg:grid-cols-2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  [class~="lg:grid-cols-3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  [class~="lg:grid-cols-[1.06fr_0.94fr]"] {
    grid-template-columns: 1.06fr 0.94fr;
  }
}
@media (min-width: 1024px) {
  [class~="lg:grid-cols-[1.15fr_0.85fr]"] {
    grid-template-columns: 1.15fr 0.85fr;
  }
}
@media (min-width: 1024px) {
  [class~="lg:grid-cols-[minmax(0,1.3fr)_minmax(320px,0.7fr)]"] {
    grid-template-columns: minmax(0,1.3fr) minmax(320px,0.7fr);
  }
}
@media (min-width: 1024px) {
  [class~="lg:grid-cols-[minmax(0,1fr)_auto_auto]"] {
    grid-template-columns: minmax(0,1fr) auto auto;
  }
}
@media (min-width: 1024px) {
  [class~="lg:grid-cols-[minmax(280px,0.34fr)_minmax(0,0.66fr)]"] {
    grid-template-columns: minmax(280px,0.34fr) minmax(0,0.66fr);
  }
}
@media (min-width: 1024px) {
  [class~="lg:grid-cols-[minmax(300px,360px)_minmax(0,1fr)]"] {
    grid-template-columns: minmax(300px,360px) minmax(0,1fr);
  }
}
@media (min-width: 1024px) {
  [class~="lg:h-[34rem]"] {
    height: 34rem;
  }
}
@media (min-width: 1024px) {
  [class~="lg:h-[42rem]"] {
    height: 42rem;
  }
}
@media (min-width: 1024px) {
  [class~="lg:h-auto"] {
    height: auto;
  }
}
@media (min-width: 1024px) {
  [class~="lg:hidden"] {
    display: none;
  }
}
@media (min-width: 1024px) {
  [class~="lg:items-center"] {
    align-items: center;
  }
}
@media (min-width: 1024px) {
  [class~="lg:justify-between"] {
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  [class~="lg:max-h-[48rem]"] {
    max-height: 48rem;
  }
}
@media (min-width: 1024px) {
  [class~="lg:object-center"] {
    object-position: center;
  }
}
@media (min-width: 1024px) {
  [class~="lg:px-8"] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px) {
  [class~="lg:py-14"] {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}
@media (min-width: 1024px) {
  [class~="lg:py-16"] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 1024px) {
  [class~="lg:py-20"] {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media (min-width: 1024px) {
  [class~="lg:self-start"] {
    align-self: flex-start;
  }
}
@media (min-width: 1024px) {
  [class~="lg:sticky"] {
    position: sticky;
  }
}
@media (min-width: 1024px) {
  [class~="lg:text-5xl"] {
    font-size: 3rem;
  }
}
@media (min-width: 1024px) {
  [class~="lg:text-[2.8rem]"] {
    font-size: 2.8rem;
  }
}
@media (min-width: 1024px) {
  [class~="lg:text-lg"] {
    font-size: 1.125rem;
  }
}
@media (min-width: 1024px) {
  [class~="lg:top-24"] {
    top: 6rem;
  }
}
[class~="line-clamp-2"] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
[class~="line-clamp-3"] {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
[class~="max-h-[min(62vh,42rem)]"] {
  max-height: min(62vh,42rem);
}
[class~="max-h-[min(72vh,42rem)]"] {
  max-height: min(72vh,42rem);
}
[class~="max-w-2xl"] {
  max-width: 42rem;
}
[class~="max-w-3xl"] {
  max-width: 48rem;
}
[class~="max-w-4xl"] {
  max-width: 56rem;
}
[class~="max-w-5xl"] {
  max-width: 64rem;
}
[class~="max-w-7xl"] {
  max-width: 80rem;
}
[class~="max-w-[1720px]"] {
  max-width: 1720px;
}
[class~="max-w-[180px]"] {
  max-width: 180px;
}
[class~="max-w-[320px]"] {
  max-width: 320px;
}
[class~="max-w-full"] {
  max-width: 100%;
}
[class~="max-w-sm"] {
  max-width: 24rem;
}
[class~="max-w-xl"] {
  max-width: 36rem;
}
[class~="mb-2"] {
  margin-bottom: 0.5rem;
}
[class~="mb-3"] {
  margin-bottom: 0.75rem;
}
[class~="mb-4"] {
  margin-bottom: 1rem;
}
[class~="mb-5"] {
  margin-bottom: 1.25rem;
}
[class~="mb-6"] {
  margin-bottom: 1.5rem;
}
[class~="mb-8"] {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  [class~="md:col-span-2"] {
    grid-column: span 2 / span 2;
  }
}
@media (min-width: 768px) {
  [class~="md:flex-row"] {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  [class~="md:grid-cols-2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  [class~="md:grid-cols-3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  [class~="md:grid-cols-[minmax(0,1fr)_120px]"] {
    grid-template-columns: minmax(0,1fr) 120px;
  }
}
@media (min-width: 768px) {
  [class~="md:h-16"] {
    height: 4rem;
  }
}
@media (min-width: 768px) {
  [class~="md:h-[30rem]"] {
    height: 30rem;
  }
}
@media (min-width: 768px) {
  [class~="md:items-center"] {
    align-items: center;
  }
}
@media (min-width: 768px) {
  [class~="md:justify-between"] {
    justify-content: space-between;
  }
}
[class~="min-h-28"] {
  min-height: 7rem;
}
[class~="min-h-36"] {
  min-height: 9rem;
}
[class~="min-h-40"] {
  min-height: 10rem;
}
[class~="min-w-0"] {
  min-width: 0;
}
[class~="min-w-[280px]"] {
  min-width: 280px;
}
[class~="ml-2"] {
  margin-left: 0.5rem;
}
[class~="mr-2"] {
  margin-right: 0.5rem;
}
[class~="mt-0.5"] {
  margin-top: 0.125rem;
}
[class~="mt-1"] {
  margin-top: 0.25rem;
}
[class~="mt-10"] {
  margin-top: 2.5rem;
}
[class~="mt-2"] {
  margin-top: 0.5rem;
}
[class~="mt-3"] {
  margin-top: 0.75rem;
}
[class~="mt-4"] {
  margin-top: 1rem;
}
[class~="mt-5"] {
  margin-top: 1.25rem;
}
[class~="mt-6"] {
  margin-top: 1.5rem;
}
[class~="mt-8"] {
  margin-top: 2rem;
}
[class~="mt-auto"] {
  margin-top: auto;
}
[class~="mx-auto"] {
  margin-left: auto;
  margin-right: auto;
}
[class~="object-[35%_center]"] {
  object-position: 35% center;
}
[class~="object-center"] {
  object-position: center;
}
[class~="object-contain"] {
  object-fit: contain;
}
[class~="object-cover"] {
  object-fit: cover;
}
[class~="outline-none"] {
  outline: none;
}
[class~="overflow-hidden"] {
  overflow: hidden;
}
[class~="overflow-x-auto"] {
  overflow-x: auto;
}
[class~="p-10"] {
  padding: 2.5rem;
}
[class~="p-2"] {
  padding: 0.5rem;
}
[class~="p-3"] {
  padding: 0.75rem;
}
[class~="p-4"] {
  padding: 1rem;
}
[class~="p-5"] {
  padding: 1.25rem;
}
[class~="p-6"] {
  padding: 1.5rem;
}
[class~="p-8"] {
  padding: 2rem;
}
[class~="pb-2"] {
  padding-bottom: 0.5rem;
}
[class~="pl-2"] {
  padding-left: 0.5rem;
}
[class~="placeholder:text-[#9a9a9a]"]::placeholder {
  color: #9a9a9a;
}
[class~="pt-3"] {
  padding-top: 0.75rem;
}
[class~="px-2"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
[class~="px-2.5"] {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
[class~="px-3"] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
[class~="px-4"] {
  padding-left: 1rem;
  padding-right: 1rem;
}
[class~="px-5"] {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
[class~="px-6"] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
[class~="px-7"] {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
[class~="py-1"] {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
[class~="py-1.5"] {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
[class~="py-10"] {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
[class~="py-12"] {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
[class~="py-14"] {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
[class~="py-16"] {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
[class~="py-2"] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
[class~="py-20"] {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
[class~="py-3"] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
[class~="py-4"] {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
[class~="py-5"] {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
[class~="py-6"] {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
[class~="relative"] {
  position: relative;
}
[class~="rounded-2xl"] {
  border-radius: 1rem;
}
[class~="rounded-3xl"] {
  border-radius: 1.5rem;
}
[class~="rounded-[1.25rem]"] {
  border-radius: 1.25rem;
}
[class~="rounded-[1.35rem]"] {
  border-radius: 1.35rem;
}
[class~="rounded-[1.4rem]"] {
  border-radius: 1.4rem;
}
[class~="rounded-[1.5rem]"] {
  border-radius: 1.5rem;
}
[class~="rounded-[1.6rem]"] {
  border-radius: 1.6rem;
}
[class~="rounded-[1.75rem]"] {
  border-radius: 1.75rem;
}
[class~="rounded-[1.8rem]"] {
  border-radius: 1.8rem;
}
[class~="rounded-[2rem]"] {
  border-radius: 2rem;
}
[class~="rounded-full"] {
  border-radius: 9999px;
}
[class~="rounded-xl"] {
  border-radius: 0.75rem;
}
[class~="shadow-2xl"] {
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
}
[class~="shadow-[0_10px_24px_rgba(14,79,101,0.08)]"] {
  box-shadow: 0 10px 24px rgba(14,79,101,0.08);
}
[class~="shadow-[0_10px_30px_rgba(14,79,101,0.12)]"] {
  box-shadow: 0 10px 30px rgba(14,79,101,0.12);
}
[class~="shadow-[0_18px_38px_rgba(0,0,0,0.05)]"] {
  box-shadow: 0 18px 38px rgba(0,0,0,0.05);
}
[class~="shadow-[0_20px_45px_rgba(0,0,0,0.04)]"] {
  box-shadow: 0 20px 45px rgba(0,0,0,0.04);
}
[class~="shadow-[0_20px_45px_rgba(0,0,0,0.08)]"] {
  box-shadow: 0 20px 45px rgba(0,0,0,0.08);
}
[class~="shadow-[0_25px_50px_rgba(0,0,0,0.12)]"] {
  box-shadow: 0 25px 50px rgba(0,0,0,0.12);
}
[class~="shadow-sm"] {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
[class~="shrink-0"] {
  flex-shrink: 0;
}
[class~="size-10"] {
  width: 2.5rem;
  height: 2.5rem;
}
[class~="size-11"] {
  width: 2.75rem;
  height: 2.75rem;
}
[class~="size-12"] {
  width: 3rem;
  height: 3rem;
}
[class~="size-16"] {
  width: 4rem;
  height: 4rem;
}
[class~="size-4"] {
  width: 1rem;
  height: 1rem;
}
[class~="size-5"] {
  width: 1.25rem;
  height: 1.25rem;
}
[class~="size-6"] {
  width: 1.5rem;
  height: 1.5rem;
}
[class~="size-7"] {
  width: 1.75rem;
  height: 1.75rem;
}
[class~="size-8"] {
  width: 2rem;
  height: 2rem;
}
@media (min-width: 640px) {
  [class~="sm:flex-row"] {
    flex-direction: row;
  }
}
@media (min-width: 640px) {
  [class~="sm:gap-2"] {
    gap: 0.5rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:gap-5"] {
    gap: 1.25rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:gap-6"] {
    gap: 1.5rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:grid-cols-2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 640px) {
  [class~="sm:grid-cols-3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 640px) {
  [class~="sm:h-14"] {
    height: 3.5rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:h-[24rem]"] {
    height: 24rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:h-[26rem]"] {
    height: 26rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:h-[38rem]"] {
    height: 38rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:items-center"] {
    align-items: center;
  }
}
@media (min-width: 640px) {
  [class~="sm:items-end"] {
    align-items: flex-end;
  }
}
@media (min-width: 640px) {
  [class~="sm:justify-between"] {
    justify-content: space-between;
  }
}
@media (min-width: 640px) {
  [class~="sm:justify-center"] {
    justify-content: center;
  }
}
@media (min-width: 640px) {
  [class~="sm:max-w-md"] {
    max-width: 28rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:mb-10"] {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:min-w-[320px]"] {
    min-width: 320px;
  }
}
@media (min-width: 640px) {
  [class~="sm:p-10"] {
    padding: 2.5rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:p-6"] {
    padding: 1.5rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:p-7"] {
    padding: 1.75rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:p-8"] {
    padding: 2rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:px-3"] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:px-4"] {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:px-5"] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:px-6"] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:py-12"] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:py-14"] {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:py-5"] {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:py-6"] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:size-6"] {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:text-3xl"] {
    font-size: 1.875rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:text-4xl"] {
    font-size: 2.25rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:text-[1.05rem]"] {
    font-size: 1.05rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:text-[11px]"] {
    font-size: 11px;
  }
}
@media (min-width: 640px) {
  [class~="sm:text-[2.4rem]"] {
    font-size: 2.4rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:text-[2rem]"] {
    font-size: 2rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:text-base"] {
    font-size: 1rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:text-lg"] {
    font-size: 1.125rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:text-sm"] {
    font-size: 0.875rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:text-xs"] {
    font-size: 0.75rem;
  }
}
@media (min-width: 640px) {
  [class~="sm:tracking-[0.22em]"] {
    letter-spacing: 0.22em;
  }
}
@media (min-width: 640px) {
  [class~="sm:w-[320px]"] {
    width: 320px;
  }
}
[class~="snap-mandatory"] {
  --sw-scroll-snap-strictness: mandatory;
}
[class~="snap-start"] {
  scroll-snap-align: start;
}
[class~="snap-x"] {
  scroll-snap-type: x var(--sw-scroll-snap-strictness, proximity);
}
[class~="sticky"] {
  position: sticky;
}
[class~="text-2xl"] {
  font-size: 1.5rem;
}
[class~="text-3xl"] {
  font-size: 1.875rem;
}
[class~="text-4xl"] {
  font-size: 2.25rem;
}
[class~="text-5xl"] {
  font-size: 3rem;
}
[class~="text-[#0e4f65]"] {
  color: #0e4f65;
}
[class~="text-[#0e7a43]"] {
  color: #0e7a43;
}
[class~="text-[#24465a]"] {
  color: #24465a;
}
[class~="text-[#257648]"] {
  color: #257648;
}
[class~="text-[#2b7c4d]"] {
  color: #2b7c4d;
}
[class~="text-[#2e2e2e]"] {
  color: #2e2e2e;
}
[class~="text-[#3b3b3b]"] {
  color: #3b3b3b;
}
[class~="text-[#474747]"] {
  color: #474747;
}
[class~="text-[#4b4b4b]"] {
  color: #4b4b4b;
}
[class~="text-[#4c4c4c]"] {
  color: #4c4c4c;
}
[class~="text-[#4d4d4d]"] {
  color: #4d4d4d;
}
[class~="text-[#4f4f4f]"] {
  color: #4f4f4f;
}
[class~="text-[#545454]"] {
  color: #545454;
}
[class~="text-[#575757]"] {
  color: #575757;
}
[class~="text-[#585858]"] {
  color: #585858;
}
[class~="text-[#595959]"] {
  color: #595959;
}
[class~="text-[#5b5b5b]"] {
  color: #5b5b5b;
}
[class~="text-[#5d5d5d]"] {
  color: #5d5d5d;
}
[class~="text-[#627480]"] {
  color: #627480;
}
[class~="text-[#646464]"] {
  color: #646464;
}
[class~="text-[#666666]"] {
  color: #666666;
}
[class~="text-[#666]"] {
  color: #666;
}
[class~="text-[#66737d]"] {
  color: #66737d;
}
[class~="text-[#6a6a6a]"] {
  color: #6a6a6a;
}
[class~="text-[#6b6b6b]"] {
  color: #6b6b6b;
}
[class~="text-[#6b7a86]"] {
  color: #6b7a86;
}
[class~="text-[#6d53b1]"] {
  color: #6d53b1;
}
[class~="text-[#6f6f6f]"] {
  color: #6f6f6f;
}
[class~="text-[#6f7c83]"] {
  color: #6f7c83;
}
[class~="text-[#757575]"] {
  color: #757575;
}
[class~="text-[#777777]"] {
  color: #777777;
}
[class~="text-[#787878]"] {
  color: #787878;
}
[class~="text-[#7b7b7b]"] {
  color: #7b7b7b;
}
[class~="text-[#7c7c7c]"] {
  color: #7c7c7c;
}
[class~="text-[#7d7d7d]"] {
  color: #7d7d7d;
}
[class~="text-[#7e3c3c]"] {
  color: #7e3c3c;
}
[class~="text-[#7e7e7e]"] {
  color: #7e7e7e;
}
[class~="text-[#7f7f7f]"] {
  color: #7f7f7f;
}
[class~="text-[#808080]"] {
  color: #808080;
}
[class~="text-[#818181]"] {
  color: #818181;
}
[class~="text-[#828282]"] {
  color: #828282;
}
[class~="text-[#858585]"] {
  color: #858585;
}
[class~="text-[#868686]"] {
  color: #868686;
}
[class~="text-[#888888]"] {
  color: #888888;
}
[class~="text-[#8a6b00]"] {
  color: #8a6b00;
}
[class~="text-[#8a8a8a]"] {
  color: #8a8a8a;
}
[class~="text-[#8aa5b0]"] {
  color: #8aa5b0;
}
[class~="text-[#8b8b8b]"] {
  color: #8b8b8b;
}
[class~="text-[#8da3b0]"] {
  color: #8da3b0;
}
[class~="text-[#8e8e8e]"] {
  color: #8e8e8e;
}
[class~="text-[#8f3b3b]"] {
  color: #8f3b3b;
}
[class~="text-[#8f8f8f]"] {
  color: #8f8f8f;
}
[class~="text-[#949494]"] {
  color: #949494;
}
[class~="text-[#9a9a9a]"] {
  color: #9a9a9a;
}
[class~="text-[#9b4242]"] {
  color: #9b4242;
}
[class~="text-[#9b9b9b]"] {
  color: #9b9b9b;
}
[class~="text-[#9ba6ab]"] {
  color: #9ba6ab;
}
[class~="text-[#9c7171]"] {
  color: #9c7171;
}
[class~="text-[#9d9d9d]"] {
  color: #9d9d9d;
}
[class~="text-[#a0a0a0]"] {
  color: #a0a0a0;
}
[class~="text-[#a1a1a1]"] {
  color: #a1a1a1;
}
[class~="text-[#a4a4a4]"] {
  color: #a4a4a4;
}
[class~="text-[#a7a7a7]"] {
  color: #a7a7a7;
}
[class~="text-[#adadad]"] {
  color: #adadad;
}
[class~="text-[#b06400]"] {
  color: #b06400;
}
[class~="text-[#b28a4b]"] {
  color: #b28a4b;
}
[class~="text-[0.98rem]"] {
  font-size: 0.98rem;
}
[class~="text-[1.7rem]"] {
  font-size: 1.7rem;
}
[class~="text-[10px]"] {
  font-size: 10px;
}
[class~="text-[11px]"] {
  font-size: 11px;
}
[class~="text-[2rem]"] {
  font-size: 2rem;
}
[class~="text-base"] {
  font-size: 1rem;
}
[class~="text-center"] {
  text-align: center;
}
[class~="text-left"] {
  text-align: left;
}
[class~="text-lg"] {
  font-size: 1.125rem;
}
[class~="text-red-600"] {
  color: rgb(220, 38, 38);
}
[class~="text-red-700"] {
  color: rgb(185, 28, 28);
}
[class~="text-right"] {
  text-align: right;
}
[class~="text-sm"] {
  font-size: 0.875rem;
}
[class~="text-white"] {
  color: rgb(255, 255, 255);
}
[class~="text-xl"] {
  font-size: 1.25rem;
}
[class~="text-xs"] {
  font-size: 0.75rem;
}
[class~="to-black/25"] {
  --sw-gradient-to: rgba(0, 0, 0, 0.25);
}
[class~="top-0"] {
  top: 0;
}
[class~="tracking-[0.16em]"] {
  letter-spacing: 0.16em;
}
[class~="tracking-[0.18em]"] {
  letter-spacing: 0.18em;
}
[class~="tracking-[0.22em]"] {
  letter-spacing: 0.22em;
}
[class~="tracking-[0.24em]"] {
  letter-spacing: 0.24em;
}
[class~="tracking-[0.25em]"] {
  letter-spacing: 0.25em;
}
[class~="tracking-[0.2em]"] {
  letter-spacing: 0.2em;
}
[class~="tracking-[0.3em]"] {
  letter-spacing: 0.3em;
}
[class~="tracking-wide"] {
  letter-spacing: 0.025em;
}
[class~="transition"] {
  transition-property: all;
  transition-duration: 150ms;
  transition-timing-function: ease;
}
[class~="transition-all"] {
  transition-property: all;
  transition-duration: 150ms;
  transition-timing-function: ease;
}
[class~="transition-colors"] {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 150ms;
  transition-timing-function: ease;
}
[class~="truncate"] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[class~="uppercase"] {
  text-transform: uppercase;
}
[class~="via-transparent"] {
  --sw-gradient-via: transparent;
}
[class~="w-[min(82vw,320px)]"] {
  width: min(82vw,320px);
}
[class~="w-auto"] {
  width: auto;
}
[class~="w-full"] {
  width: 100%;
}
[class~="whitespace-pre-line"] {
  white-space: pre-line;
}
@media (min-width: 1280px) {
  [class~="xl:col-span-2"] {
    grid-column: span 2 / span 2;
  }
}
@media (min-width: 1280px) {
  [class~="xl:flex-row"] {
    flex-direction: row;
  }
}
@media (min-width: 1280px) {
  [class~="xl:gap-10"] {
    gap: 2.5rem;
  }
}
@media (min-width: 1280px) {
  [class~="xl:gap-7"] {
    gap: 1.75rem;
  }
}
@media (min-width: 1280px) {
  [class~="xl:grid-cols-2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  [class~="xl:grid-cols-3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  [class~="xl:grid-cols-[minmax(260px,280px)_minmax(0,0.95fr)_minmax(0,1.05fr)]"] {
    grid-template-columns: minmax(260px,280px) minmax(0,0.95fr) minmax(0,1.05fr);
  }
}
@media (min-width: 1280px) {
  [class~="xl:h-[38rem]"] {
    height: 38rem;
  }
}
@media (min-width: 1280px) {
  [class~="xl:h-[46rem]"] {
    height: 46rem;
  }
}
@media (min-width: 1280px) {
  [class~="xl:items-start"] {
    align-items: flex-start;
  }
}
@media (min-width: 1280px) {
  [class~="xl:justify-between"] {
    justify-content: space-between;
  }
}
@media (min-width: 1280px) {
  [class~="xl:justify-end"] {
    justify-content: flex-end;
  }
}
@media (min-width: 1280px) {
  [class~="xl:max-h-[calc(100dvh-8rem)]"] {
    max-height: calc(100dvh-8rem);
  }
}
@media (min-width: 1280px) {
  [class~="xl:max-w-[320px]"] {
    max-width: 320px;
  }
}
@media (min-width: 1280px) {
  [class~="xl:overflow-hidden"] {
    overflow: hidden;
  }
}
@media (min-width: 1280px) {
  [class~="xl:overflow-y-auto"] {
    overflow-y: auto;
  }
}
@media (min-width: 1280px) {
  [class~="xl:sticky"] {
    position: sticky;
  }
}
@media (min-width: 1280px) {
  [class~="xl:text-base"] {
    font-size: 1rem;
  }
}
@media (min-width: 1280px) {
  [class~="xl:top-24"] {
    top: 6rem;
  }
}
[class~="z-50"] {
  z-index: 50;
}
[class~="z-[60]"] {
  z-index: 60;
}