@charset "UTF-8";

/* apps/web/src/styles.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: #FAF8F4;
  font-family:
    "Plus Jakarta Sans",
    system-ui,
    sans-serif;
  color: #1A1713;
  -webkit-font-smoothing: antialiased;
}
:root {
  --serif:
    "Cormorant Garamond",
    Georgia,
    serif;
  --sans:
    "Plus Jakarta Sans",
    system-ui,
    sans-serif;
  --bg: #FAF8F4;
  --sand: #F2EDE3;
  --dark: #1A1713;
  --dark2: #22201B;
  --inv: #F9F6F1;
  --minv: #9B9186;
  --minv2: #6A6560;
  --muted: #7A7469;
  --muted2: #B8B0A6;
  --acc: #B08947;
  --accl: #F0E5CE;
  --accm: #C9993E;
  --brd: #E8E2D8;
  --brd2: #EDE8DF;
  --brdk: #2E2925;
}
.wl-container {
  max-width: 920px;
  margin: 0 auto;
  padding-left: clamp(16px, 4vw, 40px);
  padding-right: clamp(16px, 4vw, 40px);
}
.wl-admin-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(250, 248, 244, 0.97);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--brd);
  height: 58px;
  display: flex;
  align-items: center;
}
.wl-admin-nav .wl-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wl-brand {
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 500;
  color: var(--dark);
  letter-spacing: 0.02em;
}
.wl-nav-back {
  font-family: var(--sans);
  font-size: 14px;
  color: var(--muted);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
}
.wl-page-head {
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  padding: 18px 0;
}
.wl-page-head .wl-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.wl-page-title {
  font-family: var(--sans);
  font-size: 19px;
  font-weight: 700;
  color: var(--dark);
  margin: 0 0 2px;
}
.wl-page-sub {
  font-family: var(--sans);
  font-size: 13px;
  color: var(--muted);
  margin: 0;
}
.wl-admin-main {
  padding-top: 28px;
  padding-bottom: 100px;
}
.wl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 700;
  border: none;
  border-radius: 10px;
  padding: 10px 22px;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.wl-btn:disabled {
  opacity: 0.6;
  cursor: default;
}
.wl-btn-acc {
  background: var(--acc);
  color: #fff;
}
.wl-btn-dark {
  background: var(--dark);
  color: var(--inv);
}
.wl-btn-outline {
  background: transparent;
  border: 1px solid #e5e7eb;
  color: #9ca3af;
  padding: 10px;
}
.wl-badge {
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  border-radius: 999px;
  padding: 5px 12px;
}
.wl-badge-live {
  color: #059669;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
}
.wl-badge-demo {
  color: #92400e;
  background: #fffbeb;
  border: 1px solid #fde68a;
}
.wl-error-box {
  font-family: var(--sans);
  font-size: 14px;
  color: #b91c1c;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 10px;
  padding: 14px 16px;
}
.wl-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
}
.wl-kicker {
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--muted);
  margin: 0 0 10px;
}
.wl-muted-note {
  font-family: var(--sans);
  font-size: 14px;
  color: var(--muted);
}
.wl-icon-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: opacity 0.15s;
}
.wl-icon-btn:hover {
  opacity: 0.65;
}
.wl-section {
  padding: clamp(56px, 7vh, 88px) 0;
}
.wl-inner {
  margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 48px);
}
.wl-nav-links {
  display: flex;
  align-items: center;
  gap: 28px;
}
.wl-hamburger {
  display: none;
}
.wl-mobile-menu {
  display: none;
}
.wl-hero-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 48px;
}
.wl-hero-text {
  flex: 1.15;
  min-width: 300px;
}
.wl-hero-phone {
  flex: 0 0 auto;
}
.wl-2col {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.wl-2col > * {
  flex: 1;
  min-width: 280px;
}
.wl-3col {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.wl-3col > * {
  flex: 1;
  min-width: 240px;
}
.wl-4col {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}
.wl-4col > * {
  flex: 1;
  min-width: 200px;
}
.wl-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
.wl-steps > * {
  flex: 1;
  min-width: 180px;
  padding: 0 20px 0 0;
}
.wl-steps > *:last-child {
  padding-right: 0;
}
.wl-dj-viewport {
  overflow: visible;
}
.wl-dj-track {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(24px, 4vw, 48px);
  justify-content: center;
  align-items: flex-start;
}
.wl-dj-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wl-dj-controls {
  display: none;
}
.wl-doc-grid {
  display: flex;
  gap: 56px;
  align-items: flex-start;
}
.wl-doc-toc {
  flex: 0 0 226px;
  position: sticky;
  top: 92px;
}
.wl-doc-body {
  flex: 1;
  min-width: 0;
  max-width: 720px;
}
.wl-prose p {
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.75;
  color: var(--muted);
  margin: 0 0 14px;
}
.wl-prose p:last-child {
  margin-bottom: 0;
}
.wl-prose ul {
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.8;
  color: var(--muted);
  margin: 0;
  padding-left: 22px;
}
.wl-prose strong {
  color: var(--dark);
  font-weight: 600;
}
.wl-prose a {
  color: var(--acc);
  text-decoration: none;
  font-weight: 600;
}
.wl-contact-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
  align-items: flex-start;
}
.wl-contact-form {
  flex: 1.3;
  min-width: 320px;
}
.wl-contact-side {
  flex: 1;
  min-width: 280px;
}
.wl-form-row {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.wl-form-row > * {
  flex: 1;
  min-width: 160px;
}
@media (max-width: 720px) {
  .wl-nav-links {
    display: none;
  }
  .wl-hamburger {
    display: flex;
  }
  .wl-mobile-menu {
    display: block;
  }
  .wl-hero-phone {
    min-width: 100%;
    display: flex;
    justify-content: center;
    padding: 36px 56px 56px !important;
  }
  .wl-hero-phone .wl-phone-inner {
    width: min(228px, 62vw) !important;
  }
  .wl-lboard {
    left: -28px !important;
    bottom: -12px !important;
    width: 138px !important;
  }
  .wl-steps > * {
    min-width: 100%;
    padding: 0 0 20px 0;
  }
  .wl-hero-grid {
    gap: 32px;
  }
  .wl-dj-viewport {
    overflow: hidden;
  }
  .wl-dj-track {
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 0;
    transition: transform 0.35s ease;
    will-change: transform;
  }
  .wl-dj-slide {
    flex: 0 0 100%;
    width: 100%;
    -webkit-user-select: none;
    user-select: none;
  }
  .wl-dj-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 28px;
  }
  .wl-dj-controls button[disabled] {
    opacity: 0.35;
    cursor: default;
  }
}
@media (max-width: 860px) {
  .wl-doc-toc {
    display: none;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */