/* Meluro design-review themes. The production design remains unchanged without ?draft=. */
html[data-meluro-draft] {
  --draft-paper: #ffffff;
  --draft-surface: #f4f7fa;
  --draft-ink: #111820;
  --draft-muted: #586574;
  --draft-accent: #2457ef;
  --draft-accent-2: #00a28c;
  --draft-warm: #ef5b58;
  --draft-line: rgba(17, 24, 32, 0.14);
  --draft-shadow: 0 24px 70px rgba(20, 36, 54, 0.13);
  --draft-max: 1320px;
  --ink: var(--draft-ink);
  --ink-soft: var(--draft-muted);
  --paper: var(--draft-paper);
  --white: #ffffff;
  --line: var(--draft-line);
  --blue: var(--draft-accent);
  --blue-soft: var(--draft-surface);
  --blue-pale: var(--draft-surface);
  --green: var(--draft-accent-2);
  --shadow: var(--draft-shadow);
  color-scheme: light;
}

html[data-meluro-draft] body {
  min-width: 320px;
  padding-bottom: 74px;
  color: var(--draft-ink);
  background: var(--draft-paper);
  font-size: 16px;
}

html[data-meluro-draft] .project-drift {
  opacity: 0.44;
}

html[data-meluro-draft] .site-header {
  min-height: 76px;
  padding: 16px max(24px, calc((100vw - var(--draft-max)) / 2));
  color: var(--draft-ink);
  background: rgba(255, 255, 255, 0.92);
  border-color: var(--draft-line);
  backdrop-filter: blur(20px) saturate(150%);
}

html[data-meluro-draft] .nav-links {
  gap: clamp(18px, 2.2vw, 34px);
  color: var(--draft-muted);
  font-size: 0.88rem;
  font-weight: 650;
}

html[data-meluro-draft] .nav-links a {
  position: relative;
}

html[data-meluro-draft] .nav-links a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -8px;
  height: 2px;
  background: var(--draft-accent);
  transition: right 180ms ease;
}

html[data-meluro-draft] .nav-links a:hover::after,
html[data-meluro-draft] .nav-links a:focus-visible::after {
  right: 0;
}

html[data-meluro-draft] .nav-cta,
html[data-meluro-draft] .button {
  border-radius: 4px;
}

html[data-meluro-draft] .nav-cta {
  min-height: 42px;
  padding: 10px 16px;
  color: #ffffff;
  border-color: var(--draft-accent);
  background: var(--draft-accent);
  box-shadow: none;
}

html[data-meluro-draft] .hero {
  min-height: min(900px, 92vh);
  border-bottom: 1px solid var(--draft-line);
}

html[data-meluro-draft] .hero-content {
  width: min(var(--draft-max), calc(100% - 48px));
  padding: 148px 0 74px;
}

html[data-meluro-draft] .hero-title {
  max-width: 820px;
  padding-bottom: 46px;
  font-size: 5.45rem;
  line-height: 0.99;
  font-weight: 760;
}

html[data-meluro-draft] .eyebrow,
html[data-meluro-draft] .section-kicker {
  margin-bottom: 20px;
  color: var(--draft-accent);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
}

html[data-meluro-draft] .tagline {
  margin-bottom: 20px;
  padding: 8px 12px;
  color: var(--draft-ink);
  border-color: var(--draft-accent);
  background: color-mix(in srgb, var(--draft-accent) 9%, white);
}

html[data-meluro-draft] .hero-copy {
  max-width: 650px;
  color: var(--draft-muted);
  font-size: 1.2rem;
  line-height: 1.62;
}

html[data-meluro-draft] .button {
  min-height: 52px;
  padding: 14px 20px;
  font-size: 0.93rem;
}

html[data-meluro-draft] .button-primary {
  color: #ffffff;
  background: var(--draft-accent);
}

html[data-meluro-draft] .button-primary:hover {
  background: color-mix(in srgb, var(--draft-accent) 82%, black);
}

html[data-meluro-draft] .button-secondary {
  color: var(--draft-ink);
  border-color: var(--draft-line);
  background: rgba(255, 255, 255, 0.82);
}

html[data-meluro-draft] .hero-proof {
  right: max(24px, calc((100vw - var(--draft-max)) / 2));
  width: min(306px, 24vw);
  border-radius: 6px;
  border-color: var(--draft-line);
  box-shadow: var(--draft-shadow);
}

html[data-meluro-draft] section:not(.hero) {
  padding-top: clamp(76px, 8vw, 124px);
  padding-bottom: clamp(76px, 8vw, 124px);
}

html[data-meluro-draft] .who,
html[data-meluro-draft] .budget,
html[data-meluro-draft] .services {
  max-width: var(--draft-max);
}

html[data-meluro-draft] .who-grid,
html[data-meluro-draft] .delivery,
html[data-meluro-draft] .contact {
  grid-template-columns: minmax(0, 1.03fr) minmax(340px, 0.84fr);
  gap: clamp(46px, 7vw, 112px);
}

html[data-meluro-draft] h2 {
  max-width: 880px;
  font-size: 4.4rem;
  line-height: 1.02;
  font-weight: 730;
}

html[data-meluro-draft] h3 {
  font-size: 1.22rem;
}

html[data-meluro-draft] .who-grid p,
html[data-meluro-draft] .delivery-content p,
html[data-meluro-draft] .contact-copy {
  color: var(--draft-muted);
  font-size: 1.08rem;
  line-height: 1.7;
}

html[data-meluro-draft] .who-card,
html[data-meluro-draft] .comparison-board,
html[data-meluro-draft] .service-card,
html[data-meluro-draft] .timeline-item,
html[data-meluro-draft] .contact-form {
  border-radius: 6px;
  border-color: var(--draft-line);
  box-shadow: none;
}

html[data-meluro-draft] .who-card {
  background: var(--draft-surface);
}

html[data-meluro-draft] .who-card h3 {
  color: var(--draft-accent);
}

html[data-meluro-draft] .who-visual {
  border-radius: 6px;
  border-color: var(--draft-line);
  box-shadow: var(--draft-shadow);
}

html[data-meluro-draft] .budget::before {
  opacity: 0.22;
}

html[data-meluro-draft] .budget-lead p,
html[data-meluro-draft] .service-card p,
html[data-meluro-draft] .timeline-item p {
  color: var(--draft-muted);
}

html[data-meluro-draft] .comparison-board {
  background: var(--draft-paper);
  box-shadow: var(--draft-shadow);
}

html[data-meluro-draft] .comparison-head span,
html[data-meluro-draft] .comparison-label > span,
html[data-meluro-draft] .service-number,
html[data-meluro-draft] .timeline-item span {
  color: var(--draft-accent);
}

html[data-meluro-draft] .service-grid {
  gap: 14px;
}

html[data-meluro-draft] .service-card {
  position: relative;
  min-height: 226px;
  overflow: hidden;
  background: var(--draft-paper);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

html[data-meluro-draft] .service-card:hover {
  z-index: 1;
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--draft-accent) 45%, transparent);
  box-shadow: 0 22px 54px rgba(20, 36, 54, 0.12);
}

html[data-meluro-draft] .delivery {
  background: var(--draft-surface);
}

html[data-meluro-draft] .timeline-item {
  background: var(--draft-paper);
}

html[data-meluro-draft] .timeline-scene {
  border: 1px solid var(--draft-line);
  background: #eef7ff;
}

