:root {
  --bg: #f5f4ef;
  --ink: #161614;
  --muted: #66655e;
  --rule: #dcdad1;
  --surface: #ecebe4;
  --accent: #c2410c;
  --accent-soft: #fbe3d6;
  --ok: #1f8f4e;
  --term-bg: #1b1b19;
  --term-ink: #e9e8e2;
  --term-muted: #8b8a82;
  --term-key: #ff9a62;
  --term-str: #9fd4a8;
  --term-num: #f2c66d;
  --radius: 6px;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: clamp(4.5rem, 9vw, 7.5rem);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    --bg: #121211;
    --ink: #ecebe6;
    --muted: #9b9a91;
    --rule: #2b2b28;
    --surface: #1b1b19;
    --accent: #ff8a4c;
    --accent-soft: #3a2116;
    --ok: #4cc27f;
    --term-bg: #1f1f1d;
  }
}
:root[data-theme=dark] {
  --bg: #121211;
  --ink: #ecebe6;
  --muted: #9b9a91;
  --rule: #2b2b28;
  --surface: #1b1b19;
  --accent: #ff8a4c;
  --accent-soft: #3a2116;
  --ok: #4cc27f;
  --term-bg: #1f1f1d;
}

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

* {
  margin: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
}

img, svg, video {
  display: block;
  max-width: 100%;
  height: auto;
}

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

button {
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

ul[role=list], ol[role=list] {
  list-style: none;
  padding: 0;
}

a {
  color: inherit;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
  }
}
body {
  background: var(--bg);
  color: var(--ink);
  font-family: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  font-optical-sizing: auto;
}

h1, h2 {
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-weight: 400;
  letter-spacing: -0.045em;
  line-height: 1.04;
  text-wrap: balance;
}

h1 {
  font-size: clamp(2.35rem, 6.2vw, 4.6rem);
}

h2 {
  font-size: clamp(1.7rem, 3.6vw, 2.75rem);
}

h3 {
  font-size: 1.1875rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
  text-wrap: balance;
}

p {
  text-wrap: pretty;
}

.mono {
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

.prose a, .link {
  text-decoration: underline;
  text-decoration-color: var(--rule);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
  transition: text-decoration-color 0.15s, color 0.15s;
}
.prose a:hover, .link:hover {
  color: var(--accent);
  text-decoration-color: currentColor;
}

.prose {
  max-width: 38rem;
}
.prose p + p {
  margin-top: var(--space-2);
}

.lede {
  font-size: clamp(1.2rem, 2vw, 1.4rem);
  line-height: 1.45;
  color: var(--ink);
  max-width: 36rem;
}

.muted {
  color: var(--muted);
}

:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
  border-radius: 2px;
}

::selection {
  background: var(--accent);
  color: #fff;
}

.wrap {
  width: 100%;
  max-width: 76rem;
  margin-inline: auto;
  padding-inline: clamp(1.25rem, 4vw, 3rem);
}

.section {
  padding-block: var(--space-6);
}

.section + .section {
  border-top: 1px solid var(--rule);
}

.section--tight {
  padding-block: var(--space-5);
}

.label {
  display: inline-flex;
  gap: 0.6em;
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.8125rem;
  letter-spacing: 0.02em;
  color: var(--muted);
  margin-bottom: var(--space-2);
}
.label::before {
  content: "//";
  color: var(--accent);
}

.section-head {
  display: grid;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
}
@media (min-width: 56rem) {
  .section-head {
    grid-template-columns: 1fr auto;
    align-items: end;
  }
}
.section-head p {
  color: var(--muted);
  max-width: 32rem;
}

.skip-link {
  position: absolute;
  left: -999px;
  top: 0;
  background: var(--ink);
  color: var(--bg);
  padding: 0.5rem 1rem;
  z-index: 100;
}
.skip-link:focus {
  left: 1rem;
  top: 1rem;
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.page-head {
  padding-top: clamp(3rem, 7vw, 5.5rem);
  padding-bottom: var(--space-5);
  border-bottom: 1px solid var(--rule);
}
.page-head .path {
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.875rem;
  color: var(--muted);
  margin-bottom: var(--space-3);
}
.page-head .path a {
  text-decoration: none;
}
.page-head .path a:hover {
  color: var(--accent);
}
.page-head .path .sep {
  color: var(--accent);
}
.page-head h1 {
  max-width: 18ch;
}
.page-head .lede {
  margin-top: var(--space-3);
}

.cursor {
  display: inline-block;
  width: 0.55em;
  height: 0.8em;
  margin-left: 0.08em;
  background: var(--accent);
  vertical-align: -0.08em;
  animation: blink 1.1s steps(1) infinite;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}
.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.9375rem;
  line-height: 1;
  padding: 0.95rem 1.25rem;
  border-radius: var(--radius);
  border: 1px solid var(--ink);
  background: var(--ink);
  color: var(--bg);
  text-decoration: none;
  transition: background 0.15s, color 0.15s, border-color 0.15s, transform 0.15s;
}
.btn .icon {
  transition: transform 0.15s;
}
.btn:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}
.btn:hover .icon {
  transform: translateX(3px);
}
.btn--ghost {
  background: transparent;
  color: var(--ink);
  border-color: var(--rule);
}
.btn--ghost:hover {
  background: transparent;
  color: var(--accent);
  border-color: var(--accent);
}

.btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.text-link {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.9375rem;
  text-decoration: none;
  border-bottom: 1px solid var(--rule);
  padding-bottom: 0.15rem;
  transition: color 0.15s, border-color 0.15s;
}
.text-link:hover {
  color: var(--accent);
  border-color: currentColor;
}
.text-link:hover .icon {
  transform: translateX(3px);
}
.text-link .icon {
  transition: transform 0.15s;
}

.tag {
  display: inline-block;
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.4rem 0.6rem;
  border: 1px solid var(--rule);
  border-radius: 999px;
  color: var(--muted);
  white-space: nowrap;
}
.tag--shopify::before, .tag--wordpress::before, .tag--custom::before, .tag--abra::before, .tag--sections::before {
  content: "";
  display: inline-block;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  margin-right: 0.4rem;
  vertical-align: 0.05em;
}
.tag--shopify::before {
  background: #5e8e3e;
}
.tag--wordpress::before {
  background: #3b6ea8;
}
.tag--custom::before {
  background: var(--accent);
}
.tag--abra::before {
  background: var(--ink);
}
.tag--sections::before {
  background: #5e8e3e;
}

