/* src/styles.scss */
:root {
  --zuko-primary: #1f6f68;
  --zuko-primary-soft: #4fa89e;
  --zuko-primary-dark: #15524d;
  --zuko-background: #fff9f4;
  --zuko-background-soft: #faf4ee;
  --zuko-sand: #f5ede4;
  --zuko-cream: #fffaf3;
  --zuko-surface: rgba(255, 250, 245, 0.92);
  --zuko-surface-strong: #ffffff;
  --zuko-text: #1f2937;
  --zuko-ink: #1f2937;
  --zuko-muted: #6b7280;
  --zuko-border: rgba(132, 99, 73, 0.18);
  --zuko-border-strong: rgba(132, 99, 73, 0.28);
  --zuko-teal: #1f6f68;
  --zuko-green: #4fa89e;
  --zuko-orange: #e98768;
  --zuko-gold: #d99b20;
  --zuko-blue: #5d83d8;
  --zuko-purple: #8b6fc7;
  --zuko-teal-soft: rgba(31, 111, 104, 0.1);
  --zuko-green-soft: rgba(79, 168, 158, 0.13);
  --zuko-orange-soft: rgba(233, 135, 104, 0.14);
  --zuko-gold-soft: rgba(217, 155, 32, 0.13);
  --zuko-blue-soft: rgba(93, 131, 216, 0.12);
  --zuko-purple-soft: rgba(139, 111, 199, 0.12);
  --zuko-shadow-sm: 0 8px 22px rgba(62, 45, 30, 0.045);
  --zuko-shadow-md: 0 16px 42px rgba(62, 45, 30, 0.075);
  --zuko-shadow-lg: 0 28px 72px rgba(62, 45, 30, 0.12);
  --zuko-radius-sm: 14px;
  --zuko-radius-md: 20px;
  --zuko-radius-lg: 30px;
  --zuko-radius-xl: 40px;
}
* {
  box-sizing: border-box;
}
html {
  background: var(--zuko-background);
}
body {
  margin: 0;
  background:
    radial-gradient(
      circle at 85% 8%,
      rgba(31, 111, 104, 0.08),
      transparent 26%),
    radial-gradient(
      circle at 10% 28%,
      rgba(233, 135, 104, 0.08),
      transparent 24%),
    var(--zuko-background);
  color: var(--zuko-text);
  font-family:
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}
a {
  color: inherit;
}
.container {
  width: min(1120px, 100% - 32px);
  margin: 0 auto;
}
.page {
  padding: 48px 0;
}
.card {
  background: var(--zuko-surface);
  border: 1px solid var(--zuko-border);
  border-radius: var(--zuko-radius-lg);
  box-shadow: var(--zuko-shadow-md);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 46px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--zuko-primary);
  color: #ffffff;
  text-decoration: none;
  font-weight: 850;
  box-shadow: 0 12px 26px rgba(31, 111, 104, 0.18);
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    background 160ms ease;
}
.btn:hover {
  background: var(--zuko-primary-dark);
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(31, 111, 104, 0.22);
}
.btn--ghost {
  background: rgba(255, 255, 255, 0.64);
  color: var(--zuko-primary);
  border-color: var(--zuko-border);
  box-shadow: none;
}
.btn--ghost:hover {
  background: rgba(31, 111, 104, 0.08);
  box-shadow: none;
}
input,
select,
textarea {
  font: inherit;
}
.page-hero {
  padding: 64px 0 36px;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 78% 18%,
      rgba(31, 111, 104, 0.12),
      transparent 30%),
    radial-gradient(
      circle at 12% 92%,
      rgba(233, 135, 104, 0.1),
      transparent 26%);
}
.page-hero .container {
  position: relative;
}
.eyebrow {
  margin: 0 0 14px;
  color: var(--zuko-primary);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.page-title {
  max-width: 14ch;
  margin: 0;
  color: var(--zuko-ink);
  font-size: clamp(2.6rem, 6vw, 5.4rem);
  line-height: 0.94;
  letter-spacing: -0.075em;
}
.page-intro {
  max-width: 72ch;
  margin: 24px 0 0;
  color: var(--zuko-muted);
  font-size: 1.12rem;
  line-height: 1.65;
}
@media (max-width: 760px) {
  .page-hero {
    padding-top: 44px;
  }
  .page-title {
    max-width: 13ch;
  }
}
.badge-icon {
  display: inline-flex;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: var(--zuko-primary);
  font-weight: 900;
  margin-bottom: 14px;
}
main {
  animation: page-fade-in 180ms ease-out;
}
@keyframes page-fade-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  main {
    animation: none;
  }
}
.accent-teal {
  --accent: var(--zuko-teal);
  --accent-soft: var(--zuko-teal-soft);
}
.accent-green {
  --accent: var(--zuko-green);
  --accent-soft: var(--zuko-green-soft);
}
.accent-orange {
  --accent: var(--zuko-orange);
  --accent-soft: var(--zuko-orange-soft);
}
.accent-gold {
  --accent: var(--zuko-gold);
  --accent-soft: var(--zuko-gold-soft);
}
.accent-blue {
  --accent: var(--zuko-blue);
  --accent-soft: var(--zuko-blue-soft);
}
.accent-purple {
  --accent: var(--zuko-purple);
  --accent-soft: var(--zuko-purple-soft);
}
.accent-card {
  border-top: 4px solid var(--accent);
  background:
    linear-gradient(
      180deg,
      var(--accent-soft),
      rgba(255, 250, 245, 0.94));
}
.accent-pill {
  background: var(--accent-soft);
  color: var(--accent);
}
html {
  scroll-behavior: smooth;
}
#plans {
  scroll-margin-top: 96px;
}

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