html[data-meluro-draft] .contact {
  color: var(--draft-ink);
  background: var(--draft-surface);
}

html[data-meluro-draft] .contact-form {
  background: #ffffff;
  box-shadow: var(--draft-shadow);
}

html[data-meluro-draft] input,
html[data-meluro-draft] select,
html[data-meluro-draft] textarea {
  border-radius: 4px;
  border-color: var(--draft-line);
}

html[data-meluro-draft] input:focus,
html[data-meluro-draft] select:focus,
html[data-meluro-draft] textarea:focus {
  outline: 2px solid color-mix(in srgb, var(--draft-accent) 48%, transparent);
  outline-offset: 1px;
}

html[data-meluro-draft] .site-footer {
  border-color: var(--draft-line);
  background: var(--draft-paper);
}

html[data-meluro-draft] .site-footer a,
html[data-meluro-draft] .rocket-city-button {
  color: var(--draft-accent);
}

/* Persistent design-review control, intentionally absent from the normal site. */
.draft-review-bar {
  position: fixed;
  left: 50%;
  bottom: 14px;
  z-index: 1000;
  display: flex;
  align-items: center;
  gap: 8px;
  width: min(560px, calc(100% - 24px));
  min-height: 52px;
  padding: 7px;
  color: #f8fafc;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 7px;
  background: rgba(12, 17, 24, 0.94);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(18px) saturate(140%);
  transform: translateX(-50%);
}

.draft-review-overview,
.draft-review-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 36px;
  border-radius: 4px;
  transition: background 150ms ease, color 150ms ease;
}

.draft-review-overview {
  padding: 0 11px;
  color: #ffffff;
  font-size: 0.77rem;
  font-weight: 750;
}

.draft-review-arrow {
  width: 36px;
  color: #d8e1eb;
  font-size: 1.15rem;
}

.draft-review-overview:hover,
.draft-review-overview:focus-visible,
.draft-review-arrow:hover,
.draft-review-arrow:focus-visible {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
}

.draft-review-divider {
  align-self: stretch;
  width: 1px;
  margin: 3px 1px;
  background: rgba(255, 255, 255, 0.13);
}

.draft-review-picker {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  flex: 1 1 auto;
  color: #96a5b5;
  font-size: 0.66rem;
  font-weight: 800;
  text-transform: uppercase;
}

.draft-review-picker select {
  min-width: 0;
  height: 36px;
  padding: 0 30px 0 10px;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 4px;
  outline: none;
  background-color: #1d2631;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: none;
}

.draft-review-picker select:focus-visible {
  border-color: #7fb1ff;
  outline: 2px solid rgba(127, 177, 255, 0.3);
}

/* 01. Atlas Grid: rigorous, institutional, and direct. */
html[data-meluro-draft="atlas"] {
  --draft-paper: #ffffff;
  --draft-surface: #f2f4f8;
  --draft-ink: #101318;
  --draft-muted: #515b68;
  --draft-accent: #2251ff;
  --draft-accent-2: #008c7b;
  --draft-warm: #ef4c50;
  --draft-line: rgba(16, 19, 24, 0.18);
  --draft-shadow: 12px 14px 0 rgba(34, 81, 255, 0.09);
}

html[data-meluro-draft="atlas"] body {
  font-family: Arial, Helvetica, Inter, sans-serif;
}

html[data-meluro-draft="atlas"] .site-header {
  border-bottom: 2px solid var(--draft-ink);
  background: rgba(255, 255, 255, 0.96);
}

html[data-meluro-draft="atlas"] .nav-cta {
  color: var(--draft-ink);
  border-color: var(--draft-ink);
  background: #ffffff;
  box-shadow: 4px 4px 0 var(--draft-accent);
}

html[data-meluro-draft="atlas"] .hero {
  background: #ffffff;
}

html[data-meluro-draft="atlas"] .hero::before {
  opacity: 0.46;
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg, #000 0%, #000 47%, transparent 68%);
}

html[data-meluro-draft="atlas"] .hero::after {
  content: "";
  position: absolute;
  left: max(24px, calc((100vw - var(--draft-max)) / 2));
  top: 76px;
  bottom: 0;
  z-index: 1;
  width: 8px;
  background: linear-gradient(180deg, var(--draft-accent) 0 72%, var(--draft-warm) 72% 100%);
  pointer-events: none;
}

html[data-meluro-draft="atlas"] .hero-image {
  left: 55%;
  width: 45%;
  object-position: 58% center;
  filter: saturate(0.78) contrast(1.08);
}