.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
}

.status {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.8125rem;
  color: var(--muted);
}
.status::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--ok);
  box-shadow: 0 0 0 0 var(--ok);
  animation: pulse 2.4s infinite;
}
.status--closed::before {
  background: var(--muted);
  animation: none;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ok) 55%, transparent);
  }
  70% {
    box-shadow: 0 0 0 0.5rem transparent;
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}
.filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: var(--space-4);
}
.filters button {
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.8125rem;
  padding: 0.55rem 0.9rem;
  border: 1px solid var(--rule);
  border-radius: 999px;
  color: var(--muted);
  transition: all 0.15s;
}
.filters button:hover {
  color: var(--ink);
  border-color: var(--ink);
}
.filters button[aria-pressed=true] {
  background: var(--ink);
  color: var(--bg);
  border-color: var(--ink);
}
.filters button .count {
  opacity: 0.6;
  margin-left: 0.3rem;
}

.no-js .filters {
  display: none;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  backdrop-filter: saturate(1.4) blur(10px);
  -webkit-backdrop-filter: saturate(1.4) blur(10px);
  border-bottom: 1px solid var(--rule);
}
.site-header .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  min-height: 4rem;
}

.brand {
  display: inline-flex;
  align-items: baseline;
  gap: 0.55rem;
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-decoration: none;
  white-space: nowrap;
}
.brand .brand__prompt {
  color: var(--accent);
}
.brand .brand__role {
  display: none;
  font-weight: 400;
  color: var(--muted);
  font-size: 0.8125rem;
  letter-spacing: 0;
}
@media (min-width: 72rem) {
  .brand .brand__role {
    display: inline;
  }
}

.nav-toggle {
  display: inline-flex;
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--rule);
  border-radius: var(--radius);
}
@media (min-width: 56rem) {
  .nav-toggle {
    display: none;
  }
}

.no-js .nav-toggle {
  display: none;
}

.site-nav ul {
  display: flex;
  gap: 0.25rem;
  list-style: none;
  padding: 0;
  align-items: center;
}
.site-nav a {
  display: block;
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.875rem;
  text-decoration: none;
  padding: 0.5rem 0.7rem;
  border-radius: var(--radius);
  color: var(--muted);
  transition: color 0.15s, background 0.15s;
}
.site-nav a:hover {
  color: var(--ink);
}
.site-nav a[aria-current=page] {
  color: var(--ink);
}
.site-nav a[aria-current=page]::before {
  content: "> ";
  color: var(--accent);
}
.site-nav .nav-cta a {
  color: var(--bg);
  background: var(--ink);
  margin-left: 0.5rem;
}
.site-nav .nav-cta a:hover {
  background: var(--accent);
  color: #fff;
}
.site-nav .nav-cta a[aria-current=page]::before {
  content: none;
}

@media (max-width: 55.99rem) {
  .js .site-nav {
    position: absolute;
    inset: 100% 0 auto 0;
    background: var(--bg);
    border-bottom: 1px solid var(--rule);
    padding: var(--space-2) clamp(1.25rem, 4vw, 3rem) var(--space-3);
    display: none;
  }
  .js .site-nav ul {
    flex-direction: column;
    align-items: stretch;
  }
  .js .site-nav a {
    font-size: 1.125rem;
    padding: 0.75rem 0;
  }
  .js .site-nav .nav-cta a {
    margin: var(--space-1) 0 0;
    padding: 0.9rem 1rem;
    text-align: center;
  }
  .js .site-header.is-open .site-nav {
    display: block;
  }
  .no-js .site-header .wrap {
    flex-wrap: wrap;
    padding-block: 0.75rem;
  }
  .no-js .site-nav ul {
    flex-wrap: wrap;
  }
}
.cta-band {
  border-top: 1px solid var(--rule);
  padding-block: var(--space-6);
}
.cta-band h2 {
  font-size: clamp(2.2rem, 6vw, 4.5rem);
  max-width: 16ch;
  margin-bottom: var(--space-3);
}
.cta-band p {
  color: var(--muted);
  max-width: 34rem;
  margin-bottom: var(--space-4);
}
.cta-band .btn-row {
  align-items: center;
  gap: 1rem 1.5rem;
}

.site-footer {
  background: var(--surface);
  border-top: 1px solid var(--rule);
  padding-block: var(--space-5) var(--space-3);
  font-size: 0.9375rem;
}
.site-footer .footer-grid {
  display: grid;
  gap: var(--space-4) var(--space-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 56rem) {
  .site-footer .footer-grid {
    grid-template-columns: 1.6fr repeat(3, 1fr);
  }
}
.site-footer .footer-about {
  grid-column: 1/-1;
}
@media (min-width: 56rem) {
  .site-footer .footer-about {
    grid-column: auto;
  }
}
.site-footer .footer-about p {
  color: var(--muted);
  max-width: 22rem;
  margin-top: var(--space-2);
}
.site-footer .footer-about .status {
  margin-top: var(--space-3);
}
.site-footer h2 {
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.8125rem;
  letter-spacing: 0.02em;
  color: var(--muted);
  margin-bottom: var(--space-2);
}
.site-footer h2::before {
  content: "// ";
  color: var(--accent);
}
.site-footer ul {
  list-style: none;
  padding: 0;
  display: grid;
  gap: 0.45rem;
}
.site-footer a {
  text-decoration: none;
}
.site-footer a:hover {
  color: var(--accent);
}
.site-footer .footer-bottom {
  margin-top: var(--space-5);
  padding-top: var(--space-3);
  border-top: 1px solid var(--rule);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-1) var(--space-3);
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.75rem;
  color: var(--muted);
}

.term {
  background: var(--term-bg);
  color: var(--term-ink);
  border-radius: 10px;
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.875rem;
  line-height: 1.7;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 30px 60px -30px rgba(0, 0, 0, 0.45);
  overflow: hidden;
}
.term__bar {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.7rem 0.9rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.term__bar span {
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  background: #3a3a37;
}
.term__bar em {
  margin-left: auto;
  font-style: normal;
  font-size: 0.75rem;
  color: var(--term-muted);
}
.term pre {
  margin: 0;
  padding: 1.1rem 1.2rem 1.3rem;
  overflow-x: auto;
  font: inherit;
  white-space: pre;
}
.term .p {
  color: var(--term-muted);
}
.term .k {
  color: var(--term-key);
}
.term .s {
  color: var(--term-str);
}
.term .n {
  color: var(--term-num);
}
.term .c {
  color: var(--term-muted);
  font-style: italic;
}
.term .cursor {
  background: var(--term-key);
}

/* --- Service cards ------------------------------------------------------ */
.service-grid {
  display: grid;
  gap: 1px;
  background: var(--rule);
  border: 1px solid var(--rule);
  border-radius: var(--radius);
  overflow: hidden;
  list-style: none;
  padding: 0;
}
@media (min-width: 56rem) {
  .service-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.service-card {
  position: relative;
  background: var(--bg);
  padding: var(--space-4) var(--space-3);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-height: 15rem;
  transition: background 0.2s;
}
@media (min-width: 56rem) {
  .service-card {
    padding: var(--space-4);
  }
}
.service-card:hover {
  background: var(--surface);
}
.service-card:hover .text-link {
  color: var(--accent);
}
.service-card:hover .text-link .icon {
  transform: translateX(3px);
}
.service-card .file {
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.8125rem;
  color: var(--accent);
}
.service-card h3 {
  font-size: 1.5rem;
}
.service-card h3 a {
  text-decoration: none;
}
.service-card h3 a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.service-card p {
  color: var(--muted);
  max-width: 30rem;
}
.service-card .text-link {
  margin-top: auto;
  align-self: flex-start;
  border: 0;
  padding: 0;
}

/* --- Work cards ----------------------------------------------------------- */
.work-grid {
  display: grid;
  gap: var(--space-4) var(--space-3);
  list-style: none;
  padding: 0;
}
@media (min-width: 40rem) {
  .work-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 72rem) {
  .work-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.work-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.work-card__media {
  position: relative;
  aspect-ratio: 4/3;
}
@media (min-width: 40rem) {
  .work-card__media {
    aspect-ratio: 1/1;
  }
}
.work-card__media {
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--surface);
  border: 1px solid var(--rule);
}
.work-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.work-card__ph {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem 1.1rem;
}
.work-card__ph span {
  padding-right: 3rem;
  overflow-wrap: anywhere;
}
.work-card__ph {
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  color: var(--muted);
  font-size: 0.75rem;
}
.work-card__ph strong {
  font-weight: 400;
  font-size: clamp(1.5rem, 3vw, 2rem);
  letter-spacing: -0.04em;
  color: var(--ink);
  opacity: 0.85;
}
.work-card:hover img {
  transform: scale(1.035);
}
.work-card:hover h3 {
  color: var(--accent);
}
.work-card .meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.work-card .meta .ext {
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.75rem;
  color: var(--muted);
  display: inline-flex;
  gap: 0.3rem;
  align-items: center;
}
.work-card h3 {
  font-size: 1.0625rem;
  font-weight: 500;
  transition: color 0.15s;
}
.work-card h3 a {
  text-decoration: none;
}
.work-card h3 a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.work-card .new {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 1;
  background: var(--accent);
  color: #fff;
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.6875rem;
  padding: 0.3rem 0.5rem;
  border-radius: 4px;
}

[hidden] {
  display: none !important;
}

/* --- Post list (reads like a git log) ------------------------------------ */
.post-list {
  list-style: none;
  padding: 0;
  border-top: 1px solid var(--rule);
}

.post-row {
  position: relative;
  display: grid;
  gap: 0.35rem 1.5rem;
  padding-block: 1.35rem;
  border-bottom: 1px solid var(--rule);
  grid-template-columns: 1fr;
}
@media (min-width: 56rem) {
  .post-row {
    grid-template-columns: 1fr auto;
    align-items: baseline;
  }
}
.post-row h3 {
  font-size: 1.125rem;
  font-weight: 500;
  transition: color 0.15s;
}
.post-row h3 a {
  text-decoration: none;
}
.post-row h3 a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.post-row p {
  color: var(--muted);
  font-size: 0.9375rem;
  margin-top: 0.3rem;
  max-width: 44rem;
}
.post-row .tag {
  justify-self: start;
}
.post-row:hover h3 {
  color: var(--accent);
}

/* --- Testimonials -------------------------------------------------------- */
.quotes {
  display: grid;
  gap: var(--space-4) var(--space-3);
  list-style: none;
  padding: 0;
}
@media (min-width: 56rem) {
  .quotes {
    grid-template-columns: repeat(3, 1fr);
  }
}

.quote {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding-top: var(--space-2);
  border-top: 2px solid var(--ink);
}
.quote blockquote {
  font-size: 1.125rem;
  line-height: 1.5;
}
.quote blockquote::before {
  content: '"';
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  color: var(--accent);
  margin-right: 0.1em;
}
.quote blockquote p {
  display: inline;
}
.quote figcaption {
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.8125rem;
  color: var(--muted);
  margin-top: auto;
}
.quote figcaption b {
  font-weight: 500;
  color: var(--ink);
  display: block;
}
.quote figcaption a {
  text-decoration: none;
}
.quote figcaption a:hover {
  color: var(--accent);
}

@media (min-width: 56rem) {
  .quotes--wide {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* --- Numbered points ("why hire direct", process) ------------------------ */
.points {
  display: grid;
  gap: var(--space-4) var(--space-3);
  list-style: none;
  padding: 0;
  counter-reset: pt;
}
@media (min-width: 56rem) {
  .points {
    grid-template-columns: repeat(3, 1fr);
  }
}
.points li {
  counter-increment: pt;
}
.points li::before {
  content: counter(pt, decimal-leading-zero);
  display: block;
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  color: var(--accent);
  font-size: 0.875rem;
  margin-bottom: var(--space-2);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--rule);
}
.points h3 {
  margin-bottom: 0.5rem;
}
.points p {
  color: var(--muted);
}

@media (min-width: 56rem) {
  .points--4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 72rem) {
  .points--4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* --- FAQ -------------------------------------------------------------- */
.faq {
  border-top: 1px solid var(--rule);
}
.faq details {
  border-bottom: 1px solid var(--rule);
}
.faq summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 0;
  font-weight: 500;
  font-size: 1.125rem;
}
.faq summary::-webkit-details-marker {
  display: none;
}
.faq summary::after {
  content: "+";
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  color: var(--accent);
  font-size: 1.25rem;
  line-height: 1;
  transition: transform 0.2s;
}
.faq summary:hover {
  color: var(--accent);
}
.faq details[open] summary::after {
  transform: rotate(45deg);
}
.faq details p {
  color: var(--muted);
  padding-bottom: 1.25rem;
  max-width: 44rem;
}

.faq details p a, .offers p a {
  color: var(--ink);
  text-decoration: underline;
  text-decoration-color: var(--rule);
  text-underline-offset: 0.2em;
}
.faq details p a:hover, .offers p a:hover {
  color: var(--accent);
  text-decoration-color: currentColor;
}

.form {
  display: grid;
  gap: var(--space-3);
  max-width: 44rem;
}
.form .row {
  display: grid;
  gap: var(--space-3);
}
@media (min-width: 40rem) {
  .form .row {
    grid-template-columns: 1fr 1fr;
  }
}
.form label, .form legend {
  display: block;
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.8125rem;
  color: var(--ink);
  margin-bottom: 0.45rem;
}
.form .req {
  color: var(--accent);
}
.form input, .form select, .form textarea {
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--rule);
  border-radius: 0;
  padding: 0.6rem 0;
  font-size: 1.0625rem;
  transition: border-color 0.15s;
}
.form input:focus, .form select:focus, .form textarea:focus {
  outline: none;
  border-color: var(--accent);
}
.form select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);
  background-position: calc(100% - 10px) 55%, calc(100% - 5px) 55%;
  background-size: 5px 5px;
  background-repeat: no-repeat;
  padding-right: 1.5rem;
}
.form textarea {
  min-height: 9rem;
  resize: vertical;
}
.form .hp {
  position: absolute;
  left: -9999px;
}
.form .hint {
  font-size: 0.875rem;
  color: var(--muted);
}