html[data-meluro-draft="atlas"] .hero-overlay {
  background: linear-gradient(90deg, #ffffff 0%, #ffffff 49%, rgba(255, 255, 255, 0.95) 56%, rgba(255, 255, 255, 0.08) 77%);
}

html[data-meluro-draft="atlas"] .hero-content {
  padding-left: 40px;
}

html[data-meluro-draft="atlas"] .hero-title {
  max-width: 760px;
  font-size: 6rem;
  line-height: 0.91;
  font-weight: 700;
}

html[data-meluro-draft="atlas"] .eyebrow,
html[data-meluro-draft="atlas"] .section-kicker,
html[data-meluro-draft="atlas"] .service-number {
  font-family: "SFMono-Regular", Consolas, monospace;
}

html[data-meluro-draft="atlas"] .hero-proof {
  border: 2px solid var(--draft-ink);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 8px 8px 0 var(--draft-accent);
}

html[data-meluro-draft="atlas"] .button-primary {
  box-shadow: 5px 5px 0 var(--draft-ink);
}

html[data-meluro-draft="atlas"] .button-secondary {
  border-color: var(--draft-ink);
}

html[data-meluro-draft="atlas"] .who-card {
  border: 0;
  border-top: 7px solid var(--draft-accent);
  border-radius: 0;
  background: var(--draft-surface);
}

html[data-meluro-draft="atlas"] .who-visual {
  border-radius: 0;
  box-shadow: 12px 12px 0 rgba(239, 76, 80, 0.16);
}

html[data-meluro-draft="atlas"] .budget {
  border-top: 2px solid var(--draft-ink);
}

html[data-meluro-draft="atlas"] .comparison-board {
  border: 2px solid var(--draft-ink);
  border-radius: 0;
  box-shadow: 10px 10px 0 rgba(34, 81, 255, 0.1);
}

html[data-meluro-draft="atlas"] .service-grid {
  gap: 0;
  border-top: 2px solid var(--draft-ink);
  border-left: 2px solid var(--draft-ink);
}

html[data-meluro-draft="atlas"] .service-card {
  min-height: 238px;
  margin: 0;
  border: 0;
  border-right: 2px solid var(--draft-ink);
  border-bottom: 2px solid var(--draft-ink);
  border-radius: 0;
}

html[data-meluro-draft="atlas"] .service-card:nth-child(2),
html[data-meluro-draft="atlas"] .service-card:nth-child(6) {
  background: #f3f6ff;
}

html[data-meluro-draft="atlas"] .service-card:nth-child(4) {
  background: #fff4f4;
}

html[data-meluro-draft="atlas"] .delivery {
  border-top: 2px solid var(--draft-ink);
  border-bottom: 2px solid var(--draft-ink);
  background: #f2f4f8;
}

html[data-meluro-draft="atlas"] .timeline-item {
  border: 2px solid var(--draft-ink);
  border-radius: 0;
}

html[data-meluro-draft="atlas"] .contact {
  background: var(--draft-accent);
}

html[data-meluro-draft="atlas"] .contact > div,
html[data-meluro-draft="atlas"] .contact .section-kicker,
html[data-meluro-draft="atlas"] .contact h2,
html[data-meluro-draft="atlas"] .contact-copy {
  color: #ffffff;
}

html[data-meluro-draft="atlas"] .contact-form {
  border: 2px solid var(--draft-ink);
  border-radius: 0;
  box-shadow: 10px 10px 0 rgba(16, 19, 24, 0.34);
}

html[data-meluro-draft="atlas"] .site-footer {
  color: rgba(255, 255, 255, 0.7);
  border-color: #101318;
  background: #101318;
}

html[data-meluro-draft="atlas"] .footer-fine-print {
  border-color: rgba(255, 255, 255, 0.16);
}

html[data-meluro-draft="atlas"] .site-footer a,
html[data-meluro-draft="atlas"] .rocket-city-button {
  color: #8eabff;
}

/* 02. Aether Systems: bright, fluid, and quietly advanced. */
html[data-meluro-draft="aether"] {
  --draft-paper: #fbfdff;
  --draft-surface: #edf7fb;
  --draft-ink: #10283e;
  --draft-muted: #526a7c;
  --draft-accent: #1768e5;
  --draft-accent-2: #009d8e;
  --draft-warm: #f16f61;
  --draft-line: rgba(23, 104, 229, 0.15);
  --draft-shadow: 0 28px 80px rgba(34, 93, 135, 0.15);
}

html[data-meluro-draft="aether"] body {
  background: linear-gradient(180deg, #fbfdff 0%, #f4fbff 38%, #ffffff 100%);
}

html[data-meluro-draft="aether"] .site-header {
  top: 12px;
  left: max(12px, calc((100vw - 1400px) / 2));
  right: max(12px, calc((100vw - 1400px) / 2));
  min-height: 64px;
  padding: 12px 18px;
  border: 1px solid rgba(23, 104, 229, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 0 16px 45px rgba(37, 90, 128, 0.1);
}

html[data-meluro-draft="aether"] .nav-cta {
  background: linear-gradient(135deg, var(--draft-accent), #124db5);
}

html[data-meluro-draft="aether"] .hero {
  min-height: min(940px, 96vh);
  background: #eff9ff;
}

html[data-meluro-draft="aether"] .hero::before {
  opacity: 0.32;
  background-size: 78px 78px;
  mask-image: linear-gradient(90deg, #000, transparent 76%);
}

html[data-meluro-draft="aether"] .hero-image {
  left: 43%;
  width: 57%;
  object-position: 44% center;
  filter: saturate(0.92) contrast(0.96) brightness(1.06);
}

html[data-meluro-draft="aether"] .hero-overlay {
  background:
    linear-gradient(90deg, #f9fdff 0%, rgba(249, 253, 255, 0.96) 42%, rgba(238, 249, 255, 0.56) 67%, rgba(238, 249, 255, 0.1) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(219, 242, 250, 0.74));
}

html[data-meluro-draft="aether"] .hero-content {
  padding-top: 154px;
}

html[data-meluro-draft="aether"] .hero-title {
  max-width: 790px;
  color: #0d2d49;
  font-weight: 700;
}

html[data-meluro-draft="aether"] .tagline {
  color: #0e5d62;
  border-color: var(--draft-accent-2);
  background: rgba(255, 255, 255, 0.72);
}

html[data-meluro-draft="aether"] .hero-proof {
  border-color: rgba(0, 157, 142, 0.2);
  background: rgba(255, 255, 255, 0.68);
  box-shadow: 0 28px 80px rgba(23, 91, 129, 0.18);
}

html[data-meluro-draft="aether"] .proof-flow span {
  background: var(--draft-accent-2);
}

html[data-meluro-draft="aether"] .who-card {
  border-color: rgba(0, 157, 142, 0.19);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(228, 248, 244, 0.84));
  box-shadow: 0 24px 70px rgba(34, 111, 122, 0.11);
}

html[data-meluro-draft="aether"] .who-card h3 {
  color: #087f75;
}

html[data-meluro-draft="aether"] .who-visual {
  box-shadow: 0 34px 90px rgba(29, 91, 126, 0.17);
}

html[data-meluro-draft="aether"] .budget {
  background: #f7fcff;
  box-shadow: 0 0 0 100vmax #f7fcff;
  clip-path: inset(0 -100vmax);
}

html[data-meluro-draft="aether"] .comparison-board {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(237, 250, 249, 0.9)),
    repeating-linear-gradient(90deg, rgba(23, 104, 229, 0.05) 0 1px, transparent 1px 66px);
  box-shadow: 0 28px 80px rgba(40, 97, 130, 0.14);
}

html[data-meluro-draft="aether"] .service-card {
  border-color: rgba(23, 104, 229, 0.13);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 14px 42px rgba(39, 94, 128, 0.07);
}

html[data-meluro-draft="aether"] .service-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--draft-accent), var(--draft-accent-2), var(--draft-warm));
}

html[data-meluro-draft="aether"] .service-card:nth-child(2n)::before {
  background: linear-gradient(90deg, var(--draft-accent-2), var(--draft-warm));
}

html[data-meluro-draft="aether"] .delivery {
  background: linear-gradient(135deg, #eaf8fc, #f4fffd 52%, #eef5ff);
}

html[data-meluro-draft="aether"] .timeline-item {
  border-color: rgba(0, 157, 142, 0.16);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 16px 48px rgba(40, 105, 126, 0.08);
}

html[data-meluro-draft="aether"] .contact {
  background: #0e3552;
}

html[data-meluro-draft="aether"] .contact > div,
html[data-meluro-draft="aether"] .contact h2 {
  color: #ffffff;
}

html[data-meluro-draft="aether"] .contact .section-kicker {
  color: #69e0d2;
}

html[data-meluro-draft="aether"] .contact-copy {
  color: rgba(255, 255, 255, 0.7);
}

html[data-meluro-draft="aether"] .contact-form {
  border-color: rgba(255, 255, 255, 0.32);
  box-shadow: 0 30px 80px rgba(3, 23, 38, 0.38);
}

html[data-meluro-draft="aether"] .site-footer {
  color: #566d7d;
  background: #f4fbff;
}

/* 03. Night Operations: cinematic engineering with a sharp control-room edge. */
html[data-meluro-draft="night"] {
  --draft-paper: #080a0d;
  --draft-surface: #11161b;
  --draft-ink: #f5f7f8;
  --draft-muted: #a8b3ba;
  --draft-accent: #45d8f3;
  --draft-accent-2: #8de35f;
  --draft-warm: #ff775f;
  --draft-line: rgba(255, 255, 255, 0.15);
  --draft-shadow: 0 32px 90px rgba(0, 0, 0, 0.38);
  color-scheme: dark;
}

html[data-meluro-draft="night"] body {
  color: #f5f7f8;
  background: #080a0d;
}

html[data-meluro-draft="night"] .site-header {
  color: #ffffff;
  border-color: rgba(69, 216, 243, 0.22);
  background: rgba(7, 10, 13, 0.9);
}

html[data-meluro-draft="night"] .brand-wordmark,
html[data-meluro-draft="night"] .brand-gear-image {
  filter: grayscale(1) brightness(0) invert(1);
}

html[data-meluro-draft="night"] .nav-links {
  color: #b7c0c6;
}

html[data-meluro-draft="night"] .nav-cta {
  color: #061014;
  border-color: #45d8f3;
  background: #45d8f3;
}

html[data-meluro-draft="night"] .hero {
  background: #080a0d;
}

html[data-meluro-draft="night"] .hero::before {
  opacity: 0.38;
  background-image:
    linear-gradient(rgba(69, 216, 243, 0.13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(69, 216, 243, 0.13) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(90deg, #000, transparent 78%);
}

html[data-meluro-draft="night"] .hero::after {
  content: "SYSTEM / READY";
  position: absolute;
  right: max(24px, calc((100vw - var(--draft-max)) / 2));
  top: 112px;
  z-index: 2;
  color: #8de35f;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 0.66rem;
  font-weight: 800;
  pointer-events: none;
}

html[data-meluro-draft="night"] .hero-image {
  left: 45%;
  width: 55%;
  filter: grayscale(0.45) saturate(0.75) brightness(0.46) contrast(1.3);
}

html[data-meluro-draft="night"] .hero-overlay {
  background:
    linear-gradient(90deg, #080a0d 0%, rgba(8, 10, 13, 0.97) 43%, rgba(8, 10, 13, 0.4) 77%, rgba(8, 10, 13, 0.2)),
    linear-gradient(180deg, rgba(8, 10, 13, 0.18), #080a0d 100%);
}

html[data-meluro-draft="night"] .hero-title,
html[data-meluro-draft="night"] .hero-title-static,
html[data-meluro-draft="night"] .hero-title-sequence {
  color: #ffffff;
}

html[data-meluro-draft="night"] .hero-title {
  max-width: 850px;
  font-weight: 720;
}

html[data-meluro-draft="night"] .eyebrow,
html[data-meluro-draft="night"] .section-kicker,
html[data-meluro-draft="night"] .service-number,
html[data-meluro-draft="night"] .timeline-item span {
  font-family: "SFMono-Regular", Consolas, monospace;
}

html[data-meluro-draft="night"] .tagline {
  color: #bdf6ff;
  border-color: #45d8f3;
  background: rgba(69, 216, 243, 0.08);
}

html[data-meluro-draft="night"] .hero-copy {
  color: #b7c0c6;
}

html[data-meluro-draft="night"] .button-secondary {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.32);
  background: rgba(255, 255, 255, 0.05);
}

html[data-meluro-draft="night"] .button-primary {
  color: #061014;
}

html[data-meluro-draft="night"] .hero-proof {
  color: #f5f7f8;
  border-color: rgba(69, 216, 243, 0.28);
  background: rgba(10, 16, 20, 0.78);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.52), inset 0 0 0 1px rgba(69, 216, 243, 0.05);
}

html[data-meluro-draft="night"] .proof-header,
html[data-meluro-draft="night"] .proof-row strong {
  color: #ffffff;
}

html[data-meluro-draft="night"] .proof-header span,
html[data-meluro-draft="night"] .proof-row span {
  color: #91a0a8;
}

html[data-meluro-draft="night"] .proof-row {
  border-color: rgba(255, 255, 255, 0.12);
}

html[data-meluro-draft="night"] .proof-flow span {
  border-color: #11161b;
  background: #45d8f3;
}

html[data-meluro-draft="night"] .who {
  color: #151b20;
  background: #ffffff;
  box-shadow: 0 0 0 100vmax #ffffff;
  clip-path: inset(0 -100vmax);
}

html[data-meluro-draft="night"] .who .section-kicker,
html[data-meluro-draft="night"] .who-card h3 {
  color: #007e94;
}

html[data-meluro-draft="night"] .who-grid p,
html[data-meluro-draft="night"] .who-card .check-list {
  color: #55636d;
}

html[data-meluro-draft="night"] .who-card {
  border-color: rgba(8, 10, 13, 0.13);
  background: #f2f6f7;
}

html[data-meluro-draft="night"] .who-visual {
  border-color: rgba(8, 10, 13, 0.16);
  box-shadow: 0 30px 80px rgba(8, 10, 13, 0.16);
}

html[data-meluro-draft="night"] .budget {
  color: #f5f7f8;
  background: #080a0d;
}

html[data-meluro-draft="night"] .budget-lead p,
html[data-meluro-draft="night"] .comparison-label small,
html[data-meluro-draft="night"] .comparison-scale {
  color: #9ca9b1;
}

html[data-meluro-draft="night"] .comparison-board {
  color: #f5f7f8;
  border-color: rgba(69, 216, 243, 0.2);
  background:
    linear-gradient(135deg, rgba(18, 25, 30, 0.98), rgba(9, 13, 16, 0.98)),
    repeating-linear-gradient(90deg, rgba(69, 216, 243, 0.08) 0 1px, transparent 1px 56px);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.45);
}

html[data-meluro-draft="night"] .comparison-head,
html[data-meluro-draft="night"] .proof-row {
  border-color: rgba(255, 255, 255, 0.13);
}

html[data-meluro-draft="night"] .comparison-head strong,
html[data-meluro-draft="night"] .comparison-label strong {
  color: #ffffff;
}

html[data-meluro-draft="night"] .services {
  color: #10161b;
  background: #f7f8f9;
  box-shadow: 0 0 0 100vmax #f7f8f9;
  clip-path: inset(0 -100vmax);
}

html[data-meluro-draft="night"] .service-card {
  color: #12181d;
  border-color: rgba(8, 10, 13, 0.15);
  background: #ffffff;
}

html[data-meluro-draft="night"] .service-card:nth-child(3n + 1) {
  border-top: 3px solid #45d8f3;
}

html[data-meluro-draft="night"] .service-card:nth-child(3n + 2) {
  border-top: 3px solid #8de35f;
}

html[data-meluro-draft="night"] .service-card:nth-child(3n) {
  border-top: 3px solid #ff775f;
}

html[data-meluro-draft="night"] .service-card p {
  color: #59656e;
}

html[data-meluro-draft="night"] .delivery {
  color: #ffffff;
  background: #0c2024;
}

html[data-meluro-draft="night"] .delivery-content p {
  color: #a9c1c5;
}

html[data-meluro-draft="night"] .timeline-item {
  color: #eff8f8;
  border-color: rgba(69, 216, 243, 0.2);
  background: #102a2f;
}

html[data-meluro-draft="night"] .timeline-item p {
  color: #a9c1c5;
}

html[data-meluro-draft="night"] .contact {
  color: #18110f;
  background: #ff775f;
}

html[data-meluro-draft="night"] .contact > div,
html[data-meluro-draft="night"] .contact h2,
html[data-meluro-draft="night"] .contact .section-kicker,
html[data-meluro-draft="night"] .contact-copy {
  color: #18110f;
}

html[data-meluro-draft="night"] .contact-form {
  color: #111820;
  border-color: rgba(8, 10, 13, 0.24);
  background: #ffffff;
  box-shadow: 0 32px 90px rgba(68, 16, 8, 0.3);
}

html[data-meluro-draft="night"] .contact-form label,
html[data-meluro-draft="night"] .contact-form .terms-consent {
  color: #4d5963;
}

html[data-meluro-draft="night"] .contact-form input,
html[data-meluro-draft="night"] .contact-form select,
html[data-meluro-draft="night"] .contact-form textarea {
  color: #111820;
  border-color: rgba(17, 24, 32, 0.18);
  background: #ffffff;
  color-scheme: light;
}

html[data-meluro-draft="night"] .contact-form input::placeholder,
html[data-meluro-draft="night"] .contact-form textarea::placeholder {
  color: #687580;
  opacity: 1;
}

html[data-meluro-draft="night"] .site-footer {
  color: #9ba6ac;
  border-color: rgba(255, 255, 255, 0.13);
  background: #080a0d;
}

html[data-meluro-draft="night"] .footer-fine-print {
  border-color: rgba(255, 255, 255, 0.12);
}

/* 04. Ledger Authority: measured, strategic, and boardroom-ready. */
html[data-meluro-draft="ledger"] {
  --draft-paper: #ffffff;
  --draft-surface: #f2f5f3;
  --draft-ink: #13283b;
  --draft-muted: #5c6870;
  --draft-accent: #087c66;
  --draft-accent-2: #214e75;
  --draft-warm: #b58a42;
  --draft-line: rgba(19, 40, 59, 0.18);
  --draft-shadow: 0 24px 70px rgba(17, 46, 64, 0.12);
}

html[data-meluro-draft="ledger"] h1,
html[data-meluro-draft="ledger"] h2,
html[data-meluro-draft="ledger"] h3,
html[data-meluro-draft="ledger"] .who-card h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 600;
}

html[data-meluro-draft="ledger"] .site-header {
  border-bottom: 1px solid rgba(19, 40, 59, 0.22);
  background: rgba(255, 255, 255, 0.97);
}

html[data-meluro-draft="ledger"] .nav-cta {
  background: #13283b;
  border-color: #13283b;
}

html[data-meluro-draft="ledger"] .hero {
  background: #f8faf9;
}

html[data-meluro-draft="ledger"] .hero::before {
  opacity: 0.28;
  background-size: 1px 100%;
  background-image: linear-gradient(90deg, rgba(19, 40, 59, 0.13) 1px, transparent 1px);
  mask-image: linear-gradient(90deg, #000, transparent 72%);
}

html[data-meluro-draft="ledger"] .hero-image {
  left: 53%;
  width: 47%;
  object-position: 54% center;
  filter: saturate(0.68) contrast(0.98) brightness(0.98);
}

html[data-meluro-draft="ledger"] .hero-overlay {
  background: linear-gradient(90deg, #f8faf9 0%, #f8faf9 48%, rgba(248, 250, 249, 0.9) 57%, rgba(248, 250, 249, 0.08) 82%);
}

html[data-meluro-draft="ledger"] .hero-title {
  max-width: 790px;
  font-size: 5.7rem;
  line-height: 0.96;
}

html[data-meluro-draft="ledger"] .eyebrow,
html[data-meluro-draft="ledger"] .section-kicker {
  color: #087c66;
}

html[data-meluro-draft="ledger"] .tagline {
  border-color: #b58a42;
  background: #f8f3e9;
}

html[data-meluro-draft="ledger"] .hero-proof {
  border: 1px solid rgba(19, 40, 59, 0.24);
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0 28px 70px rgba(18, 49, 65, 0.15);
}

html[data-meluro-draft="ledger"] .who-card {
  border: 0;
  border-left: 1px solid rgba(19, 40, 59, 0.22);
  border-radius: 0;
  background: transparent;
}

html[data-meluro-draft="ledger"] .who-card h3 {
  color: #13283b;
}

html[data-meluro-draft="ledger"] .who-visual {
  border-radius: 0;
  filter: saturate(0.75);
}

html[data-meluro-draft="ledger"] .budget {
  border-top: 1px solid rgba(19, 40, 59, 0.18);
}

html[data-meluro-draft="ledger"] .comparison-board {
  border-radius: 0;
  background: #ffffff;
  box-shadow: 0 24px 70px rgba(17, 46, 64, 0.1);
}

html[data-meluro-draft="ledger"] .services {
  background: #f2f5f3;
  box-shadow: 0 0 0 100vmax #f2f5f3;
  clip-path: inset(0 -100vmax);
}

html[data-meluro-draft="ledger"] .service-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 56px;
  border-top: 1px solid rgba(19, 40, 59, 0.22);
}

html[data-meluro-draft="ledger"] .service-card {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  align-content: center;
  min-height: 190px;
  padding: 30px 0;
  border: 0;
  border-bottom: 1px solid rgba(19, 40, 59, 0.2);
  border-radius: 0;
  background: transparent;
}

html[data-meluro-draft="ledger"] .service-card:hover {
  padding-left: 12px;
  border-color: #087c66;
  box-shadow: none;
}

html[data-meluro-draft="ledger"] .service-number {
  grid-row: 1 / 3;
  margin: 3px 0 0;
  color: #b58a42;
}

html[data-meluro-draft="ledger"] .service-card h3,
html[data-meluro-draft="ledger"] .service-card p {
  grid-column: 2;
}

html[data-meluro-draft="ledger"] .service-card h3 {
  margin-bottom: 10px;
  font-size: 1.36rem;
}

html[data-meluro-draft="ledger"] .delivery {
  background: #e9f2ef;
}

html[data-meluro-draft="ledger"] .timeline-item {
  border-radius: 0;
  border-color: rgba(8, 124, 102, 0.2);
  background: rgba(255, 255, 255, 0.86);
}

html[data-meluro-draft="ledger"] .contact {
  background: #13283b;
}

html[data-meluro-draft="ledger"] .contact > div,
html[data-meluro-draft="ledger"] .contact h2 {
  color: #ffffff;
}

html[data-meluro-draft="ledger"] .contact .section-kicker {
  color: #68d0ba;
}

html[data-meluro-draft="ledger"] .contact-copy {
  color: rgba(255, 255, 255, 0.68);
}

html[data-meluro-draft="ledger"] .contact-form {
  border-radius: 0;
  border-top: 5px solid #b58a42;
}

html[data-meluro-draft="ledger"] .site-footer {
  background: #f2f5f3;
}

/* 05. Product Foundry: industrial, decisive, and built around the work. */
html[data-meluro-draft="foundry"] {
  --draft-paper: #f5f6f4;
  --draft-surface: #e9ecea;
  --draft-ink: #101210;
  --draft-muted: #555c57;
  --draft-accent: #f15a24;
  --draft-accent-2: #175ad8;
  --draft-warm: #f0bf36;
  --draft-line: rgba(16, 18, 16, 0.2);
  --draft-shadow: 14px 14px 0 rgba(16, 18, 16, 0.1);
}

html[data-meluro-draft="foundry"] body {
  font-family: Arial, Helvetica, Inter, sans-serif;
  background: #f5f6f4;
}

html[data-meluro-draft="foundry"] .site-header {
  border-bottom: 3px solid #101210;
  background: rgba(245, 246, 244, 0.96);
}

html[data-meluro-draft="foundry"] .nav-cta {
  border-color: #101210;
  background: #101210;
}

html[data-meluro-draft="foundry"] .hero {
  background: #e9ecea;
}

html[data-meluro-draft="foundry"] .hero::before {
  opacity: 0.34;
  background-size: 36px 36px;
  mask-image: linear-gradient(90deg, #000, transparent 66%);
}

html[data-meluro-draft="foundry"] .hero::after {
  content: "05 / PRODUCT FOUNDRY";
  position: absolute;
  left: max(24px, calc((100vw - var(--draft-max)) / 2));
  bottom: 28px;
  z-index: 2;
  color: #101210;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 0.68rem;
  font-weight: 800;
  pointer-events: none;
}

html[data-meluro-draft="foundry"] .hero-image {
  left: 57%;
  width: 43%;
  object-position: 53% center;
  filter: grayscale(0.18) saturate(0.72) contrast(1.14);
}

html[data-meluro-draft="foundry"] .hero-overlay {
  background: linear-gradient(90deg, #e9ecea 0%, #e9ecea 51%, rgba(233, 236, 234, 0.93) 59%, rgba(233, 236, 234, 0.03) 80%);
}

html[data-meluro-draft="foundry"] .hero-content {
  padding-left: 32px;
  border-left: 12px solid #f15a24;
}

html[data-meluro-draft="foundry"] .hero-title {
  max-width: 800px;
  font-size: 6rem;
  line-height: 0.9;
  text-transform: uppercase;
}

html[data-meluro-draft="foundry"] .eyebrow,
html[data-meluro-draft="foundry"] .section-kicker,
html[data-meluro-draft="foundry"] .service-number {
  font-family: "SFMono-Regular", Consolas, monospace;
  color: #175ad8;
}

html[data-meluro-draft="foundry"] .tagline {
  border-color: #101210;
  background: #f0bf36;
}

html[data-meluro-draft="foundry"] .button-primary {
  color: #101210;
  border-color: #101210;
  background: #f15a24;
  box-shadow: 5px 5px 0 #101210;
}

html[data-meluro-draft="foundry"] .button-secondary {
  border: 2px solid #101210;
  background: transparent;
}

html[data-meluro-draft="foundry"] .hero-proof {
  border: 3px solid #101210;
  border-radius: 0;
  background: rgba(245, 246, 244, 0.94);
  box-shadow: 9px 9px 0 #175ad8;
}

html[data-meluro-draft="foundry"] .who {
  background: #ffffff;
  box-shadow: 0 0 0 100vmax #ffffff;
  clip-path: inset(0 -100vmax);
}

html[data-meluro-draft="foundry"] .who-card {
  border: 3px solid #101210;
  border-radius: 0;
  background: #f0bf36;
  box-shadow: 9px 9px 0 #101210;
}

html[data-meluro-draft="foundry"] .who-card h3 {
  color: #101210;
}

html[data-meluro-draft="foundry"] .who-visual {
  border: 3px solid #101210;
  border-radius: 0;
  box-shadow: none;
}

html[data-meluro-draft="foundry"] .comparison-board {
  border: 3px solid #101210;
  border-radius: 0;
  background: #ffffff;
  box-shadow: 12px 12px 0 rgba(23, 90, 216, 0.18);
}

html[data-meluro-draft="foundry"] .services {
  border-top: 3px solid #101210;
}

html[data-meluro-draft="foundry"] .service-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

html[data-meluro-draft="foundry"] .service-card {
  min-height: 210px;
  border: 2px solid #101210;
  border-radius: 0;
  background: #ffffff;
}

html[data-meluro-draft="foundry"] .service-card:nth-child(2),
html[data-meluro-draft="foundry"] .service-card:nth-child(5) {
  background: #e6edff;
}

html[data-meluro-draft="foundry"] .service-card:nth-child(3),
html[data-meluro-draft="foundry"] .service-card:nth-child(6) {
  background: #fff3e9;
}

html[data-meluro-draft="foundry"] .delivery {
  color: #ffffff;
  background: #101210;
}

html[data-meluro-draft="foundry"] .delivery .section-kicker {
  color: #f0bf36;
}

html[data-meluro-draft="foundry"] .delivery-content p,
html[data-meluro-draft="foundry"] .timeline-item p {
  color: #bdc5bf;
}

html[data-meluro-draft="foundry"] .timeline-item {
  color: #ffffff;
  border: 2px solid #58615a;
  border-radius: 0;
  background: #1b1f1c;
}

html[data-meluro-draft="foundry"] .timeline-item:nth-child(2) {
  border-left: 8px solid #175ad8;
}

html[data-meluro-draft="foundry"] .timeline-item:nth-child(3) {
  border-left: 8px solid #f15a24;
}

html[data-meluro-draft="foundry"] .contact {
  background: #e9ecea;
}

html[data-meluro-draft="foundry"] .contact-form {
  border: 3px solid #101210;
  border-radius: 0;
  box-shadow: 12px 12px 0 #f15a24;
}

html[data-meluro-draft="foundry"] .site-footer {
  color: #d5dbd7;
  border-color: #101210;
  background: #101210;
}

html[data-meluro-draft="foundry"] .footer-fine-print {
  border-color: rgba(255, 255, 255, 0.14);
}

/* 06. Precision Signal: fast-moving, exact, and unmistakably technical. */
html[data-meluro-draft="signal"] {
  --draft-paper: #ffffff;
  --draft-surface: #f2f4f5;
  --draft-ink: #0b0d10;
  --draft-muted: #596169;
  --draft-accent: #1958ff;
  --draft-accent-2: #a5ed35;
  --draft-warm: #f343a4;
  --draft-line: rgba(11, 13, 16, 0.18);
  --draft-shadow: 0 28px 80px rgba(11, 13, 16, 0.14);
}

html[data-meluro-draft="signal"] body {
  background: #ffffff;
}

html[data-meluro-draft="signal"] .site-header {
  border-bottom: 1px solid #0b0d10;
  background: rgba(255, 255, 255, 0.96);
}

html[data-meluro-draft="signal"] .nav-cta {
  color: #0b0d10;
  border-color: #a5ed35;
  background: #a5ed35;
}

html[data-meluro-draft="signal"] .hero {
  background: #ffffff;
}

html[data-meluro-draft="signal"] .hero::before {
  opacity: 0.36;
  background-image:
    linear-gradient(rgba(25, 88, 255, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 88, 255, 0.12) 1px, transparent 1px);
  background-size: 40px 40px;
  mask-image: linear-gradient(90deg, #000, #000 52%, transparent 80%);
}

html[data-meluro-draft="signal"] .hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  height: 12px;
  background: linear-gradient(90deg, #1958ff 0 48%, #a5ed35 48% 78%, #f343a4 78% 100%);
  pointer-events: none;
}

html[data-meluro-draft="signal"] .hero-image {
  left: 50%;
  width: 50%;
  object-position: 48% center;
  filter: grayscale(0.84) contrast(1.15) brightness(1.04);
}

html[data-meluro-draft="signal"] .hero-overlay {
  background: linear-gradient(90deg, #ffffff 0%, #ffffff 45%, rgba(255, 255, 255, 0.92) 55%, rgba(255, 255, 255, 0.08) 83%);
}

html[data-meluro-draft="signal"] .hero-title {
  max-width: 840px;
  font-size: 6.3rem;
  line-height: 0.89;
  font-weight: 800;
}

html[data-meluro-draft="signal"] .eyebrow,
html[data-meluro-draft="signal"] .section-kicker,
html[data-meluro-draft="signal"] .service-number,
html[data-meluro-draft="signal"] .comparison-head span {
  font-family: "SFMono-Regular", Consolas, monospace;
}

html[data-meluro-draft="signal"] .tagline {
  color: #0b0d10;
  border-color: #0b0d10;
  background: #a5ed35;
}

html[data-meluro-draft="signal"] .button-primary {
  background: #1958ff;
}

html[data-meluro-draft="signal"] .button-secondary {
  border-color: #0b0d10;
  background: #ffffff;
}

html[data-meluro-draft="signal"] .hero-proof {
  border: 1px solid #0b0d10;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 8px 8px 0 #a5ed35;
}

html[data-meluro-draft="signal"] .who-card {
  border: 1px solid #0b0d10;
  border-radius: 0;
  background: #f6f7f8;
  box-shadow: 8px 8px 0 rgba(25, 88, 255, 0.13);
}

html[data-meluro-draft="signal"] .who-card h3 {
  color: #1958ff;
}

html[data-meluro-draft="signal"] .who-visual {
  border-radius: 0;
  filter: grayscale(0.35) contrast(1.05);
}

html[data-meluro-draft="signal"] .budget {
  color: #ffffff;
  background: #0b0d10;
  box-shadow: 0 0 0 100vmax #0b0d10;
  clip-path: inset(0 -100vmax);
}

html[data-meluro-draft="signal"] .budget .section-kicker {
  color: #a5ed35;
}

html[data-meluro-draft="signal"] .budget-lead p,
html[data-meluro-draft="signal"] .comparison-scale {
  color: #aab2ba;
}

html[data-meluro-draft="signal"] .comparison-board {
  color: #0b0d10;
  border: 0;
  border-radius: 0;
  background: #ffffff;
  box-shadow: 10px 10px 0 #1958ff;
}

html[data-meluro-draft="signal"] .services {
  background: #ffffff;
}

html[data-meluro-draft="signal"] .service-grid {
  gap: 10px;
}

html[data-meluro-draft="signal"] .service-card {
  min-height: 230px;
  border: 1px solid #0b0d10;
  border-radius: 0;
}

html[data-meluro-draft="signal"] .service-card:nth-child(3n + 1) {
  border-top: 7px solid #1958ff;
}

html[data-meluro-draft="signal"] .service-card:nth-child(3n + 2) {
  border-top: 7px solid #a5ed35;
}

html[data-meluro-draft="signal"] .service-card:nth-child(3n) {
  border-top: 7px solid #f343a4;
}

html[data-meluro-draft="signal"] .delivery {
  border-top: 1px solid #0b0d10;
  border-bottom: 1px solid #0b0d10;
  background: #eef1f3;
}

html[data-meluro-draft="signal"] .timeline-item {
  border-radius: 0;
  border-color: #0b0d10;
  background: #ffffff;
}

html[data-meluro-draft="signal"] .timeline-item::before {
  background: #a5ed35;
}

html[data-meluro-draft="signal"] .contact {
  background: #1958ff;
}

html[data-meluro-draft="signal"] .contact > div,
html[data-meluro-draft="signal"] .contact h2,
html[data-meluro-draft="signal"] .contact .section-kicker {
  color: #ffffff;
}

html[data-meluro-draft="signal"] .contact-copy {
  color: rgba(255, 255, 255, 0.76);
}

html[data-meluro-draft="signal"] .contact-form {
  border: 1px solid #0b0d10;
  border-radius: 0;
  box-shadow: 10px 10px 0 #a5ed35;
}

html[data-meluro-draft="signal"] .site-footer {
  color: #c1c6cc;
  background: #0b0d10;
}

html[data-meluro-draft="signal"] .footer-fine-print {
  border-color: rgba(255, 255, 255, 0.14);
}

/* 07. Executive Summit: understated, established, and premium. */
html[data-meluro-draft="summit"] {
  --draft-paper: #fdfcfd;
  --draft-surface: #f2f3f5;
  --draft-ink: #24192e;
  --draft-muted: #655d6b;
  --draft-accent: #0d7774;
  --draft-accent-2: #5c315f;
  --draft-warm: #ad833f;
  --draft-line: rgba(36, 25, 46, 0.16);
  --draft-shadow: 0 30px 90px rgba(43, 28, 53, 0.14);
}

html[data-meluro-draft="summit"] h1,
html[data-meluro-draft="summit"] h2,
html[data-meluro-draft="summit"] h3,
html[data-meluro-draft="summit"] .who-card h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
}

html[data-meluro-draft="summit"] .site-header {
  background: rgba(253, 252, 253, 0.92);
}

html[data-meluro-draft="summit"] .nav-cta {
  background: #24192e;
  border-color: #24192e;
}

html[data-meluro-draft="summit"] .hero {
  min-height: min(960px, 96vh);
  background: #f6f3f6;
}

html[data-meluro-draft="summit"] .hero::before {
  opacity: 0.24;
  background-size: 84px 84px;
  mask-image: linear-gradient(90deg, #000, transparent 70%);
}

html[data-meluro-draft="summit"] .hero-image {
  left: 47%;
  width: 53%;
  object-position: 49% center;
  filter: saturate(0.62) contrast(0.98) brightness(0.94);
}

html[data-meluro-draft="summit"] .hero-overlay {
  background:
    linear-gradient(90deg, #f8f6f8 0%, rgba(248, 246, 248, 0.98) 43%, rgba(248, 246, 248, 0.77) 65%, rgba(248, 246, 248, 0.06) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(36, 25, 46, 0.22));
}

html[data-meluro-draft="summit"] .hero-content {
  padding-top: 164px;
  padding-bottom: 88px;
}

html[data-meluro-draft="summit"] .hero-title {
  max-width: 820px;
  font-size: 5.8rem;
  line-height: 0.95;
}

html[data-meluro-draft="summit"] .eyebrow,
html[data-meluro-draft="summit"] .section-kicker {
  color: #0d7774;
}

html[data-meluro-draft="summit"] .tagline {
  color: #4d3453;
  border-color: #ad833f;
  background: rgba(255, 255, 255, 0.72);
}

html[data-meluro-draft="summit"] .button-primary {
  background: #24192e;
}

html[data-meluro-draft="summit"] .button-secondary {
  border-color: rgba(36, 25, 46, 0.28);
  background: rgba(255, 255, 255, 0.72);
}

html[data-meluro-draft="summit"] .hero-proof {
  border-top: 4px solid #ad833f;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 32px 90px rgba(43, 28, 53, 0.18);
}

html[data-meluro-draft="summit"] .who-grid {
  align-items: center;
}

html[data-meluro-draft="summit"] .who-card {
  border: 0;
  border-top: 1px solid rgba(36, 25, 46, 0.2);
  border-bottom: 1px solid rgba(36, 25, 46, 0.2);
  border-radius: 0;
  background: transparent;
}

html[data-meluro-draft="summit"] .who-card h3 {
  color: #5c315f;
}

html[data-meluro-draft="summit"] .who-visual {
  aspect-ratio: 2 / 1;
  border-radius: 2px;
  box-shadow: 0 34px 90px rgba(43, 28, 53, 0.16);
}

html[data-meluro-draft="summit"] .budget {
  background: #f3f4f5;
  box-shadow: 0 0 0 100vmax #f3f4f5;
  clip-path: inset(0 -100vmax);
}

html[data-meluro-draft="summit"] .comparison-board {
  border-radius: 2px;
  background: #fdfcfd;
}

html[data-meluro-draft="summit"] .services {
  background: #fdfcfd;
}

html[data-meluro-draft="summit"] .service-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 36px;
}

html[data-meluro-draft="summit"] .service-card {
  min-height: 210px;
  padding-left: 0;
  padding-right: 18px;
  border: 0;
  border-top: 1px solid rgba(36, 25, 46, 0.22);
  border-radius: 0;
  background: transparent;
}

html[data-meluro-draft="summit"] .service-card:hover {
  padding-left: 14px;
  border-color: #0d7774;
  box-shadow: none;
}

html[data-meluro-draft="summit"] .service-number {
  color: #ad833f;
}

html[data-meluro-draft="summit"] .delivery {
  color: #ffffff;
  background: #24192e;
}

html[data-meluro-draft="summit"] .delivery .section-kicker {
  color: #6dd1ca;
}

html[data-meluro-draft="summit"] .delivery-content p,
html[data-meluro-draft="summit"] .timeline-item p {
  color: #c5bbc9;
}

html[data-meluro-draft="summit"] .timeline-item {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.17);
  background: rgba(255, 255, 255, 0.06);
}

html[data-meluro-draft="summit"] .timeline-item span {
  color: #d5b675;
}

html[data-meluro-draft="summit"] .contact {
  background: #eff4f3;
}

html[data-meluro-draft="summit"] .contact-form {
  border-top: 4px solid #0d7774;
  box-shadow: 0 30px 90px rgba(43, 28, 53, 0.13);
}

html[data-meluro-draft="summit"] .site-footer {
  color: #c8becd;
  border-color: rgba(255, 255, 255, 0.12);
  background: #24192e;
}

html[data-meluro-draft="summit"] .footer-fine-print {
  border-color: rgba(255, 255, 255, 0.12);
}

html[data-meluro-draft="summit"] .site-footer a,
html[data-meluro-draft="summit"] .rocket-city-button {
  color: #72d3cd;
}

@media (max-width: 1180px) {
  html[data-meluro-draft] .hero-title {
    max-width: 700px;
    font-size: 4.8rem;
  }

  html[data-meluro-draft] .hero-proof {
    width: min(284px, 25vw);
  }

  html[data-meluro-draft="atlas"] .hero-content,
  html[data-meluro-draft="foundry"] .hero-content {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media (max-width: 900px) {
  html[data-meluro-draft] .site-header {
    min-height: 66px;
    padding: 14px 18px;
  }

  html[data-meluro-draft="aether"] .site-header {
    top: 8px;
    left: 8px;
    right: 8px;
  }

  html[data-meluro-draft] .hero {
    min-height: 820px;
  }

  html[data-meluro-draft] .hero-content {
    width: calc(100% - 36px);
    padding-top: 122px;
    padding-bottom: 46px;
  }

  html[data-meluro-draft] .hero-title {
    max-width: 700px;
    font-size: 4.2rem;
  }

  html[data-meluro-draft] .hero-image {
    left: 36%;
    width: 64%;
  }

  html[data-meluro-draft] .hero-overlay {
    background: linear-gradient(90deg, color-mix(in srgb, var(--draft-paper) 98%, transparent) 0%, color-mix(in srgb, var(--draft-paper) 94%, transparent) 48%, color-mix(in srgb, var(--draft-paper) 68%, transparent) 100%);
  }

  html[data-meluro-draft="night"] .hero-overlay {
    background: linear-gradient(90deg, rgba(8, 10, 13, 0.99), rgba(8, 10, 13, 0.9) 58%, rgba(8, 10, 13, 0.52));
  }

  html[data-meluro-draft="foundry"] .hero-content,
  html[data-meluro-draft="atlas"] .hero-content {
    margin: 0 auto;
  }

  html[data-meluro-draft] .who-grid,
  html[data-meluro-draft] .delivery,
  html[data-meluro-draft] .contact {
    grid-template-columns: 1fr;
  }

  html[data-meluro-draft] .service-grid,
  html[data-meluro-draft="ledger"] .service-grid,
  html[data-meluro-draft="foundry"] .service-grid,
  html[data-meluro-draft="summit"] .service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  html[data-meluro-draft] body {
    padding-bottom: 68px;
  }

  html[data-meluro-draft] .site-header {
    padding: 13px 14px;
  }

  html[data-meluro-draft="aether"] .site-header {
    top: 6px;
    left: 6px;
    right: 6px;
    border-radius: 6px;
  }

  html[data-meluro-draft] .hero {
    min-height: 730px;
  }

  html[data-meluro-draft] .hero-content {
    width: calc(100% - 30px);
    padding-top: 110px;
    padding-bottom: 36px;
  }

  html[data-meluro-draft] .hero-title,
  html[data-meluro-draft="atlas"] .hero-title,
  html[data-meluro-draft="foundry"] .hero-title,
  html[data-meluro-draft="signal"] .hero-title,
  html[data-meluro-draft="summit"] .hero-title {
    padding-bottom: 44px;
    font-size: 3rem;
    line-height: 0.96;
  }

  html[data-meluro-draft="foundry"] .hero-title {
    font-size: 2.65rem;
  }

  html[data-meluro-draft="foundry"] .hero-content {
    padding-left: 18px;
    border-left-width: 7px;
  }

  html[data-meluro-draft="atlas"] .hero-content {
    padding-left: 20px;
  }

  html[data-meluro-draft="atlas"] .hero::after {
    left: 0;
    width: 5px;
  }

  html[data-meluro-draft="night"] .hero::after,
  html[data-meluro-draft="foundry"] .hero::after {
    display: none;
  }

  html[data-meluro-draft] .hero-image {
    left: 0;
    width: 100%;
    opacity: 0.48;
  }

  html[data-meluro-draft] .hero-overlay {
    background: linear-gradient(90deg, color-mix(in srgb, var(--draft-paper) 96%, transparent), color-mix(in srgb, var(--draft-paper) 82%, transparent));
  }

  html[data-meluro-draft="night"] .hero-image {
    opacity: 0.62;
  }

  html[data-meluro-draft="night"] .hero-overlay {
    background: linear-gradient(90deg, rgba(8, 10, 13, 0.98), rgba(8, 10, 13, 0.8));
  }

  html[data-meluro-draft] section:not(.hero) {
    padding-top: 68px;
    padding-bottom: 68px;
  }

  html[data-meluro-draft] h2 {
    font-size: 2.8rem;
  }

  html[data-meluro-draft] .who-card {
    min-height: 290px;
  }

  html[data-meluro-draft] .service-grid,
  html[data-meluro-draft="ledger"] .service-grid,
  html[data-meluro-draft="foundry"] .service-grid,
  html[data-meluro-draft="summit"] .service-grid {
    grid-template-columns: 1fr;
  }

  html[data-meluro-draft="ledger"] .service-grid {
    gap: 0;
  }

  html[data-meluro-draft] .service-card {
    min-height: auto;
  }

  html[data-meluro-draft="ledger"] .service-card {
    min-height: 170px;
  }

  html[data-meluro-draft] .contact-form {
    width: 100%;
  }

  .draft-review-bar {
    bottom: 8px;
    gap: 4px;
    width: calc(100% - 12px);
    min-height: 50px;
    padding: 6px;
  }

  .draft-review-overview {
    padding: 0 8px;
    font-size: 0.7rem;
  }

  .draft-review-divider,
  .draft-review-picker > span {
    display: none;
  }

  .draft-review-arrow {
    width: 32px;
  }

  .draft-review-picker {
    display: block;
    min-width: 0;
  }

  .draft-review-picker select {
    width: 100%;
    padding-left: 8px;
    font-size: 0.73rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-meluro-draft] .service-card,
  html[data-meluro-draft] .nav-links a::after,
  .draft-review-bar * {
    transition: none !important;
  }
}

@media print {
  .draft-review-bar {
    display: none !important;
  }

  html[data-meluro-draft] body {
    padding-bottom: 0;
  }
}