.notice {
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.9375rem;
  padding: 1rem 1.25rem;
  border-radius: var(--radius);
  border: 1px solid var(--rule);
  margin-bottom: var(--space-4);
  max-width: 44rem;
}
.notice--ok {
  border-color: var(--ok);
  color: var(--ok);
}
.notice--error {
  border-color: var(--accent);
  color: var(--accent);
  background: var(--accent-soft);
}

/* Custom select (enhanced from <select data-custom-select> by main.js) */
.cselect {
  position: relative;
}
.cselect__btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.6rem 0;
  border-bottom: 1px solid var(--rule);
  font-size: 1.0625rem;
  text-align: left;
  transition: border-color 0.15s;
}
.cselect__btn:hover, .cselect__btn:focus-visible {
  border-color: var(--ink);
}
.cselect__btn:focus-visible {
  outline: none;
  border-color: var(--accent);
}
.cselect__btn.is-empty .cselect__value {
  color: var(--muted);
}
.cselect__chev {
  flex: none;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.2rem;
  border-right: 1.5px solid var(--muted);
  border-bottom: 1.5px solid var(--muted);
  transform: translateY(-25%) rotate(45deg);
  transition: transform 0.2s;
}
.cselect.is-open .cselect__btn {
  border-color: var(--accent);
}
.cselect.is-open .cselect__chev {
  transform: translateY(15%) rotate(-135deg);
  border-color: var(--accent);
}
.cselect__list {
  position: absolute;
  z-index: 20;
  top: calc(100% + 0.4rem);
  left: 0;
  right: 0;
  min-width: 15rem;
  max-height: 18rem;
  overflow-y: auto;
  margin: 0;
  padding: 0.35rem;
  list-style: none;
  background: var(--bg);
  border: 1px solid var(--rule);
  border-radius: var(--radius);
  box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.35);
  outline: none;
  animation: cselect-in 0.14s ease-out;
}
.cselect [role=option] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.65rem 0.75rem;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.3;
}
.cselect [role=option]::before {
  content: ">";
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.8125rem;
  color: var(--accent);
  opacity: 0;
  transition: opacity 0.1s;
}
.cselect [role=option].is-active {
  background: var(--surface);
}
.cselect [role=option].is-active::before {
  opacity: 1;
}
.cselect [role=option][aria-selected=true] {
  color: var(--accent);
}
.cselect [role=option][aria-selected=true]::after {
  content: "";
  margin-left: auto;
  width: 0.35rem;
  height: 0.65rem;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translate(-2px, -1px);
}
.cselect [role=option].is-placeholder {
  color: var(--muted);
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.8125rem;
}

@keyframes cselect-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
}
.hero {
  padding-top: clamp(3rem, 8vw, 6.5rem);
  padding-bottom: var(--space-6);
}
.hero .wrap {
  display: grid;
  gap: var(--space-5);
}
@media (min-width: 72rem) {
  .hero .wrap {
    grid-template-columns: 1.25fr 1fr;
    align-items: center;
    gap: var(--space-4);
  }
}
.hero .status {
  margin-bottom: var(--space-3);
}
.hero h1 {
  margin-bottom: var(--space-3);
}
.hero h1 em {
  font-style: normal;
  color: var(--muted);
}
.hero .lede {
  margin-bottom: var(--space-4);
}

.proof {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--rule);
  border: 1px solid var(--rule);
  border-radius: var(--radius);
  overflow: hidden;
  margin-bottom: var(--space-2);
}
@media (min-width: 56rem) {
  .proof {
    grid-template-columns: repeat(4, 1fr);
  }
}
.proof div {
  background: var(--bg);
  padding: var(--space-3);
}
.proof dt {
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.75rem;
  color: var(--muted);
}
.proof dd {
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: clamp(1.4rem, 3vw, 2rem);
  letter-spacing: -0.04em;
  margin-top: 0.25rem;
}

.section-foot {
  margin-top: var(--space-4);
}

.hero-promo {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  margin-top: var(--space-3);
  padding: 0.55rem 0.85rem 0.55rem 0.55rem;
  border: 1px solid var(--rule);
  border-radius: 999px;
  font-size: 0.9375rem;
  text-decoration: none;
  color: var(--muted);
  transition: border-color 0.15s, color 0.15s;
}
.hero-promo strong {
  font-weight: 600;
  color: var(--ink);
}
.hero-promo .icon {
  transition: transform 0.15s;
}
.hero-promo:hover {
  border-color: var(--accent);
  color: var(--ink);
}
.hero-promo:hover .icon {
  transform: translateX(3px);
  color: var(--accent);
}
.hero-promo__tag {
  font-size: 0.6875rem;
  line-height: 1;
  padding: 0.35rem 0.5rem;
  border-radius: 999px;
  background: var(--accent);
  color: #fff;
}

/* Service pages */
.svc-intro {
  display: grid;
  gap: var(--space-4);
}
@media (min-width: 72rem) {
  .svc-intro {
    grid-template-columns: 1.4fr 1fr;
    gap: var(--space-5);
  }
}
.svc-intro aside h2 {
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.8125rem;
  letter-spacing: 0.02em;
  color: var(--muted);
  margin-bottom: var(--space-2);
}
.svc-intro aside h2::before {
  content: "// ";
  color: var(--accent);
}

.offers {
  list-style: none;
  padding: 0;
  display: grid;
  gap: 0 var(--space-4);
}
@media (min-width: 56rem) {
  .offers {
    grid-template-columns: repeat(2, 1fr);
  }
}
.offers li {
  padding-block: var(--space-3);
  border-top: 1px solid var(--rule);
}
.offers h3 {
  margin-bottom: 0.4rem;
  display: flex;
  gap: 0.6rem;
  align-items: baseline;
}
.offers h3::before {
  content: "+";
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  color: var(--accent);
  font-weight: 400;
}
.offers p {
  color: var(--muted);
  padding-left: 1.3rem;
}

.more-links {
  list-style: none;
  padding: 0;
  display: grid;
  gap: 0.75rem;
}

/* Services index */
.svc-list {
  list-style: none;
  padding: 0;
  border-top: 1px solid var(--rule);
}
.svc-list li {
  border-bottom: 1px solid var(--rule);
}
.svc-list a {
  display: grid;
  gap: 0.5rem 2rem;
  padding-block: var(--space-4);
  text-decoration: none;
}
@media (min-width: 56rem) {
  .svc-list a {
    grid-template-columns: 12rem 1fr auto;
    align-items: baseline;
  }
}
.svc-list a:hover h2 {
  color: var(--accent);
}
.svc-list .file {
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.875rem;
  color: var(--accent);
}
.svc-list h2 {
  font-size: clamp(1.6rem, 3vw, 2.25rem);
  transition: color 0.15s;
}
.svc-list p {
  color: var(--muted);
  margin-top: 0.6rem;
  max-width: 37rem;
}
.svc-list .icon {
  width: 1.5rem;
  height: 1.5rem;
}

/* About */
.about-grid {
  display: grid;
  gap: var(--space-5);
}
@media (min-width: 72rem) {
  .about-grid {
    grid-template-columns: 1.4fr 1fr;
  }
}

.facts {
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.9375rem;
}
.facts dl {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.6rem 1.5rem;
  border-top: 1px solid var(--rule);
  padding-top: var(--space-3);
}
.facts dt {
  color: var(--muted);
}
.facts dt::after {
  content: ":";
}
.facts a {
  text-decoration: none;
}
.facts a:hover {
  color: var(--accent);
}

/* Contact */
.contact-grid {
  display: grid;
  gap: var(--space-5);
}
@media (min-width: 72rem) {
  .contact-grid {
    grid-template-columns: 1.6fr 1fr;
  }
}

.contact-aside {
  font-size: 1rem;
}
.contact-aside > * + * {
  margin-top: var(--space-4);
}
.contact-aside h2 {
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.8125rem;
  letter-spacing: 0.02em;
  color: var(--muted);
  margin-bottom: 0.6rem;
}
.contact-aside h2::before {
  content: "// ";
  color: var(--accent);
}
.contact-aside a {
  text-decoration: none;
}
.contact-aside a:hover {
  color: var(--accent);
}
.contact-aside .big {
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 1.125rem;
}
.contact-aside ol {
  padding-left: 1.2rem;
  color: var(--muted);
  display: grid;
  gap: 0.5rem;
}

/* 404 */
.notfound {
  padding-block: var(--space-6);
}
.notfound .term {
  max-width: 36rem;
  margin-block: var(--space-4);
}

/* Portrait (About page) */
.portrait {
  margin-bottom: var(--space-4);
  max-width: 24rem;
}
.portrait img {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  border-radius: var(--radius);
}
.portrait__ph {
  aspect-ratio: 4/5;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem 1.1rem;
  border: 1px dashed var(--rule);
  border-radius: var(--radius);
  background: linear-gradient(to top right, transparent calc(50% - 0.5px), var(--rule) 50%, transparent calc(50% + 0.5px)), linear-gradient(to top left, transparent calc(50% - 0.5px), var(--rule) 50%, transparent calc(50% + 0.5px)), var(--surface);
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.75rem;
  color: var(--muted);
}
.portrait__ph span:last-child {
  align-self: flex-end;
}

/* Website in a Week */
.wiaw-hero {
  display: grid;
  gap: var(--space-4);
  align-items: center;
}
@media (min-width: 72rem) {
  .wiaw-hero {
    grid-template-columns: 1fr 1fr;
  }
}
.wiaw-hero .term {
  max-width: 34rem;
}
@media (min-width: 72rem) {
  .wiaw-hero .term {
    justify-self: end;
    width: 100%;
  }
}

.wiaw-price-line {
  font-size: 1rem;
  color: var(--muted);
  margin-bottom: var(--space-3);
}
.wiaw-price-line strong {
  font-weight: 400;
  color: var(--ink);
  font-size: clamp(2rem, 4.5vw, 3rem);
  letter-spacing: -0.04em;
  display: block;
  line-height: 1.1;
}

@media (min-width: 72rem) {
  .offers--compact {
    grid-template-columns: repeat(4, 1fr);
  }
}
.offers--compact h3 {
  font-size: 1.0625rem;
  font-weight: 500;
}

.offers--single {
  grid-template-columns: 1fr !important;
  margin-bottom: var(--space-3);
}
.offers--single li {
  padding-block: var(--space-2);
}

/* Example sites: a browser frame that scrolls the full-page screenshot on hover */
.wiaw-examples {
  list-style: none;
  padding: 0;
  display: grid;
  gap: var(--space-3);
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 56rem) {
  .wiaw-examples {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 72rem) {
  .wiaw-examples {
    grid-template-columns: repeat(5, 1fr);
  }
}
.wiaw-examples figcaption {
  font-size: 0.8125rem;
  color: var(--muted);
  margin-top: 0.75rem;
}

.wiaw-shot {
  border: 1px solid var(--rule);
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--surface);
}
.wiaw-shot__bar {
  display: flex;
  gap: 0.3rem;
  padding: 0.5rem 0.6rem;
  border-bottom: 1px solid var(--rule);
}
.wiaw-shot__bar span {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: var(--rule);
}
.wiaw-shot__view {
  aspect-ratio: 3/4;
  overflow: hidden;
}
.wiaw-shot__view img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  transition: object-position 6s ease-in-out;
}
.wiaw-shot:hover .wiaw-shot__view img {
  object-position: bottom;
}

/* Pricing */
.plans {
  display: grid;
  gap: var(--space-3);
}
@media (min-width: 56rem) {
  .plans {
    grid-template-columns: repeat(3, 1fr);
  }
}

.plan {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: var(--space-4) var(--space-3);
  border: 1px solid var(--rule);
  border-radius: var(--radius);
}
.plan h3 {
  font-size: 1.125rem;
}
.plan__price {
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: clamp(2.5rem, 5vw, 3.25rem);
  letter-spacing: -0.05em;
  line-height: 1.1;
  margin-top: var(--space-2);
}
.plan__unit {
  font-size: 0.8125rem;
  color: var(--muted);
  margin-bottom: var(--space-3);
}
.plan ul {
  list-style: none;
  padding: 0;
  margin-bottom: var(--space-4);
  display: grid;
  gap: 0.55rem;
}
.plan ul li {
  display: flex;
  gap: 0.6rem;
  color: var(--muted);
}
.plan ul li::before {
  content: "+";
  font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  color: var(--accent);
}
.plan .btn {
  margin-top: auto;
  align-self: flex-start;
}
.plan--more {
  background: var(--surface);
  border-style: dashed;
}
.plan--more p {
  color: var(--muted);
  margin: var(--space-2) 0 var(--space-4);
}
.plan--more .text-link {
  margin-top: auto;
  align-self: flex-start;
}

.plan-terms {
  font-size: 0.875rem;
  color: var(--muted);
  margin-top: var(--space-3);
}

/* Homepage card spanning both columns (shown once launched) */
@media (min-width: 56rem) {
  .service-card--wide {
    grid-column: 1/-1;
    min-height: 0;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../../src/scss/base/_tokens.scss%22,%22../../../src/scss/base/_reset.scss%22,%22../../../src/scss/base/_type.scss%22,%22../../../src/scss/components/_layout.scss%22,%22../../../src/scss/components/_buttons.scss%22,%22../../../src/scss/components/_header.scss%22,%22../../../src/scss/components/_footer.scss%22,%22../../../src/scss/components/_term.scss%22,%22../../../src/scss/components/_cards.scss%22,%22../../../src/scss/components/_forms.scss%22,%22../../../src/scss/pages/_home.scss%22,%22../../../src/scss/pages/_inner.scss%22,%22../../../src/scss/pages/_wiaw.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAqBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAeF;EACE;IAZA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAMF;EAdE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACzDF;EAAyB;;;AACzB;EAAI;;;AACJ;EAAO;EAAgC;EAAwB;;;AAC/D;EAAkB;EAAgB;EAAiB;;;AACnD;EAAkC;EAAe;;;AACjD;EAAS;EAAiB;EAAkB;EAAW;;;AACvD;EAAmC;EAAkB;;;AACrD;EAAI;;;AACJ;EACE;IAAO;;EACP;IAAyB;IAA4B;;;ACRvD;EACE;EACA;EACA,aFWK;EEVL;EACA;EACA;EACA;;;AAGF;EACE,aFEK;EEDL;EACA;EACA;EACA;;;AAEF;EAAK;;;AACL;EAAK;;;AACL;EACE;EACA;EACA;EACA;EACA;;;AAEF;EAAI;;;AAEJ;EAAQ,aFfD;;;AEkBP;EACE;EACA;EACA;EACA;EACA;;AACA;EAAU;EAAsB;;;AAGlC;EACE,WFxBQ;;AEyBR;EAAQ;;;AAGV;EACE;EACA;EACA;EACA;;;AAGF;EAAS;;;AAET;EACE;EACA;EACA;;;AAGF;EAAc;EAA2B;;;AC5DzC;EACE;EACA,WHaU;EGZV;EACA,gBHYO;;;AGTT;EAAW;;;AACX;EAAsB;;;AACtB;EAAkB;;;AAGlB;EACE;EACA;EACA,aHFK;EGGL;EACA;EACA;EACA;;AACA;EAAY;EAAe;;;AAG7B;EACE;EACA;EACA;;AHhBA;EGaF;IAKI;IACA;;;AAEF;EAAI;EAAqB;;;AAG3B;EACE;EAAoB;EAAc;EAClC;EAAwB;EACxB;EAAqB;;AACrB;EAAU;EAAY;;;AAGxB;EACE;EAA+B;EAAY;EAC3C;EAAkB;EAAqB;;;AAIzC;EACE;EACA;EACA;;AAEA;EACE,aHxCG;EGyCH;EACA;EACA;;AACA;EAAI;;AAAuB;EAAU;;AACrC;EAAO;;AAET;EAAK;;AACL;EAAQ;;;AAGV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EAAmB;IAAM;;;ACzEzB;EACE;EACA;EACA;EACA,aJSK;EIRL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAQ;;AACR;EAAU;EAA2B;EAA6B;;AAAa;EAAQ;;AAEvF;EACE;EACA;EACA;;AACA;EAAU;EAAyB;EAAsB;;;AAI7D;EAAW;EAAe;EAAiB;;;AAE3C;EACE;EACA;EACA;EACA,aJlBK;EImBL;EACA;EACA;EACA;EACA;;AACA;EAAU;EAAsB;;AAA4B;EAAQ;;AACpE;EAAQ;;;AAGV;EACE;EACA,aJ9BK;EI+BL;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAEE;EACA;EACA;EAAe;EACf;EACA;EACA;;AAEF;EAAsB;;AACtB;EAAsB;;AACtB;EAAsB;;AACtB;EAAsB;;AACtB;EAAsB;;;AAGxB;EAAQ;EAAe;EAAiB;EAAY;EAAkB;;;AAEtE;EACE;EACA;EACA;EACA,aJ5DK;EI6DL;EACA;;AACA;EACE;EACA;EAAc;EACd;EACA;EACA;EACA;;AAEF;EAAoB;EAA0B;;;AAEhD;EACE;IAAK;;EACL;IAAM;;EACN;IAAO;;;AAIT;EACE;EACA;EACA;EACA;;AACA;EACE,aJtFG;EIuFH;EACA;EACA;EACA;EACA;EACA;;AACA;EAAU;EAAmB;;AAC7B;EAAyB;EAAwB;EAAkB;;AACnE;EAAS;EAAa;;;AAG1B;EAAkB;;;AC/GlB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA,aLTK;EKUL;EACA;EACA;EACA;EACA;;AACA;EAAiB;;AACjB;EAAe;EAAe;EAAkB;EAAqB;EAAqB;;ALnB1F;EKoBkB;IAAe;;;;AAGnC;EACE;EACA,aLtBK;EKuBL;EACA;EACA;EACA;;AL7BA;EKuBF;IAOoB;;;;AAEpB;EAAqB;;;AAGnB;EAAK;EAAe;EAAa;EAAkB;EAAY;;AAC/D;EACE;EACA,aLnCG;EKoCH;EACA;EACA;EACA;EACA;EACA;;AACA;EAAU;;AACV;EAAyB;;AAAmB;EAAY;EAAe;;AAEzE;EACE;EACA;EACA;;AACA;EAAU;EAA2B;;AACrC;EAAiC;;;AAKrC;EACE;IACE;IACA;IACA;IACA;IACA;IACA;;EACA;IAAK;IAAwB;;EAC7B;IAAI;IAAqB;;EACzB;IAAa;IAA4B;IAAqB;;EAEhE;IAAqC;;EACrC;IAA4B;IAAiB;;EAC7C;IAAsB;;;AClFxB;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EAAI;EAAqB;EAAkB;;AAC3C;EAAW;EAAqB;;;AAGlC;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;ANZF;EMSA;IAIoB;;;AAEpB;EACE;;ANhBF;EMeA;IAEoB;;;AAClB;EAAI;EAAqB;EAAkB;;AAC3C;EAAU;;AAEZ;EACE,aNnBG;EMoBH;EACA;EACA;EACA;;AACA;EAAY;EAAgB;;AAE9B;EAAK;EAAkB;EAAY;EAAe;;AAClD;EAAI;;AAAuB;EAAU;;AAErC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aNrCG;EMsCH;EACA;;;ACnDJ;EACE;EACA;EACA;EACA,aPQK;EOPL;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AACA;EAAO;EAAe;EAAgB;EAAoB;;AAC1D;EAAK;EAAmB;EAAoB;EAAmB;;AAEjE;EACE;EACA;EACA;EACA;EACA;;AAEF;EAAK;;AACL;EAAK;;AACL;EAAK;;AACL;EAAK;;AACL;EAAK;EAA0B;;AAC/B;EAAU;;;AChCZ;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ARCA;EQTF;IASoB;;;;AAEpB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ARVA;EQEF;IASoB;;;AAClB;EAAU;;AAA4B;EAAa;;AAAsB;EAAQ;;AAEjF;EAAQ,aRXH;EQWuB;EAAqB;;AACjD;EAAK;;AACL;EAAO;;AAAuB;EAAW;EAAa;EAAoB;;AAC1E;EAAI;EAAqB;;AACzB;EAAa;EAAkB;EAAwB;EAAW;;;AAGpE;AACA;EACE;EACA;EACA;EACA;;AR1BA;EQsBF;IAKoB;;;AR3BlB;EQsBF;IAMoB;;;;AAEpB;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;ARtCF;EQoCA;IAGoB;;;AAHpB;EAIE;EACA;EACA;EACA;;AACA;EAAM;EAAa;EAAc;EAAmB;;AAGtD;EACE;EAAoB;EACpB;EAAe;EAAwB;EACvC;;AACA;EAAO;EAAqB;;AAJ9B;EAKE,aRjDG;EQkDH;EACA;;AACA;EAAS;EAAkB;EAAqC;EAAyB;EAAmB;;AAE9G;EAAc;;AACd;EAAa;;AAEb;EAAQ;EAAe;EAAqB;EAAgC;;AAC5E;EAAa,aR1DR;EQ0D4B;EAAmB;EAAqB;EAAsB;EAAY;;AAC3G;EAAK;EAAsB;EAAkB;;AAC7C;EAAO;;AAAuB;EAAW;EAAa;EAAoB;;AAC1E;EAAO;EAAoB;EAAa;EAAe;EAAY;EAA2B;EAAa,aR7DtG;EQ6D0H;EAAqB;EAAsB;;;AAE5K;EAAW;;;AAEX;AACA;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;ARhFA;EQ0EF;IAOoB;IAAiC;;;AAEnD;EAAK;EAAqB;EAAkB;;AAC5C;EAAO;;AAAuB;EAAW;EAAa;EAAoB;;AAC1E;EAAI;EAAqB;EAAqB;EAAmB;;AACjE;EAAO;;AACP;EAAa;;;AAGf;AACA;EACE;EACA;EACA;EACA;;AR/FA;EQ2FF;IAKoB;;;;AAEpB;EACE;EACA;EACA;EACA;EACA;;AAEA;EAAa;EAAqB;;AAClC;EAAqB;EAAc,aRvG9B;EQuGkD;EAAsB;;AAC7E;EAAe;;AACf;EAAa,aRzGR;EQyG4B;EAAqB;EAAqB;;AAC3E;EAAe;EAAkB;EAAmB;;AACpD;EAAe;;AAAuB;EAAU;;;AR9GhD;EQgHF;IAAkC;;;;AAElC;AACA;EACE;EACA;EACA;EACA;EACA;;ARxHA;EQmHF;IAMoB;;;AAClB;EAAK;;AACL;EACE;EACA;EACA,aR3HG;EQ4HH;EACA;EACA;EACA;EACA;;AAEF;EAAK;;AACL;EAAI;;;ARtIJ;EQwIF;IAA+B;;;ARxI7B;EQwIF;IAA0F;;;;AAE1F;AACA;EACE;;AACA;EAAU;;AACV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAA4B;;AAC5B;EAAW;EAAc,aRrJtB;EQqJ0C;EAAsB;EAAoB;EAAgB;;AACvG;EAAU;;AAEZ;EAA+B;;AAC/B;EAAY;EAAqB;EAAyB;;;AAI5D;EACE;EACA;EACA;EACA;;AACA;EAAU;EAAsB;;;AC/KlC;EACE;EACA;EACA;;AAEA;EAAO;EAAe;;ATKtB;ESLA;IAA6D;;;AAC7D;EAAgB;EAAgB,aTO3B;ESP+C;EAAqB;EAAmB;;AAC5F;EAAO;;AACP;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAU;EAAe;;AAE3B;EAAS;EAAkB;EAAyI;EAAkE;EAA0B;EAA8B;;AAC9R;EAAW;EAAkB;;AAC7B;EAAM;EAAoB;;AAC1B;EAAQ;EAAoB;;;AAG9B;EACE,aTbK;EScL;EACA;EACA;EACA;EACA;EACA;;AACA;EAAQ;EAAyB;;AACjC;EAAW;EAA6B;EAAsB;;;AAGhE;AACA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAA2B;;AAC3B;EAAkB;EAAe;;AACjC;EAA6B;;AAG/B;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAAmB;;AACnB;EAAoB;EAA4C;;AAEhE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,aT1FC;ES2FD;EACA;EACA;EACA;;AAEF;EAAc;;AAA4B;EAAY;;AACtD;EAA0B;;AAC1B;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAAmB;EAAqB,aT3GrC;ES2GyD;;;AAGhE;EAAwB;IAAO;IAAY;;;AC3H3C;EACE;EACA;;AAEA;EACE;EACA;;AVIF;EUNA;IAGoB;IAAmC;IAAqB;;;AAE5E;EAAU;;AACV;EAAK;;AACL;EAAQ;EAAoB;;AAC5B;EAAQ;;;AAGV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AVbA;EUKF;IASoB;;;AAClB;EAAM;EAAuB;;AAC7B;EAAK,aVbA;EUaoB;EAAmB;;AAC5C;EAAK,aVdA;EUcoB;EAAqC;EAAyB;;;AAGzF;EAAgB;;;AAGhB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAS;EAAkB;;AAC3B;EAAQ;;AACR;EAAU;EAA6B;;AAAmB;EAAQ;EAA4B;;AAE9F;EACE;EACA;EACA;EACA;EACA;EACA;;;ACvDJ;AACA;EACE;EACA;;AXOA;EWTF;IAGoB;IAAkC;;;AACpD;EAAW,aXQN;EWR0B;EAAqB;EAAuB;EAAqB;;AAA+B;EAAY;EAAgB;;;AAE7J;EACE;EACA;EACA;EACA;;AXDA;EWHF;IAKoB;;;AAClB;EAAK;EAA+B;;AACpC;EAAK;EAAsB;EAAe;EAAY;;AACtD;EAAa;EAAc,aXFtB;EWE0C;EAAsB;;AACrE;EAAI;EAAqB;;;AAE3B;EAAc;EAAkB;EAAY;EAAe;;;AAE3D;AACA;EACE;EAAkB;EAClB;;AACA;EAAK;;AACL;EACE;EACA;EACA;EACA;;AXnBF;EWeA;IAKoB;IAAuC;;;AACzD;EAAa;;AAEf;EAAQ,aXpBH;EWoBuB;EAAoB;;AAChD;EAAK;EAAwC;;AAC7C;EAAI;EAAqB;EAAmB;;AAC5C;EAAQ;EAAe;;;AAGzB;AACA;EACE;EACA;;AXhCA;EW8BF;IAGoB;;;;AAEpB;EACE,aXjCK;EWkCL;;AACA;EAAK;EAAe;EAAiC;EAAmB;EAAmC;;AAC3G;EAAK;;AACL;EAAY;;AACZ;EAAI;;AAAuB;EAAU;;;AAGvC;AACA;EACE;EACA;;AX/CA;EW6CF;IAGoB;;;;AAEpB;EACE;;AACA;EAAU;;AACV;EAAK,aXlDA;EWkDoB;EAAqB;EAAuB;EAAqB;;AAAsB;EAAY;EAAgB;;AAC5I;EAAI;;AAAuB;EAAU;;AACrC;EAAO,aXpDF;EWoDsB;;AAC3B;EAAK;EAAsB;EAAqB;EAAe;;;AAGjE;AACA;EAAY;;AAA+B;EAAQ;EAAkB;;;AAErE;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAGF,aXpFG;EWqFH;EACA;;AACA;EAAkB;;;ACpGtB;AACA;EACE;EACA;EACA;;AZMA;EYTF;IAIoB;;;AAClB;EAAQ;;AZIR;EYJA;IAA4C;IAAmB;;;;AAEjE;EACE;EACA;EACA;;AACA;EAAS;EAAkB;EAAmB;EAAqC;EAAyB;EAAgB;;;AZF5H;EYKF;IACoB;;;AAClB;EAAK;EAAsB;;;AAE7B;EACE;EACA;;AACA;EAAK;;;AAGP;AACA;EACE;EACA;EACA;EACA;EACA;;AZrBA;EYgBF;IAMoB;;;AZtBlB;EYgBF;IAOoB;;;AAClB;EAAa;EAAqB;EAAqB;;;AAEzD;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AACA;EAAO;EAAe;EAAgB;EAAoB;;AAE5D;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAGJ;EAAsB;;;AAGxB;AACA;EACE;EACA;;AZxDA;EYsDF;IAGoB;;;;AAEpB;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EAAK;;AACL;EAAW,aZhEN;EYgE0B;EAAwC;EAAyB;EAAkB;;AAClH;EAAU;EAAqB;EAAqB;;AACpD;EACE;EAAkB;EAAY;EAC9B;EAAe;;AACf;EAAK;EAAe;EAAY;;AAChC;EAAa;EAAc,aZtExB;EYsE4C;;AAEjD;EAAO;EAAkB;;AAEzB;EACE;EACA;;AACA;EAAI;EAAqB;;AACzB;EAAa;EAAkB;;;AAGnC;EAAc;EAAoB;EAAqB;;;AAEvD;AZtFE;EYuFF;IAAwC;IAAqB%22,%22file%22:%22main.min.css%22%7D */