:root {
  --dark: #05070D;
  --navy: #0B1020;
  --blue: #2563EB;
  --cyan: #22D3EE;
  --orange: #FFB020;
  --light: #F5F7FB;
  --white: #FFFFFF;
  --text: #0F172A;
  --muted: #64748B;
  --line: rgba(148, 163, 184, 0.2);
  --line-dark: rgba(255, 255, 255, 0.12);
  --radius: 8px;
  --shadow: 0 24px 70px rgba(15, 23, 42, 0.16);
  --shadow-dark: 0 34px 100px rgba(0, 0, 0, 0.36);
  --font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

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

html {
  scroll-behavior: smooth;
  color-scheme: dark light;
}

body {
  margin: 0;
  font-family: var(--font);
  color: var(--text);
  background: var(--light);
  line-height: 1.55;
  overflow-x: hidden;
}

body.menu-open { overflow: hidden; }

img, svg { max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }

:focus-visible {
  outline: 2px solid var(--orange);
  outline-offset: 4px;
}

.sr-only,
.skip-link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-link:focus {
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  top: 14px;
  left: 14px;
  z-index: 1000;
  padding: 10px 14px;
  background: var(--white);
  color: var(--dark);
  border-radius: var(--radius);
}

.shell {
  width: min(1160px, calc(100% - 32px));
  margin-inline: auto;
}

.section-pad { padding: 82px 0; }
.section-dark { background: var(--dark); color: var(--white); }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  transition: background 240ms ease, border-color 240ms ease, backdrop-filter 240ms ease;
  border-bottom: 1px solid transparent;
}

.site-header.is-scrolled,
.site-header.menu-active {
  background: rgba(5, 7, 13, 0.78);
  border-color: var(--line-dark);
  backdrop-filter: blur(18px);
}

.nav {
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  letter-spacing: 0.08em;
  font-size: 0.92rem;
}

.brand-dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--orange);
  box-shadow: 0 0 22px rgba(255, 176, 32, 0.8);
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 18px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.91rem;
  font-weight: 600;
}

.nav-links a:not(.nav-cta) { transition: color 180ms ease; }
.nav-links a:hover { color: var(--white); }

.nav-cta {
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  color: var(--white);
  background: rgba(255, 255, 255, 0.06);
  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.nav-cta:hover {
  background: rgba(37, 99, 235, 0.28);
  border-color: rgba(34, 211, 238, 0.5);
  transform: translateY(-1px);
}

.menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  color: var(--white);
  cursor: pointer;
}

.menu-toggle span:not(.sr-only) {
  display: block;
  height: 2px;
  width: 22px;
  margin: 6px auto;
  background: currentColor;
  transition: transform 180ms ease, opacity 180ms ease;
}

.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { transform: translateY(-4px) rotate(-45deg); }

.hero {
  position: relative;
  min-height: 100vh;
  display: grid;
  align-items: center;
  padding: 110px 0 56px;
  overflow: hidden;
}

.hero-bg,
.hero-bg span { position: absolute; inset: 0; pointer-events: none; }

.hero-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 70% 42%, rgba(34,211,238,0.14), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,0.04), transparent 34%);
  opacity: 0.85;
}

.grid-plane {
  background:
    linear-gradient(rgba(255,255,255,0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.055) 1px, transparent 1px),
    linear-gradient(rgba(34,211,238,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,0.08) 1px, transparent 1px);
  background-size: 56px 56px, 56px 56px, 224px 224px, 224px 224px;
  mask-image: radial-gradient(circle at 66% 42%, #000 0, transparent 72%);
  transform: perspective(800px) rotateX(60deg) translateY(10%);
  transform-origin: center;
}

.orb {
  border-radius: 999px;
  filter: blur(42px);
  opacity: 0.58;
  animation: floatGlow 8s ease-in-out infinite alternate;
}

.orb-blue {
  width: 440px;
  height: 440px;
  left: -140px;
  top: 4%;
  background: rgba(37, 99, 235, 0.46);
}

.orb-cyan {
  width: 360px;
  height: 360px;
  right: 7%;
  top: 16%;
  background: rgba(34, 211, 238, 0.34);
  animation-delay: -2s;
}

.hero-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.86fr);
  gap: 48px;
  align-items: center;
}

.eyebrow,
.section-kicker,
.case-category {
  margin: 0 0 16px;
  color: var(--cyan);
  text-transform: uppercase;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.16em;
}

h1, h2, h3, p { margin-top: 0; }

h1 {
  max-width: 760px;
  margin-bottom: 22px;
  font-size: clamp(3rem, 8vw, 7.7rem);
  line-height: 0.92;
  letter-spacing: -0.06em;
}

h2 {
  margin-bottom: 18px;
  font-size: clamp(2rem, 4.4vw, 4.5rem);
  line-height: 1;
  letter-spacing: -0.045em;
}

h3 {
  margin-bottom: 12px;
  font-size: clamp(1.24rem, 2.2vw, 2rem);
  line-height: 1.12;
  letter-spacing: -0.025em;
}

.hero-lead {
  max-width: 680px;
  color: rgba(255,255,255,0.72);
  font-size: clamp(1rem, 1.55vw, 1.2rem);
}

.hero-actions,
.contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 30px 0 28px;
}

.btn {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 999px;
  padding: 13px 22px;
  border: 1px solid transparent;
  font-weight: 800;
  cursor: pointer;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.btn:hover { transform: translateY(-2px); }
.btn-primary {
  color: var(--white);
  background: linear-gradient(135deg, var(--blue), #0ea5e9);
  box-shadow: 0 18px 38px rgba(37, 99, 235, 0.26);
}
.btn-primary:hover { box-shadow: 0 22px 50px rgba(34, 211, 238, 0.28); }
.btn-ghost {
  color: inherit;
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.18);
}
.btn-ghost:hover { border-color: rgba(255,176,32,0.55); background: rgba(255,255,255,0.1); }

.trust-list {
  display: grid;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
  color: rgba(255,255,255,0.72);
}

.trust-list li {
  position: relative;
  padding-left: 18px;
}
.trust-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--orange);
}

.visual-stage {
  position: relative;
  min-height: 560px;
  transform-style: preserve-3d;
}

.visual-stage::before,
.visual-stage::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}

.visual-stage::before {
  inset: 38px 12px 42px 28px;
  background: radial-gradient(circle at 50% 42%, rgba(37,99,235,0.34), transparent 52%);
  filter: blur(20px);
}

.visual-stage::after {
  width: 12px;
  height: 12px;
  right: 88px;
  top: 64px;
  background: var(--orange);
  box-shadow: 0 0 36px rgba(255,176,32,0.9);
}

.panel,
.case-card,
.sprint-panel,
.service-panel,
.facts-card,
.fit-panel,
.brief-form,
details {
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.panel {
  position: absolute;
  background: linear-gradient(145deg, rgba(255,255,255,0.16), rgba(255,255,255,0.045));
  border-color: rgba(255,255,255,0.16);
  box-shadow: var(--shadow-dark);
  backdrop-filter: blur(18px);
}

.browser-card {
  inset: 48px 18px auto 24px;
  min-height: 360px;
  padding: 18px;
  z-index: 2;
}
.browser-bar { display: flex; gap: 7px; margin-bottom: 18px; }
.browser-bar span { width: 10px; height: 10px; border-radius: 999px; background: rgba(255,255,255,0.3); }
.browser-hero {
  position: relative;
  display: grid;
  align-content: end;
  height: 132px;
  padding: 18px;
  border-radius: 6px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(34,211,238,0.4), rgba(37,99,235,0.22)),
    radial-gradient(circle at 76% 22%, rgba(255,176,32,0.5), transparent 25%);
}
.browser-hero::before {
  content: "";
  position: absolute;
  inset: auto -16% -42% -8%;
  height: 96px;
  border-radius: 50%;
  background: rgba(255,255,255,0.16);
  transform: rotate(-6deg);
}
.browser-hero strong {
  position: relative;
  max-width: 180px;
  color: var(--white);
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: -0.04em;
}
.browser-hero span {
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 54px;
  height: 8px;
  border-radius: 999px;
  background: var(--orange);
}
.browser-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 16px 0;
}

.local-actions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 16px 0;
}

.local-actions i {
  display: grid;
  min-height: 48px;
  place-items: center;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  color: rgba(255,255,255,0.84);
  background: rgba(255,255,255,0.09);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 900;
}
.browser-metrics i {
  height: 54px;
  border-radius: 8px;
  background: rgba(255,255,255,0.09);
  border: 1px solid rgba(255,255,255,0.08);
}
.browser-lines { display: grid; gap: 10px; margin: 22px 0; }
.browser-lines i, .browser-cta { display: block; height: 10px; border-radius: 999px; background: rgba(255,255,255,0.18); }
.browser-lines i:nth-child(2) { width: 72%; }
.browser-lines i:nth-child(3) { width: 48%; }
.browser-cta {
  display: inline-flex;
  width: 120px;
  height: 34px;
  align-items: center;
  justify-content: center;
  color: var(--white);
  background: linear-gradient(90deg, var(--blue), #0ea5e9);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.code-card {
  right: 0;
  top: 0;
  width: 230px;
  padding: 16px;
  z-index: 3;
}
.code-card b { display: block; color: var(--orange); margin-bottom: 12px; }
.code-card code {
  display: flex;
  justify-content: space-between;
  color: rgba(255,255,255,0.78);
  font-size: 0.82rem;
  margin: 9px 0;
}
.code-card code span { color: rgba(34,211,238,0.8); }

.logo-card {
  left: 0;
  bottom: 74px;
  width: 190px;
  padding: 18px;
  z-index: 3;
}
.m-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: var(--white);
  color: var(--dark);
  font-weight: 900;
  box-shadow: inset 0 -4px 0 rgba(37,99,235,0.16);
}
.logo-card small {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 14px 0;
  color: rgba(255,255,255,0.72);
  font-weight: 900;
  letter-spacing: 0.1em;
}
.logo-card small span {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--orange);
}

.map-pin {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 18px 18px 18px 4px;
  background: var(--white);
  color: var(--dark);
  font-weight: 900;
  box-shadow: 0 18px 34px rgba(0,0,0,0.2);
}

.map-lines {
  display: grid;
  gap: 8px;
}

.map-lines i {
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.16);
}

.map-lines i:nth-child(2) { width: 76%; }
.map-lines i:nth-child(3) { width: 54%; background: rgba(255,176,32,0.36); }
.logo-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.logo-grid i { height: 28px; border: 1px solid rgba(255,255,255,0.12); border-radius: 6px; }

.dashboard-card {
  right: 34px;
  bottom: 0;
  width: 260px;
  padding: 18px;
  z-index: 4;
}
.dashboard-card div { display: flex; justify-content: space-between; gap: 12px; color: rgba(255,255,255,0.82); }
.dashboard-card span { color: var(--cyan); }
.dashboard-card p { height: 12px; margin: 16px 0 0; border-radius: 999px; background: rgba(255,255,255,0.1); }
.dashboard-card i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--blue), var(--cyan)); }

.float-label {
  position: absolute;
  display: inline-flex;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 999px;
  background: rgba(5,7,13,0.62);
  color: var(--white);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}
.float-label.web { right: 58px; top: 300px; }
.float-label.logo { left: 122px; top: 42px; }
.float-label.app { right: 0; bottom: 148px; }

.sprint-panel {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 0.9fr 1fr;
  gap: 36px;
  padding: clamp(28px, 5vw, 56px);
  color: var(--white);
  background:
    linear-gradient(145deg, rgba(11,16,32,0.98), rgba(5,7,13,0.94)),
    radial-gradient(circle at 80% 10%, rgba(34,211,238,0.28), transparent 36%);
  border-color: rgba(255,255,255,0.14);
  box-shadow: var(--shadow-dark);
}

.sprint-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255,255,255,0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.055) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(90deg, transparent, #000 36%, #000 100%);
  opacity: 0.4;
  pointer-events: none;
}

.sprint-panel > * {
  position: relative;
}

.local-launch {
  background:
    radial-gradient(circle at 12% 10%, rgba(37,99,235,0.08), transparent 28%),
    var(--light);
}

.product-panel {
  position: relative;
  overflow: hidden;
  padding: clamp(24px, 5vw, 56px);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,255,255,0.96), rgba(245,247,251,0.86)),
    radial-gradient(circle at 88% 12%, rgba(34,211,238,0.2), transparent 32%);
  box-shadow: var(--shadow);
}

.product-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(15,23,42,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,0.035) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, transparent, #000 35%, #000 100%);
  pointer-events: none;
}

.product-panel > * {
  position: relative;
}

.product-lead {
  max-width: 880px;
  color: var(--muted);
  font-size: 1.08rem;
}

.launch-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 32px 0 26px;
}

.launch-grid article {
  min-height: 100%;
  padding: 22px;
  border: 1px solid rgba(148,163,184,0.24);
  border-radius: var(--radius);
  background: rgba(255,255,255,0.72);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.launch-grid article:hover {
  transform: translateY(-3px);
  border-color: rgba(37,99,235,0.3);
  box-shadow: 0 18px 52px rgba(15,23,42,0.1);
}

.launch-grid article span {
  display: inline-flex;
  margin-bottom: 18px;
  color: var(--orange);
  font-weight: 900;
}

.launch-grid h3 {
  font-size: 1.18rem;
}

.launch-grid ul {
  display: grid;
  gap: 7px;
  margin: 14px 0 0;
  padding-left: 18px;
  color: var(--muted);
  font-size: 0.94rem;
}

.launch-grid li::marker { color: var(--orange); }

.product-note {
  max-width: 920px;
  margin: 0;
  padding: 18px 20px;
  border-left: 3px solid var(--orange);
  border-radius: 0 var(--radius) var(--radius) 0;
  color: var(--text);
  background: rgba(255,176,32,0.1);
  font-weight: 800;
}

.sprint-panel h2 { font-size: clamp(2rem, 4vw, 4rem); }
.sprint-panel .section-kicker { color: var(--orange); }
.sprint-copy { color: rgba(255,255,255,0.7); font-size: 1.05rem; }
.sprint-badge {
  display: inline-flex;
  padding: 10px 13px;
  border: 1px solid rgba(255,176,32,0.36);
  border-radius: 999px;
  color: var(--white);
  background: rgba(255,176,32,0.1);
  font-size: 0.92rem;
  font-weight: 800;
}
.note {
  padding-left: 16px;
  border-left: 3px solid var(--orange);
  color: var(--white);
  font-weight: 700;
}

.section-head {
  max-width: 780px;
  margin-bottom: 42px;
}
.section-head p:not(.section-kicker) {
  color: var(--muted);
  font-size: 1.08rem;
}
.section-dark .section-head p:not(.section-kicker) { color: rgba(255,255,255,0.68); }

.service-stack { display: grid; gap: 16px; }
.service-panel {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 310px;
  gap: 28px;
  padding: clamp(22px, 4vw, 34px);
  background: rgba(255,255,255,0.78);
  box-shadow: 0 1px 0 rgba(255,255,255,0.9) inset;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.service-panel:hover {
  transform: translateY(-3px);
  border-color: rgba(37,99,235,0.35);
  box-shadow: var(--shadow);
}
.service-num {
  color: rgba(37,99,235,0.78);
  font-weight: 900;
  font-size: 1.1rem;
}
.service-tag {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 10px;
  border: 1px solid rgba(255,176,32,0.36);
  border-radius: 999px;
  color: #9a6208;
  background: rgba(255,176,32,0.12);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.service-panel p, .service-panel li { color: var(--muted); }
.service-panel ul, .fit-panel ul {
  display: grid;
  gap: 8px;
  margin: 18px 0 0;
  padding-left: 18px;
}
.service-panel li::marker,
.fit-panel li::marker { color: var(--orange); }
.service-panel aside {
  padding-left: 24px;
  border-left: 1px solid var(--line);
}
.service-panel aside b {
  display: block;
  margin-bottom: 10px;
  color: var(--text);
}
.service-panel em {
  display: inline-flex;
  margin-top: 12px;
  color: var(--text);
  font-style: normal;
  font-weight: 800;
}

.portfolio { background: #eef3fb; }
.filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 22px;
}
.filter-btn {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 10px 15px;
  background: var(--white);
  color: var(--muted);
  cursor: pointer;
  font-weight: 800;
  transition: color 180ms ease, border-color 180ms ease, background 180ms ease;
}
.filter-btn.active,
.filter-btn:hover {
  color: var(--white);
  background: var(--navy);
  border-color: var(--navy);
}

.portfolio-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.case-card {
  overflow: hidden;
  background: var(--white);
  padding: 14px;
  transition: transform 220ms ease, opacity 220ms ease, box-shadow 220ms ease;
}
.case-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow);
}
.case-card.is-hidden {
  opacity: 0;
  transform: scale(0.96);
  pointer-events: none;
  display: none;
}
.case-card.featured {
  grid-column: span 2;
  display: grid;
  grid-template-columns: 1fr 0.9fr;
  gap: 26px;
  align-items: stretch;
  padding: 18px;
  min-height: 420px;
  background:
    radial-gradient(circle at 12% 16%, rgba(34,211,238,0.18), transparent 34%),
    var(--navy);
  color: var(--white);
}
.case-card p { color: var(--muted); }
.case-card.featured p { color: rgba(255,255,255,0.7); }
.case-art {
  position: relative;
  min-height: 220px;
  overflow: hidden;
  border-radius: 8px;
  background: var(--navy);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06);
}
.featured .case-art { min-height: 100%; }
.uvcac {
  background:
    radial-gradient(circle at 72% 16%, rgba(255,255,255,0.28), transparent 14%),
    linear-gradient(145deg, #063a4a, #0f766e 52%, #8fd6d2);
}
.uvcac::before {
  content: "";
  position: absolute;
  inset: 12% -12% auto;
  height: 172px;
  border-radius: 50%;
  background: rgba(255,255,255,0.18);
  transform: rotate(-8deg);
}
.uvcac i {
  position: absolute;
  border-radius: 999px;
  background: rgba(255,255,255,0.2);
}
.uvcac .wave-one { width: 160px; height: 48px; left: 8%; bottom: 16%; }
.uvcac .wave-two { width: 230px; height: 54px; left: 42%; bottom: 27%; }
.uvcac .wave-three { width: 280px; height: 50px; left: 28%; bottom: 8%; }
.mock-window {
  position: absolute;
  inset: 34px 34px auto;
  min-height: 226px;
  padding: 16px;
  border-radius: 8px;
  background: rgba(255,255,255,0.9);
  box-shadow: 0 24px 60px rgba(0,0,0,0.18);
}
.mock-window span {
  display: block;
  width: fit-content;
  max-width: 100%;
  height: auto;
  border-radius: 999px;
  color: #065f46;
  background: transparent;
  font-size: 0.78rem;
  font-weight: 900;
}
.mock-window div { height: 92px; margin: 14px 0; border-radius: 6px; background: linear-gradient(90deg, #38bdf8, #14b8a6); }
.mock-window p { height: 8px; margin: 8px 0; border-radius: 999px; background: #cbd5e1; }
.mock-window button {
  height: 30px;
  margin-top: 12px;
  border: 0;
  border-radius: 999px;
  padding: 0 14px;
  color: var(--white);
  background: #0f766e;
  font-size: 0.72rem;
  font-weight: 900;
}

.etra { background: linear-gradient(135deg, #111827, #475569); padding: 18px; }
.catalog-ui {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 8px;
  background: rgba(255,255,255,0.08);
}
.catalog-ui > span {
  width: 42%;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.28);
}
.catalog-ui > p {
  width: 70%;
  height: 28px;
  margin: 0;
  border-radius: 999px;
  background: rgba(34,211,238,0.26);
}
.product-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.product-grid i { min-height: 58px; border-radius: 8px; background: rgba(255,255,255,0.16); }
.medic { background: linear-gradient(135deg, #eff6ff, #bfdbfe); }
.medical-layout { padding: 24px; display: grid; gap: 14px; }
.medical-layout b { color: var(--blue); font-size: 2.4rem; }
.medical-layout strong { color: #0f172a; font-size: 0.94rem; }
.medical-layout span { height: 22px; border-radius: 999px; background: rgba(37,99,235,0.22); }
.medical-layout em { width: 58%; height: 34px; border-radius: 999px; background: var(--blue); }
.remedy { background: linear-gradient(135deg, #f8fafc, #e2e8f0); display: grid; place-items: center; gap: 12px; }
.remedy p { margin: 0; color: #0f172a; font-weight: 900; }
.logo-showcase { width: 128px; height: 128px; display: grid; place-items: center; border-radius: 30px; background: var(--white); font-size: 4.5rem; font-weight: 900; color: #0f766e; box-shadow: var(--shadow); }
.logo-showcase span { width: 10px; height: 10px; border-radius: 999px; background: var(--orange); align-self: end; margin-bottom: 18px; }
.myhome { background: linear-gradient(135deg, #111827, #0f172a); padding: 20px; }
.dark-dashboard { display: grid; gap: 14px; }
.dark-dashboard span { height: 56px; border-radius: 8px; background: rgba(34,211,238,0.22); }
.dark-dashboard div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.dark-dashboard i { min-height: 54px; border-radius: 8px; background: rgba(255,255,255,0.11); }
.dark-dashboard p { height: 18px; border-radius: 999px; background: rgba(255,255,255,0.14); margin: 0; }
.libelloo { background: linear-gradient(135deg, #172554, #2563eb); padding: 20px; }
.calendar-ui { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.calendar-ui strong,
.calendar-ui i {
  min-height: 58px;
  border-radius: 8px;
  background: rgba(255,255,255,0.18);
}
.calendar-ui strong {
  display: grid;
  place-items: center;
  color: var(--white);
  font-size: 0.8rem;
}
.calendar-ui i:nth-of-type(2) { background: rgba(255,176,32,0.26); }
.tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; }
.tags span {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(37,99,235,0.09);
  color: var(--blue);
  font-size: 0.78rem;
  font-weight: 800;
}
.featured .tags span { background: rgba(255,255,255,0.1); color: var(--cyan); }

.process { position: relative; overflow: hidden; }
.process::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 82% 16%, rgba(37,99,235,0.28), transparent 36%);
  pointer-events: none;
}
.process .shell { position: relative; }
.timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  border: 0;
}
.timeline::before {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  top: 25px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,176,32,0.58), rgba(34,211,238,0.28), transparent);
}
.step {
  position: relative;
  padding: 30px 24px 26px;
  border: 1px solid var(--line-dark);
  border-radius: var(--radius);
  background: rgba(255,255,255,0.052);
  backdrop-filter: blur(14px);
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}
.step:hover {
  transform: translateY(-3px);
  border-color: rgba(255,176,32,0.34);
  background: rgba(255,255,255,0.075);
}
.step span {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 22px;
  border: 1px solid rgba(255,176,32,0.44);
  border-radius: 999px;
  color: var(--orange);
  background: rgba(5,7,13,0.94);
  font-weight: 900;
}
.step h3 { font-size: 1.15rem; }
.step p { color: rgba(255,255,255,0.65); margin-bottom: 0; }
.process-note {
  margin: 24px 0 0;
  color: rgba(255,255,255,0.72);
  max-width: 760px;
}

.about-grid,
.contact-grid,
.faq-grid {
  display: grid;
  grid-template-columns: 0.9fr 1fr;
  gap: 48px;
  align-items: start;
}
.about-copy p { color: var(--muted); }
.about-quote {
  margin: 0 0 24px;
  padding: 18px 20px;
  border-left: 3px solid var(--orange);
  border-radius: 0 var(--radius) var(--radius) 0;
  color: var(--text);
  background: rgba(37,99,235,0.06);
  font-size: clamp(1.06rem, 1.5vw, 1.22rem);
  font-weight: 800;
  line-height: 1.42;
}
.facts-card {
  position: relative;
  overflow: hidden;
  padding: 30px;
  color: var(--white);
  background:
    radial-gradient(circle at 82% 8%, rgba(34,211,238,0.22), transparent 34%),
    linear-gradient(145deg, var(--navy), var(--dark));
  border-color: rgba(255,255,255,0.12);
  box-shadow: var(--shadow-dark);
}
.facts-card::after {
  content: "";
  position: absolute;
  right: 26px;
  top: 26px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--orange);
  box-shadow: 0 0 24px rgba(255,176,32,0.8);
}
.facts-card .m-icon { background: var(--white); color: var(--dark); margin-bottom: 24px; }
dl { margin: 0; display: grid; gap: 16px; }
dt { color: rgba(255,255,255,0.5); font-size: 0.82rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; }
dd { margin: 3px 0 0; font-weight: 800; }

.fit { background: var(--white); }
.fit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.fit-panel {
  position: relative;
  overflow: hidden;
  padding: clamp(24px, 4vw, 38px);
  background:
    linear-gradient(145deg, #ffffff, #f8fafc);
  box-shadow: 0 18px 60px rgba(15,23,42,0.08);
}
.fit-panel::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(var(--blue), var(--cyan));
}
.muted-panel { background: linear-gradient(145deg, #f8fafc, #eef2f7); }
.muted-panel::before { background: linear-gradient(var(--orange), rgba(255,176,32,0.25)); }
.fit-panel li { color: var(--muted); }

.guide {
  background:
    radial-gradient(circle at 18% 8%, rgba(34,211,238,0.08), transparent 26%),
    #eef3fb;
}

.guide-grid {
  display: grid;
  grid-template-columns: 0.82fr 1fr;
  gap: 42px;
  align-items: stretch;
}

.guide-card {
  position: relative;
  overflow: hidden;
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--white);
  background:
    radial-gradient(circle at 86% 12%, rgba(34,211,238,0.22), transparent 30%),
    linear-gradient(145deg, var(--navy), var(--dark));
  box-shadow: var(--shadow-dark);
}

.guide-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(circle at 82% 16%, #000, transparent 68%);
}

.guide-card > * {
  position: relative;
}

.guide-card span {
  display: inline-flex;
  margin-bottom: 22px;
  padding: 7px 11px;
  border: 1px solid rgba(255,176,32,0.34);
  border-radius: 999px;
  color: var(--orange);
  background: rgba(255,176,32,0.08);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.guide-card p {
  color: rgba(255,255,255,0.7);
}

.guide-card .btn {
  margin-top: 10px;
}

.contact {
  position: relative;
  overflow: hidden;
}
.contact::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  right: -180px;
  bottom: -220px;
  border-radius: 999px;
  background: rgba(34,211,238,0.18);
  filter: blur(34px);
}
.contact-grid { position: relative; }
.contact-copy p { color: rgba(255,255,255,0.68); }
.contact-list {
  display: grid;
  gap: 10px;
  margin-top: 28px;
  color: rgba(255,255,255,0.82);
  font-weight: 800;
}
.brief-form {
  display: grid;
  gap: 16px;
  padding: clamp(22px, 4vw, 36px);
  background:
    linear-gradient(145deg, rgba(255,255,255,0.095), rgba(255,255,255,0.045));
  border-color: rgba(255,255,255,0.16);
  box-shadow: var(--shadow-dark);
  backdrop-filter: blur(16px);
}
.brief-form label {
  display: grid;
  gap: 8px;
  color: rgba(255,255,255,0.78);
  font-weight: 800;
  font-size: 0.9rem;
}
.brief-form input,
.brief-form textarea,
.brief-form select {
  width: 100%;
  min-height: 52px;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 8px;
  padding: 13px 15px;
  color: var(--white);
  background: rgba(5,7,13,0.72);
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
.brief-form textarea { resize: vertical; min-height: 128px; }
.brief-form input:focus,
.brief-form textarea:focus,
.brief-form select:focus {
  outline: none;
  border-color: var(--orange);
  box-shadow: 0 0 0 4px rgba(255,176,32,0.12);
  background: rgba(5,7,13,0.82);
}
.brief-form .btn { width: 100%; }
.form-note { margin: 0; color: rgba(255,255,255,0.58); font-size: 0.88rem; }

.faq-grid { grid-template-columns: 0.76fr 1fr; }
.accordion { display: grid; gap: 12px; }
details {
  background: var(--white);
  overflow: hidden;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}
details:hover,
details:focus-within {
  border-color: rgba(37,99,235,0.28);
  box-shadow: 0 14px 38px rgba(15,23,42,0.08);
}
details[open] {
  border-color: rgba(255,176,32,0.4);
}
summary {
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 19px 20px;
  cursor: pointer;
  font-weight: 900;
  list-style: none;
  transition: color 180ms ease, background 180ms ease;
}
summary:hover { color: var(--blue); }
summary::-webkit-details-marker { display: none; }
summary::after {
  content: "+";
  color: var(--blue);
  font-size: 1.3rem;
}
details[open] summary::after { content: "-"; }
details[open] summary {
  background: linear-gradient(90deg, rgba(255,176,32,0.08), transparent);
}
details p {
  margin: 0;
  padding: 0 20px 22px;
  color: var(--muted);
}

.site-footer {
  padding: 38px 0;
  border-top: 1px solid var(--line-dark);
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.8fr 0.9fr;
  gap: 28px;
  align-items: start;
  color: rgba(255,255,255,0.7);
}
.footer-grid nav,
.footer-contact {
  display: grid;
  gap: 9px;
}
.footer-grid a:hover { color: var(--white); }
.footer-contact small { margin-top: 14px; }

.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 680ms ease, transform 680ms ease;
}
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@keyframes floatGlow {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to { transform: translate3d(28px, -18px, 0) scale(1.08); }
}

@media (max-width: 980px) {
  .hero-inner,
  .sprint-panel,
  .about-grid,
  .contact-grid,
  .faq-grid,
  .guide-grid {
    grid-template-columns: 1fr;
  }
  .hero { min-height: auto; }
  .hero-inner { gap: 22px; }
  .visual-stage { min-height: 430px; }
  .browser-card { left: 40px; right: 36px; min-height: 292px; }
  .code-card { width: 210px; }
  .service-panel { grid-template-columns: 54px 1fr; }
  .service-panel aside { grid-column: 2; }
  .launch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .portfolio-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .case-card.featured { grid-column: 1 / -1; }
  .timeline { grid-template-columns: 1fr; }
  .timeline::before {
    left: 19px;
    right: auto;
    top: 0;
    bottom: 0;
    width: 1px;
    height: auto;
    background: linear-gradient(transparent, rgba(255,176,32,0.58), rgba(34,211,238,0.28), transparent);
  }
  .footer-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .shell { width: min(100% - 24px, 1160px); }
  .section-pad { padding: 62px 0; }
  .nav { min-height: 58px; }
  .menu-toggle { display: block; }
  .nav-links {
    position: fixed;
    inset: 58px 0 0;
    display: grid;
    align-content: start;
    gap: 0;
    padding: 24px 12px;
    background: rgba(5,7,13,0.96);
    backdrop-filter: blur(18px);
    transform: translateX(100%);
    transition: transform 220ms ease;
  }
  .nav-links.is-open { transform: translateX(0); }
  .nav-links a {
    padding: 17px 4px;
    border-bottom: 1px solid var(--line-dark);
    font-size: 1.05rem;
  }
  .nav-cta {
    justify-content: center;
    margin-top: 18px;
    border-bottom: 1px solid rgba(255,255,255,0.2) !important;
  }
  .hero {
    padding: 78px 0 28px;
  }
  h1 {
    margin-bottom: 14px;
    font-size: clamp(2.35rem, 11.6vw, 3.55rem);
  }
  h2 { font-size: clamp(2rem, 10vw, 3.2rem); }
  .hero-lead {
    margin-bottom: 0;
    font-size: 0.94rem;
    line-height: 1.48;
  }
  .hero-actions { margin: 20px 0 18px; }
  .hero-actions .btn,
  .contact-actions .btn { width: 100%; }
  .trust-list {
    gap: 7px;
    font-size: 0.86rem;
    line-height: 1.35;
  }
  .visual-stage { min-height: 224px; }
  .visual-stage::before { inset: 22px 0 28px; }
  .visual-stage::after { right: 46px; top: 34px; }
  .browser-card { inset: 28px 10px auto; min-height: 162px; padding: 11px; }
  .browser-bar { margin-bottom: 12px; }
  .browser-hero { height: 58px; padding: 10px; }
  .browser-hero strong { font-size: 0.98rem; }
  .local-actions { gap: 6px; margin: 8px 0; }
  .local-actions i { min-height: 30px; font-size: 0.68rem; }
  .browser-metrics { gap: 7px; margin: 10px 0; }
  .browser-metrics i { height: 30px; }
  .browser-lines { gap: 8px; margin: 12px 0; }
  .code-card { top: 0; right: 0; width: 154px; padding: 10px; }
  .code-card code { margin: 6px 0; font-size: 0.74rem; }
  .logo-card { display: none; }
  .dashboard-card { display: none; }
  .float-label.app { display: none; }
  .float-label.web { right: 16px; top: 232px; }
  .float-label.logo { left: 18px; top: 14px; }
  .sprint-panel,
  .service-panel,
  .case-card.featured,
  .product-panel {
    padding: 20px;
  }
  .launch-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 22px 0 20px;
  }
  .launch-grid article {
    padding: 18px;
  }
  .launch-grid h3 {
    font-size: 1.08rem;
  }
  .launch-grid ul {
    font-size: 0.9rem;
  }
  .sprint-panel { gap: 18px; }
  .service-panel {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .service-panel aside {
    grid-column: auto;
    padding-left: 0;
    padding-top: 18px;
    border-left: 0;
    border-top: 1px solid var(--line);
  }
  .portfolio-grid,
  .case-card.featured,
  .fit-grid {
    grid-template-columns: 1fr;
  }
  .case-card.featured { min-height: auto; }
  .case-art,
  .featured .case-art { min-height: 210px; }
  .mock-window { inset: 24px 16px auto; min-height: 160px; }
  .mock-window div { height: 62px; }
  .case-card { padding: 12px; }
  .filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .filters .filter-btn:first-child { grid-column: 1 / -1; }
  .filter-btn { padding-inline: 10px; }
  .step { padding: 24px 20px; }
  .step span { margin-bottom: 14px; }
  .facts-card,
  .fit-panel,
  .guide-card,
  .brief-form { padding: 22px; }
  summary { padding: 17px 16px; }
  details p { padding: 0 16px 18px; }
  .brief-form input,
  .brief-form select,
  .brief-form textarea { font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
  .reveal {
    opacity: 1;
    transform: none;
  }
}

/* Multi-page local visibility architecture */
.page-hero {
  padding: 150px 0 74px;
  color: var(--text-dark);
  background: radial-gradient(circle at 18% 12%, rgba(37,99,235,.32), transparent 30%), linear-gradient(135deg, #050816, #0b1020 54%, #111827);
}
.page-hero .section-head { margin-bottom: 0; }
.page-hero .section-head p:not(.eyebrow) { color: var(--muted-dark); max-width: 780px; }
.page-hero h1 { font-size: clamp(3rem, 8vw, 6.9rem); max-width: 980px; }
.local-stage .stage-card { background: rgba(15,23,42,.78); }
.local-site { left: 0; top: 70px; width: 72%; min-height: 292px; padding: 18px; animation: floatA 7s ease-in-out infinite; }
.local-site-hero { height: 110px; margin-top: 18px; border-radius: 18px; background: linear-gradient(135deg, #0ea5e9, #10b981); }
.profile-card { right: 0; top: 24px; width: 250px; padding: 18px; animation: floatB 8s ease-in-out infinite; }
.profile-card strong { display:block; color:#fff; margin:10px 0 4px; }
.profile-card p { color: var(--muted-dark); font-size:.9rem; }
.stars { color:#facc15; margin-top:12px; letter-spacing:.08em; }
.map-card { right: 18px; bottom: 54px; width: 230px; min-height: 160px; padding: 18px; animation: floatA 8s ease-in-out infinite reverse; }
.map-lines { display:grid; gap:9px; margin-top:14px; }
.map-lines i { height:10px; border-radius:999px; background:rgba(255,255,255,.16); }
.map-lines i:nth-child(2){width:72%;}.map-lines i:nth-child(3){width:52%;}
.map-card b { position:absolute; right:24px; bottom:22px; width:38px; height:38px; border-radius:50% 50% 50% 8px; background:linear-gradient(135deg,var(--blue),var(--cyan)); transform:rotate(-45deg); }
.contact-card-mini { left: 9%; bottom: 12px; width: 210px; padding: 18px; animation: floatB 7s ease-in-out infinite reverse; }
.contact-card-mini span { color:#7dd3fc; font-size:.72rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.contact-card-mini strong { display:block; color:#fff; font-size:1.5rem; font-family:var(--font-head); }
.contact-card-mini p { color:var(--muted-dark); font-size:.88rem; }
.package-layout { display:grid; gap:28px; }
.package-grid, .preview-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.package-grid article, .preview-grid article, .guide-card article { border:1px solid var(--line); border-radius:24px; background:#fff; padding:24px; box-shadow:0 18px 54px rgba(15,23,42,.06); }
.package-grid span { color:var(--blue); font-weight:900; }
.package-grid h3 { margin-top:12px; font-size:1.2rem; }
.package-note { display:flex; justify-content:space-between; align-items:center; gap:20px; border:1px solid var(--line); border-radius:26px; background:var(--paper-2); padding:22px; }
.package-note p { color:var(--muted); max-width:760px; }
.rich-statement { align-self:center; border-left:2px solid var(--blue); padding-left:24px; color:var(--muted); font-size:1.22rem; }
.text-link { display:inline-flex; width:max-content; margin-top:24px; color:var(--blue); font-weight:900; }
.preview-work .project-card.featured { grid-column:span 6; }
.preview-work .project-card { grid-column:span 3; }
.guide-preview { background:var(--paper-2); }
.guide-card { display:grid; grid-template-columns:.9fr 1.1fr; gap:28px; align-items:stretch; }
.guide-card > div { display:grid; gap:16px; align-content:center; }
.guide-card p { color:var(--muted); }
.cta-panel { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.mini-cta .brief-layout { align-items:center; }
.guide-list article { display:grid; gap:12px; }
.guide-list a { color:var(--blue); font-weight:900; }
.contact-page .brief-layout { grid-template-columns:.78fr 1.22fr; }
.assessment-form { grid-template-columns:repeat(2,1fr); }
.assessment-form .full { grid-column:1/-1; }
@media (max-width:1060px){ .package-grid,.preview-grid{grid-template-columns:repeat(2,1fr)} .preview-work .project-card,.preview-work .project-card.featured{grid-column:span 6} .guide-card,.contact-page .brief-layout{grid-template-columns:1fr} }
@media (max-width:820px){ .page-hero{padding:112px 0 56px} .package-grid,.preview-grid{grid-template-columns:1fr} .package-note{align-items:flex-start; flex-direction:column} .preview-work .project-card,.preview-work .project-card.featured{grid-column:auto} .local-site{width:86%; min-height:218px; top:38px} .profile-card{width:210px} .map-card{width:178px; bottom:26px} .contact-card-mini{display:none} .assessment-form{grid-template-columns:1fr} }
@media (max-width:560px){ .page-hero h1{font-size:clamp(2.7rem,14vw,4.2rem)} .package-grid article,.preview-grid article,.guide-card article{padding:20px; border-radius:20px} .local-stage{min-height:300px} .profile-card{right:0; top:0; width:185px; padding:14px} .map-card{right:0; width:158px; padding:14px} }

/* Layout repair for file:// multipage version */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

main {
  min-width: 0;
}

.container,
.header-shell,
.hero-grid,
.package-layout,
.footer-layout,
.brief-layout,
.work-showcase,
.preview-grid,
.package-grid {
  min-width: 0;
}

.site-header {
  width: 100%;
}

.header-shell {
  width: min(100% - 32px, var(--container));
  margin-inline: auto;
}

.site-nav {
  min-width: 0;
}

.site-nav a {
  white-space: nowrap;
}

.hero.local-hero {
  min-height: auto;
  padding-top: clamp(112px, 12vw, 148px);
  padding-bottom: clamp(64px, 8vw, 92px);
}

.local-hero h1 {
  max-width: 9.8ch;
  font-size: clamp(3.3rem, 8vw, 7.6rem);
}

.local-hero .hero-lead {
  max-width: 720px;
}

.local-stage {
  isolation: isolate;
}

.local-stage .stage-card {
  max-width: calc(100% - 12px);
}

.package-grid article,
.preview-grid article,
.project-card,
.fit-card,
.guide-card,
.brief-layout,
.package-note {
  min-width: 0;
}

.package-grid article,
.preview-grid article {
  display: grid;
  gap: 10px;
}

.package-grid article h3,
.preview-grid article h3,
.project-copy h3 {
  overflow-wrap: anywhere;
}

.preview-work.work-showcase {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.preview-work .project-card.featured {
  grid-column: span 6;
}

.preview-work .project-card:not(.featured) {
  grid-column: span 3;
}

.project-visual {
  min-width: 0;
}

.brief-layout .cta-panel {
  align-self: center;
}

.assessment-form label,
.brief-form label {
  min-width: 0;
}

.assessment-form input,
.assessment-form select,
.assessment-form textarea,
.brief-form input,
.brief-form select,
.brief-form textarea {
  min-width: 0;
}

@media (max-width: 1060px) {
  .preview-work .project-card.featured,
  .preview-work .project-card:not(.featured) {
    grid-column: span 6;
  }

  .local-hero h1 {
    max-width: 11ch;
  }
}

@media (max-width: 820px) {
  .header-shell {
    width: min(100% - 24px, var(--container));
  }

  .site-nav {
    max-height: calc(100vh - 92px);
    overflow: auto;
  }

  .local-hero h1 {
    max-width: 10ch;
  }

  .local-stage {
    min-height: 330px;
  }

  .local-site {
    left: 0;
    width: 82%;
  }

  .profile-card {
    right: 0;
    top: 12px;
  }

  .map-card {
    right: 0;
  }

  .preview-work.work-showcase {
    grid-template-columns: 1fr;
  }

  .preview-work .project-card.featured,
  .preview-work .project-card:not(.featured) {
    grid-column: auto;
  }

  .guide-card,
  .package-note,
  .brief-layout {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .site-nav a {
    white-space: normal;
  }

  .local-hero h1 {
    font-size: clamp(2.65rem, 13vw, 4.2rem);
    max-width: 10ch;
  }

  .local-stage {
    min-height: 280px;
  }

  .local-site {
    width: 88%;
    min-height: 188px;
  }

  .local-site-hero {
    height: 70px;
  }

  .profile-card {
    width: 164px;
  }

  .map-card {
    width: 138px;
    bottom: 12px;
  }

  .package-note .btn,
  .cta-panel .btn {
    width: 100%;
  }
}

/* Final alignment for current multi-page HTML */
:root{--container:1160px;--paper:#f8fafc;--paper-2:#eef3fb;--font-head:Manrope,Inter,system-ui,sans-serif}
.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.section{padding:clamp(64px,8vw,96px) 0}.section-head{max-width:790px;margin:0 0 38px}.section-head.wide{max-width:940px}.section-head h2,.statement h2,.guide-card h2,.brief-intro h2{font-family:var(--font-head)}
.header-shell{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--white);letter-spacing:0}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));color:var(--white);font-weight:900}.brand-copy{display:grid;gap:1px;line-height:1.05}.brand-copy strong{font-size:.96rem;font-weight:900}.brand-copy small{color:rgba(255,255,255,.58);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.site-nav{display:flex;align-items:center;gap:18px;color:rgba(255,255,255,.76);font-size:.92rem;font-weight:750}.site-nav a{transition:color 180ms ease,border-color 180ms ease,background 180ms ease,transform 180ms ease}.site-nav a:hover{color:var(--white)}.nav-pill{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:10px 16px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:var(--white);background:rgba(255,255,255,.07)}
.hero.local-hero{position:relative;min-height:100vh;display:grid;align-items:center;overflow:hidden;padding:clamp(118px,12vw,160px) 0 clamp(64px,8vw,92px);color:var(--white);background:radial-gradient(circle at 72% 32%,rgba(34,211,238,.17),transparent 32%),radial-gradient(circle at 12% 16%,rgba(37,99,235,.26),transparent 34%),linear-gradient(135deg,#05070d 0%,#0b1020 58%,#111827 100%)}.hero.local-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(circle at 70% 42%,#000 0,transparent 72%);opacity:.58;pointer-events:none}.hero-glow{position:absolute;border-radius:999px;filter:blur(46px);pointer-events:none;opacity:.58}.glow-one{width:430px;height:430px;left:-150px;top:6%;background:rgba(37,99,235,.42)}.glow-two{width:340px;height:340px;right:8%;top:18%;background:rgba(34,211,238,.28)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.86fr);gap:clamp(34px,6vw,64px);align-items:center}.hero-content{max-width:760px}.local-hero h1{max-width:10.4ch;margin:0 0 22px;color:var(--white);font-family:var(--font-head);font-size:clamp(3.45rem,8.2vw,7.25rem);line-height:.92;letter-spacing:-.06em}.local-hero .hero-lead{max-width:690px;margin:0;color:rgba(229,231,235,.72);font-size:clamp(1.02rem,1.45vw,1.2rem);line-height:1.62}.signal-row{display:flex;flex-wrap:wrap;gap:10px;max-width:780px}.signal-row span{display:inline-flex;min-height:38px;align-items:center;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:rgba(255,255,255,.72);background:rgba(255,255,255,.055);font-size:.84rem;font-weight:800}.hero-stage,.local-stage{position:relative;min-height:520px;transform-style:preserve-3d}.stage-grid{position:absolute;inset:30px 0;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(rgba(255,255,255,.048) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.048) 1px,transparent 1px);background-size:30px 30px;opacity:.72}.stage-card{position:absolute;z-index:2;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.052));box-shadow:0 30px 90px rgba(0,0,0,.32);backdrop-filter:blur(18px)}.stage-bar{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.54);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.stage-bar i{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.28)}.stage-bar span{margin-left:auto}.stage-copy-lines{display:grid;gap:10px;margin-top:18px}.stage-copy-lines span{display:block;height:10px;border-radius:999px;background:rgba(255,255,255,.16)}.stage-copy-lines span:nth-child(2){width:72%}.stage-copy-lines span:nth-child(3){width:52%}.local-site{left:0;top:72px;width:73%;min-height:300px;padding:18px}.local-site-hero{height:118px;margin-top:18px;border-radius:16px;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.32),transparent 18%),linear-gradient(135deg,#0ea5e9,#10b981 74%)}.profile-card{right:0;top:24px;width:250px;padding:18px}.stage-label,.contact-card-mini span{color:rgba(125,211,252,.92);font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.profile-card strong,.contact-card-mini strong{display:block;color:var(--white)}.profile-card p,.contact-card-mini p{margin:4px 0 0;color:rgba(229,231,235,.64);font-size:.9rem}.stars{margin-top:12px;color:#facc15;letter-spacing:.08em}.map-card{right:18px;bottom:52px;width:230px;min-height:160px;padding:18px}.map-card b{position:absolute;right:24px;bottom:22px;width:38px;height:38px;border-radius:50% 50% 50% 8px;background:linear-gradient(135deg,var(--blue),var(--cyan));transform:rotate(-45deg)}.contact-card-mini{left:9%;bottom:12px;width:210px;padding:18px}.contact-card-mini strong{font-size:1.45rem;line-height:1.1}
.package-section{background:radial-gradient(circle at 10% 10%,rgba(37,99,235,.07),transparent 26%),var(--paper)}.package-layout,.solo-layout,.brief-layout,.footer-layout{display:grid;gap:28px}.package-grid,.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.package-grid article,.preview-grid article{position:relative;overflow:hidden;min-height:160px;padding:24px;border:1px solid rgba(148,163,184,.24);border-radius:20px;background:rgba(255,255,255,.84);box-shadow:0 18px 54px rgba(15,23,42,.065);transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}.package-grid article:hover,.preview-grid article:hover{transform:translateY(-3px);border-color:rgba(37,99,235,.28);box-shadow:0 22px 64px rgba(15,23,42,.1)}.package-grid span{color:var(--blue);font-weight:900}.package-grid h3,.preview-grid h3{margin:12px 0 0;font-size:clamp(1.15rem,2vw,1.5rem)}.package-note{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px;border:1px solid rgba(148,163,184,.24);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(238,243,251,.86));box-shadow:0 18px 54px rgba(15,23,42,.06)}.package-note p{max-width:760px;margin:0;color:var(--muted)}.solo-section{background:var(--white)}.solo-layout{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(28px,6vw,72px)}.statement h2{max-width:720px}.rich-statement{max-width:650px;padding-left:24px;border-left:2px solid var(--blue);color:var(--muted);font-size:clamp(1.05rem,1.7vw,1.24rem);line-height:1.62}.services-section{background:var(--paper)}.preview-grid article{display:grid;align-content:start;min-height:215px}.preview-grid article:before{content:"";width:34px;height:4px;margin-bottom:24px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.text-link{display:inline-flex;width:fit-content;margin-top:24px;color:var(--blue);font-weight:900}.text-link:hover{color:var(--navy)}.portfolio-section{background:#eef3fb}.work-showcase{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.project-card{grid-column:span 4;display:grid;overflow:hidden;border:1px solid rgba(148,163,184,.24);border-radius:22px;background:var(--white);box-shadow:0 18px 54px rgba(15,23,42,.075);transition:transform 220ms ease,border-color 220ms ease,box-shadow 220ms ease,opacity 220ms ease}.project-card:hover{transform:translateY(-5px);border-color:rgba(37,99,235,.26);box-shadow:0 28px 82px rgba(15,23,42,.14)}.project-card.is-hidden{display:none}.preview-work .project-card.featured{grid-column:span 6}.preview-work .project-card:not(.featured){grid-column:span 3}.project-visual{position:relative;min-height:220px;overflow:hidden;background:var(--navy)}.project-card.featured .project-visual{min-height:300px}.project-copy{padding:22px}.category{display:inline-flex;margin-bottom:10px;color:var(--blue);font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.project-copy h3{margin-bottom:8px;font-size:clamp(1.28rem,2.4vw,2rem)}.project-copy p{margin-bottom:16px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{display:inline-flex;padding:7px 9px;border:1px solid rgba(148,163,184,.22);border-radius:999px;color:var(--muted);background:#f8fafc;font-size:.74rem;font-weight:850}.project-card.uvac .project-visual{background:radial-gradient(circle at 72% 16%,rgba(255,255,255,.32),transparent 14%),linear-gradient(145deg,#063a4a,#0f766e 52%,#8fd6d2)}.river-shape{position:absolute;inset:38% -14% auto -10%;height:130px;border-radius:50%;background:rgba(255,255,255,.22);transform:rotate(-8deg)}.mock-page{position:absolute;left:9%;right:9%;top:18%;min-height:182px;padding:18px;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 24px 70px rgba(6,58,74,.24)}.mock-page span{display:block;width:48px;height:7px;margin-bottom:36px;border-radius:999px;background:#0f766e}.mock-page strong{display:block;max-width:180px;color:#063a4a;font-size:1.55rem;line-height:1}.mock-page i{display:block;width:72%;height:9px;margin-top:12px;border-radius:999px;background:rgba(15,118,110,.16)}.mock-page i:last-child{width:44%}.medical-card,.app-panel{position:absolute;inset:28px;display:grid;align-content:start;gap:12px;padding:18px;border-radius:18px;background:rgba(255,255,255,.86)}.project-card.medic .project-visual{background:linear-gradient(145deg,#dbeafe,#eff6ff 56%,#fff)}.medical-card b{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;color:var(--white);background:#2563eb;font-size:1.5rem}.medical-card span,.app-panel span,.app-panel b,.app-panel i{display:block;border-radius:999px;background:rgba(37,99,235,.16)}.medical-card span{height:10px}.medical-card span:nth-child(3){width:70%}.medical-card span:nth-child(4){width:46%}.project-card.apphome .project-visual{background:linear-gradient(145deg,#172554,#0f172a 54%,#312e81)}.app-panel{background:rgba(15,23,42,.72);border:1px solid rgba(255,255,255,.12)}.app-panel span{width:62%;height:12px;background:rgba(125,211,252,.52)}.app-panel div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.app-panel i{height:54px;background:rgba(255,255,255,.12)}.app-panel b{width:76%;height:12px;background:rgba(255,255,255,.16)}
.guide-preview{background:var(--paper)}.guide-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(22px,5vw,48px);align-items:stretch;overflow:hidden;padding:clamp(26px,5vw,48px);border:1px solid rgba(255,255,255,.13);border-radius:24px;color:var(--white);background:radial-gradient(circle at 86% 12%,rgba(34,211,238,.2),transparent 30%),linear-gradient(145deg,var(--navy),var(--dark));box-shadow:var(--shadow-dark)}.guide-card h2,.guide-card h3{color:var(--white)}.guide-card p{color:rgba(229,231,235,.7)}.guide-card article{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.07);box-shadow:none}.brief-section{position:relative;overflow:hidden;color:var(--white);background:radial-gradient(circle at 82% 20%,rgba(34,211,238,.16),transparent 30%),linear-gradient(145deg,var(--navy),var(--dark))}.brief-layout{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px}.brief-intro{max-width:760px}.brief-intro h2,.brief-intro p{color:inherit}.brief-intro p{color:rgba(229,231,235,.68)}.cta-panel{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.faq-section{background:var(--paper)}.faq-layout{display:grid;grid-template-columns:.72fr 1fr;gap:clamp(28px,6vw,72px);align-items:start}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid rgba(148,163,184,.24);border-radius:18px;background:var(--white);box-shadow:0 14px 42px rgba(15,23,42,.055)}.faq-list summary{min-height:62px;padding:18px 20px}.site-footer{padding:42px 0;color:rgba(255,255,255,.7);background:#05070d;border-top:1px solid rgba(255,255,255,.1)}.footer-layout{grid-template-columns:1.1fr .8fr .9fr;align-items:start;gap:28px}.footer-layout nav,.footer-contact{display:grid;gap:9px}.footer-layout a:hover{color:var(--white)}.footer-brand{margin-bottom:12px}.footer-contact small{margin-top:12px}.page-hero{padding:150px 0 76px;color:var(--white);background:radial-gradient(circle at 18% 12%,rgba(37,99,235,.32),transparent 30%),linear-gradient(135deg,#05070d,#0b1020 54%,#111827)}.page-hero h1{color:var(--white)}.page-hero .section-head p:not(.eyebrow){color:rgba(229,231,235,.7)}@media (max-width:1060px){.hero-grid,.solo-layout,.guide-card,.faq-layout{grid-template-columns:1fr}.hero.local-hero{min-height:auto}.hero-content{max-width:820px}.local-hero h1{max-width:11ch}.preview-work .project-card.featured,.preview-work .project-card:not(.featured){grid-column:span 6}.brief-layout{grid-template-columns:1fr}.cta-panel{justify-content:flex-start}}
@media (max-width:820px){.container{width:min(100% - 24px,1160px)}.section{padding:62px 0}.header-shell{min-height:62px}.menu-toggle{display:block}.site-nav{position:fixed;inset:62px 12px auto;display:grid;gap:0;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(5,7,13,.96);box-shadow:0 26px 80px rgba(0,0,0,.36);backdrop-filter:blur(18px);transform:translateY(-10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 180ms ease,transform 180ms ease,visibility 180ms ease}.site-nav.is-open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.site-nav a{padding:14px 12px;border-radius:12px;white-space:normal}.site-nav a:hover{background:rgba(255,255,255,.07)}.nav-pill{margin-top:8px;justify-content:center}.hero.local-hero{padding-top:94px;padding-bottom:50px}.hero-grid{gap:26px}.local-hero h1{max-width:10.5ch;margin-bottom:16px;font-size:clamp(2.65rem,13vw,4.35rem)}.local-hero .hero-lead{font-size:.98rem;line-height:1.54}.hero-actions{margin:22px 0 18px}.hero-actions .btn,.cta-panel .btn{width:100%}.signal-row{gap:8px}.signal-row span{width:100%;min-height:auto;border-radius:14px;font-size:.8rem}.local-stage{min-height:330px}.stage-grid{inset:18px 0}.local-site{top:42px;width:84%;min-height:214px}.local-site-hero{height:78px}.profile-card{right:0;top:6px;width:198px}.map-card{right:0;bottom:18px;width:176px;min-height:136px}.contact-card-mini{display:none}.package-grid,.preview-grid,.work-showcase{grid-template-columns:1fr}.preview-work .project-card.featured,.preview-work .project-card:not(.featured),.project-card{grid-column:auto}.package-note{align-items:flex-start;flex-direction:column}.project-card.featured .project-visual,.project-visual{min-height:215px}.guide-card{padding:24px}.faq-layout,.footer-layout{grid-template-columns:1fr}.page-hero{padding:112px 0 58px}}
@media (max-width:560px){.brand-mark{width:34px;height:34px;border-radius:10px}.brand-copy small{font-size:.66rem}.local-hero h1{font-size:clamp(2.46rem,12.8vw,3.8rem)}.local-stage{min-height:275px}.local-site{width:88%;min-height:178px;padding:13px;border-radius:16px}.stage-bar,.stage-label,.contact-card-mini span{font-size:.64rem}.profile-card{width:162px;padding:13px;border-radius:16px}.profile-card p,.contact-card-mini p{font-size:.78rem}.map-card{width:138px;min-height:112px;padding:13px;border-radius:16px}.map-card b{width:28px;height:28px;right:16px;bottom:16px}.package-grid article,.preview-grid article,.project-copy,.guide-card article{padding:20px}.package-grid article,.preview-grid article{min-height:auto}.mock-page{left:7%;right:7%;top:16%;min-height:154px}.medical-card,.app-panel{inset:20px}.faq-list summary{min-height:56px;padding:16px}.faq-list details p{padding-inline:16px}}.site-header.nav-active{background:rgba(5,7,13,.82);border-color:rgba(255,255,255,.11);box-shadow:0 18px 48px rgba(0,0,0,.18);backdrop-filter:blur(18px)}.menu-toggle[aria-expanded="true"] span:not(.sr-only):nth-of-type(2){transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:not(.sr-only):nth-of-type(3){transform:translateY(-4px) rotate(-45deg)}
/* Final content polish before WordPress theme build */
.page-hero{min-height:auto;padding:clamp(116px,12vw,142px) 0 clamp(54px,7vw,72px)}
.page-hero h1{font-size:clamp(2.65rem,7.1vw,6.25rem);max-width:1020px}.page-hero .section-head{margin-bottom:0}.page-hero .section-head p:not(.eyebrow){max-width:820px;font-size:clamp(1rem,1.5vw,1.14rem)}
.text-link{align-items:center;gap:8px;position:relative;text-decoration:none;transition:color 180ms ease,transform 180ms ease}.text-link span{transition:transform 180ms ease}.text-link:hover{transform:translateX(2px)}.text-link:hover span{transform:translateX(4px)}.text-link:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 180ms ease}.text-link:hover:after{transform:scaleX(1)}
.project-card h3,.work-card h3{word-break:normal;overflow-wrap:normal;hyphens:none}.preview-work .project-card:not(.featured) .project-copy h3,.project-card:not(.featured) .project-copy h3{font-size:clamp(1.16rem,1.7vw,1.52rem);letter-spacing:-.02em}.project-copy{min-width:0}.project-copy p{overflow-wrap:normal}.project-card{min-width:0}
.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.filter-bar button{min-height:42px;padding:10px 16px;border:1px solid rgba(148,163,184,.28);border-radius:999px;background:rgba(255,255,255,.82);color:var(--muted);font-weight:900;cursor:pointer;box-shadow:0 10px 30px rgba(15,23,42,.045);transition:color 180ms ease,background 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}.filter-bar button:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.34);color:var(--navy)}.filter-bar button.active{color:var(--white);border-color:rgba(11,16,32,.95);background:linear-gradient(135deg,var(--navy),#111827);box-shadow:0 18px 44px rgba(15,23,42,.18)}
.product-grid{position:absolute;inset:26px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product-grid i{border-radius:18px;background:linear-gradient(145deg,#fff,#e2e8f0);box-shadow:inset 0 0 0 1px rgba(15,23,42,.08),0 16px 34px rgba(15,23,42,.1)}.project-card.etra .project-visual{background:linear-gradient(145deg,#e2e8f0,#f8fafc 55%,#cbd5e1)}
.project-card.remedy .project-visual{background:radial-gradient(circle at 76% 18%,rgba(255,176,32,.26),transparent 20%),linear-gradient(145deg,#f8fafc,#e0f2fe)}.brand-board{position:absolute;inset:24px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.68));box-shadow:inset 0 0 0 1px rgba(15,23,42,.08),0 24px 70px rgba(15,23,42,.12)}.brand-board:before{content:"";position:absolute;inset:14px;border-radius:18px;background:linear-gradient(rgba(15,23,42,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.05) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(circle,#000,transparent 72%)}.brand-board strong{position:relative;display:grid;width:96px;height:96px;place-items:center;border-radius:28px;color:var(--white);background:linear-gradient(135deg,var(--blue),#0ea5e9);font-size:3.4rem;line-height:1;box-shadow:0 22px 48px rgba(37,99,235,.28)}.brand-board span{position:absolute;height:10px;border-radius:999px;background:rgba(37,99,235,.16)}.brand-board span:nth-child(2){left:28px;right:28px;bottom:42px}.brand-board span:nth-child(3){left:62px;right:62px;bottom:24px;background:rgba(255,176,32,.32)}
.project-card.libelloo .project-visual{background:linear-gradient(145deg,#ecfeff,#dbeafe 58%,#f8fafc)}.calendar-ui{position:absolute;inset:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px;border-radius:20px;background:rgba(255,255,255,.86);box-shadow:0 24px 70px rgba(15,23,42,.12)}.calendar-ui i{border-radius:14px;background:linear-gradient(145deg,rgba(37,99,235,.16),rgba(34,211,238,.16));box-shadow:inset 0 0 0 1px rgba(37,99,235,.08)}
.guide-list article:first-child{grid-column:span 2;color:var(--white);background:radial-gradient(circle at 86% 14%,rgba(34,211,238,.2),transparent 30%),linear-gradient(145deg,var(--navy),var(--dark));border-color:rgba(255,255,255,.13);box-shadow:var(--shadow-dark)}.guide-list article:first-child h3{color:var(--white)}.guide-list article:first-child p{color:rgba(229,231,235,.72)}.guide-list a{display:inline-flex;width:fit-content;margin-top:8px;color:var(--blue);font-weight:900}.guide-list article:first-child a,.guide-active-link{color:var(--white);padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08)}
.guide-list-card.has-featured-image{isolation:isolate}.guide-list-card .guide-card-image{position:absolute;z-index:0;inset:0;width:auto;height:auto;margin:0;border:0;border-radius:inherit;background-position:center;background-size:cover;opacity:.3;filter:saturate(.72) contrast(1.04);pointer-events:none}.guide-list-card.has-featured-image:before{position:relative;z-index:2}.guide-list-card.has-featured-image:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(105deg,rgba(5,7,13,.88) 0%,rgba(11,16,32,.7) 58%,rgba(6,58,74,.48) 100%);pointer-events:none}.guide-list-card.has-featured-image>h3,.guide-list-card.has-featured-image>p,.guide-list-card.has-featured-image>a{position:relative;z-index:2}
.fit-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.section-lead{max-width:840px;margin:-18px 0 28px;color:var(--muted);font-size:1.06rem}.fit-card{padding:24px;border:1px solid rgba(148,163,184,.24);border-radius:20px;background:rgba(255,255,255,.84);box-shadow:0 18px 54px rgba(15,23,42,.065)}.fit-card ul{display:grid;gap:8px;margin:14px 0 0;padding-left:18px;color:var(--muted)}.fit-card li::marker{color:var(--orange)}
.contact-page .brief-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start}.contact-list{display:grid;gap:12px;margin-top:24px}.contact-card{display:grid;gap:5px;padding:16px 18px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.07);color:var(--white)}.contact-card span{display:block;color:rgba(229,231,235,.58);font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.contact-card strong{display:block;color:var(--white);font-size:1rem;line-height:1.35}.chat-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chat-actions a{display:inline-flex;padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06);font-size:.84rem;font-weight:900}.assessment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.assessment-form .full{grid-column:1/-1}.brief-form label{gap:7px}.brief-form input,.brief-form select,.brief-form textarea{border-radius:12px}.brief-form textarea{min-height:132px}
.footer-desc{max-width:420px;margin:12px 0 0;color:rgba(255,255,255,.58);font-size:.94rem;line-height:1.55}.footer-layout{align-items:start}.footer-layout nav a,.footer-contact a{width:fit-content}.site-footer .brand{color:var(--white)}
@media (max-width:1060px){.contact-page .brief-layout,.fit-columns{grid-template-columns:1fr}.guide-list article:first-child{grid-column:auto}.page-hero h1{font-size:clamp(2.55rem,8vw,5.2rem)}}
@media (max-width:820px){.page-hero{padding:96px 0 48px}.page-hero h1{font-size:clamp(2.28rem,10vw,3.6rem);line-height:.98}.filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.filter-bar button:first-child{grid-column:1/-1}.assessment-form{grid-template-columns:1fr}.contact-card{padding:15px}.footer-desc{max-width:none}.project-card h3,.work-card h3{word-break:normal;overflow-wrap:normal;hyphens:none}.guide-list article:first-child{min-height:auto}}
@media (max-width:560px){.page-hero h1{font-size:clamp(2.12rem,9.8vw,3.2rem)}.filter-bar button{padding-inline:12px}.project-copy h3,.preview-work .project-card:not(.featured) .project-copy h3{font-size:1.2rem}.brand-board strong{width:78px;height:78px;border-radius:22px;font-size:2.6rem}.contact-card strong{font-size:.96rem}.section-lead{font-size:1rem}}
/* Final pre-WP polish fixes */
.tech-section{padding-top:clamp(86px,9vw,112px)}.tech-section .section-head{margin-bottom:22px;overflow:visible}.tech-section .section-head h2{line-height:1.06;max-width:980px}.tech-section .section-lead{margin:0 0 30px}
.text-link{display:inline-flex;align-items:center;gap:8px;padding-bottom:4px;color:var(--blue);font-weight:900;line-height:1.2}.text-link span{display:inline-block;line-height:1;transition:transform 180ms ease}.text-link:hover span{transform:translateX(4px)}
.project-card.remedy .project-visual{background:radial-gradient(circle at 20% 18%,rgba(37,99,235,.18),transparent 24%),radial-gradient(circle at 82% 22%,rgba(255,176,32,.26),transparent 22%),linear-gradient(145deg,#f8fafc 0%,#e0f2fe 52%,#eef2ff 100%)}.project-card.remedy .brand-board{inset:18px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,250,252,.72));box-shadow:inset 0 0 0 1px rgba(15,23,42,.08),0 22px 62px rgba(15,23,42,.13)}.project-card.remedy .brand-board:before{content:"";position:absolute;inset:12px;border-radius:18px;background:linear-gradient(rgba(15,23,42,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.055) 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(circle at 50% 48%,#000,transparent 76%)}.project-card.remedy .brand-board:after{content:"Remedy Maker";position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:center;padding:8px 10px;border:1px solid rgba(37,99,235,.14);border-radius:999px;color:#1e3a8a;background:rgba(255,255,255,.74);font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.project-card.remedy .brand-board strong{z-index:1;width:104px;height:104px;border-radius:30px;background:linear-gradient(135deg,#2563eb,#0ea5e9 58%,#22d3ee);font-size:3.7rem;box-shadow:0 24px 54px rgba(37,99,235,.32),inset 0 -10px 22px rgba(15,23,42,.12)}.project-card.remedy .brand-board span{z-index:1;height:9px}.project-card.remedy .brand-board span:nth-child(2){left:24px;right:auto;top:24px;bottom:auto;width:72px;background:rgba(37,99,235,.18)}.project-card.remedy .brand-board span:nth-child(3){left:auto;right:26px;top:42px;bottom:auto;width:46px;background:rgba(255,176,32,.36)}
@media (max-width:820px){.tech-section{padding-top:70px}.tech-section .section-head{margin-bottom:18px}.tech-section .section-head h2{font-size:clamp(2rem,9vw,3.15rem);line-height:1.05}.tech-section .section-lead{margin-bottom:24px}.project-card.remedy .brand-board strong{width:88px;height:88px;border-radius:25px;font-size:3rem}}
@media (max-width:560px){.tech-section{padding-top:62px}.project-card.remedy .brand-board{inset:16px}.project-card.remedy .brand-board:after{font-size:.66rem;bottom:16px}.project-card.remedy .brand-board strong{width:78px;height:78px;border-radius:22px;font-size:2.55rem}}
/* Unified boxed hero system for subpages */
.page-hero{
  position:relative;
  overflow:hidden;
  min-height:auto;
  display:block;
  padding:clamp(112px,11vw,142px) 0 clamp(58px,7vw,82px);
  color:var(--white);
  background:
    radial-gradient(circle at 78% 22%,rgba(34,211,238,.14),transparent 30%),
    radial-gradient(circle at 10% 16%,rgba(37,99,235,.24),transparent 34%),
    linear-gradient(135deg,#05070d 0%,#0b1020 58%,#111827 100%);
}
.page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:radial-gradient(circle at 72% 38%,#000 0,transparent 72%);
  opacity:.48;
  pointer-events:none;
}
.page-hero:after{
  content:"";
  position:absolute;
  width:380px;
  height:380px;
  right:8%;
  top:18%;
  border-radius:999px;
  background:rgba(34,211,238,.16);
  filter:blur(54px);
  pointer-events:none;
}
.page-hero .container.section-head{
  position:relative;
  z-index:1;
  width:min(var(--container),calc(100% - 32px));
  max-width:var(--container);
  margin-inline:auto;
  margin-bottom:0;
  padding:0;
}
.page-hero .eyebrow{
  margin-bottom:16px;
}
.page-hero h1{
  max-width:820px;
  margin:0 0 20px;
  color:var(--white);
  font-family:var(--font-head);
  font-size:clamp(2.9rem,6.4vw,5.65rem);
  line-height:.96;
  letter-spacing:-.055em;
}
.page-hero .section-head p:not(.eyebrow),
.page-hero .container.section-head > p:not(.eyebrow){
  max-width:760px;
  margin:0;
  color:rgba(229,231,235,.72);
  font-size:clamp(1rem,1.42vw,1.14rem);
  line-height:1.62;
}
@media (max-width:820px){
  .page-hero{
    padding:92px 0 50px;
  }
  .page-hero .container.section-head{
    width:min(100% - 24px,var(--container));
  }
  .page-hero h1{
    max-width:11.5ch;
    margin-bottom:16px;
    font-size:clamp(2.2rem,9.6vw,3.55rem);
    line-height:1;
  }
  .page-hero .section-head p:not(.eyebrow),
  .page-hero .container.section-head > p:not(.eyebrow){
    max-width:680px;
    font-size:.98rem;
    line-height:1.55;
  }
}
@media (max-width:560px){
  .page-hero{
    padding:84px 0 44px;
  }
  .page-hero h1{
    max-width:12ch;
    font-size:clamp(2.05rem,9.2vw,3rem);
    letter-spacing:-.045em;
  }
}
/* Last bug-fix: tech heading visibility and Remedy Maker visual */
.tech-section,
.tech-section .container,
.tech-section .section-head,
.tech-section .section-head.reveal,
.tech-section .section-head h2{
  overflow:visible !important;
  clip-path:none !important;
  text-indent:0 !important;
}
.tech-section .section-head.reveal{
  opacity:1 !important;
  transform:none !important;
  position:relative;
  z-index:2;
}
.tech-section .section-head h2{
  display:block !important;
  width:100% !important;
  max-width:980px !important;
  margin-left:0 !important;
  padding-left:0 !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  line-height:1.08 !important;
}
.project-card.remedy .project-visual{
  min-height:240px !important;
  display:block !important;
  background:
    radial-gradient(circle at 18% 18%,rgba(37,99,235,.20),transparent 24%),
    radial-gradient(circle at 82% 20%,rgba(255,176,32,.28),transparent 22%),
    linear-gradient(145deg,#f8fafc 0%,#e0f2fe 50%,#eef2ff 100%) !important;
}
.project-card.remedy .brand-board{
  position:absolute !important;
  inset:18px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  border:1px solid rgba(37,99,235,.12) !important;
  border-radius:24px !important;
  background:
    linear-gradient(rgba(15,23,42,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px),
    linear-gradient(145deg,rgba(255,255,255,.95),rgba(248,250,252,.74)) !important;
  background-size:24px 24px,24px 24px,auto !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 22px 62px rgba(15,23,42,.14) !important;
}
.project-card.remedy .brand-board:before{
  content:"" !important;
  position:absolute !important;
  width:150px !important;
  height:150px !important;
  border-radius:999px !important;
  background:rgba(37,99,235,.09) !important;
}
.project-card.remedy .brand-board:after{
  content:"Remedy Maker" !important;
  position:absolute !important;
  left:20px !important;
  right:20px !important;
  bottom:18px !important;
  display:flex !important;
  justify-content:center !important;
  padding:8px 10px !important;
  border:1px solid rgba(37,99,235,.14) !important;
  border-radius:999px !important;
  color:#1e3a8a !important;
  background:rgba(255,255,255,.78) !important;
  font-size:.72rem !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
.project-card.remedy .brand-board strong{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  width:106px !important;
  height:106px !important;
  place-items:center !important;
  border-radius:30px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#2563eb,#0ea5e9 58%,#22d3ee) !important;
  font-size:3.7rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  box-shadow:0 24px 54px rgba(37,99,235,.34),inset 0 -10px 22px rgba(15,23,42,.14) !important;
}
.project-card.remedy .brand-board span{
  position:absolute !important;
  z-index:1 !important;
  display:block !important;
  height:9px !important;
  border-radius:999px !important;
}
.project-card.remedy .brand-board span:nth-child(2){
  left:24px !important;
  top:24px !important;
  width:72px !important;
  background:rgba(37,99,235,.20) !important;
}
.project-card.remedy .brand-board span:nth-child(3){
  right:26px !important;
  top:42px !important;
  width:46px !important;
  background:rgba(255,176,32,.38) !important;
}
@media (max-width:820px){
  .tech-section .section-head h2{font-size:clamp(2rem,9vw,3.15rem) !important;line-height:1.08 !important;}
  .project-card.remedy .brand-board strong{width:90px !important;height:90px !important;border-radius:25px !important;font-size:3rem !important;}
}
@media (max-width:560px){
  .project-card.remedy .project-visual{min-height:215px !important;}
  .project-card.remedy .brand-board{inset:16px !important;}
  .project-card.remedy .brand-board strong{width:78px !important;height:78px !important;border-radius:22px !important;font-size:2.55rem !important;}
  .project-card.remedy .brand-board:after{bottom:14px !important;font-size:.64rem !important;}
}
/* WordPress template compatibility */
.portfolio-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 28px;
}
.single-work-layout,
.post-content,
.content-panel {
  display: grid;
  gap: 24px;
}
.post-content,
.content-panel {
  max-width: 860px;
  color: var(--slate);
  font-size: 1.04rem;
  line-height: 1.8;
}
.post-content h2,
.post-content h3,
.content-panel h2,
.content-panel h3 {
  color: var(--ink);
  line-height: 1.08;
  margin: 12px 0 4px;
}
.post-content p,
.content-panel p {
  margin: 0 0 16px;
}
.post-content ul,
.content-panel ul {
  display: grid;
  gap: 8px;
  padding-left: 20px;
}
.single-work-section .project-card.featured {
  margin-bottom: 14px;
}
@media (max-width: 760px) {
  .portfolio-filter {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .portfolio-filter .filter-btn:first-child {
    grid-column: 1 / -1;
  }
}
/* WordPress admin bar offset */
body.admin-bar .site-header {
  top: 32px;
}
@media (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px;
  }
}
/* Single article template */
.post-hero {
  padding-bottom: clamp(94px, 9vw, 126px);
}

.post-hero .container.section-head {
  max-width: var(--container);
}

.post-hero h1 {
  max-width: 1040px;
  margin-bottom: 20px;
  font-size: clamp(2.7rem, 5.4vw, 5rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
  text-wrap: balance;
}

.post-hero .section-head > p:not(.eyebrow) {
  max-width: 800px;
}

.page-hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 22px;
  margin-top: 24px;
  color: rgba(229, 231, 235, 0.58);
  font-size: 0.84rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.page-hero-meta span {
  position: relative;
}

.page-hero-meta span + span::before {
  content: "";
  position: absolute;
  left: -13px;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: var(--orange);
  transform: translateY(-50%);
  box-shadow: 0 0 12px rgba(255, 176, 32, 0.55);
}

.article-featured-wrap {
  position: relative;
  z-index: 3;
  margin-top: -64px;
}

.article-featured {
  overflow: hidden;
  aspect-ratio: 16 / 9;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 24px;
  background: var(--navy);
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.22);
}

.article-featured__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article-section {
  background:
    radial-gradient(circle at 50% 0, rgba(37, 99, 235, 0.05), transparent 28%),
    var(--light);
}

.article-section.has-featured-image {
  padding-top: clamp(50px, 6vw, 78px);
}

.article-shell {
  max-width: 860px;
}

.post-content {
  display: block;
  max-width: none;
  margin: 0;
  color: var(--text);
  font-size: clamp(1.02rem, 1.2vw, 1.1rem);
  line-height: 1.82;
}

.post-content > p:first-child {
  color: #334155;
  font-size: clamp(1.12rem, 1.55vw, 1.25rem);
  line-height: 1.7;
}

.post-content h2,
.post-content h3,
.post-content h4 {
  color: var(--text);
  font-family: var(--font-head);
  text-wrap: balance;
  scroll-margin-top: 110px;
}

.post-content h2 {
  margin: clamp(52px, 7vw, 76px) 0 20px;
  font-size: clamp(1.9rem, 3.3vw, 2.75rem);
  line-height: 1.12;
  letter-spacing: -0.035em;
}

.post-content h3 {
  margin: 38px 0 14px;
  font-size: clamp(1.28rem, 2vw, 1.65rem);
  line-height: 1.24;
  letter-spacing: -0.02em;
}

.post-content h4 {
  margin: 30px 0 10px;
  font-size: 1.12rem;
  line-height: 1.3;
}

.post-content p {
  margin: 0 0 1.35em;
}

.post-content ul,
.post-content ol {
  display: grid;
  gap: 9px;
  margin: 0 0 1.6em;
  padding-left: 1.35em;
}

.post-content li::marker {
  color: var(--blue);
  font-weight: 900;
}

.post-content a:not(.btn) {
  color: var(--blue);
  font-weight: 750;
  text-decoration: underline;
  text-decoration-color: rgba(37, 99, 235, 0.28);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.post-content a:not(.btn):hover {
  color: var(--navy);
  text-decoration-color: currentColor;
}

.post-content strong {
  color: var(--text);
}

.post-content blockquote {
  margin: 38px 0;
  padding: 22px 24px;
  border-left: 4px solid var(--orange);
  border-radius: 0 16px 16px 0;
  color: #1e293b;
  background: rgba(255, 176, 32, 0.09);
  font-size: 1.08em;
  font-weight: 700;
}

.post-content blockquote p:last-child {
  margin-bottom: 0;
}

.post-content figure,
.post-content .wp-block-image {
  margin: 38px 0;
}

.post-content img {
  height: auto;
  border-radius: 16px;
}

.post-content figcaption {
  margin-top: 10px;
  color: var(--muted);
  font-size: 0.86rem;
  text-align: center;
}

.post-content table {
  width: 100%;
  margin: 34px 0;
  border-collapse: collapse;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--white);
}

.post-content th,
.post-content td {
  padding: 13px 14px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

.post-content th {
  color: var(--text);
  background: #eef3fb;
}

.article-footer {
  margin-top: clamp(54px, 7vw, 78px);
  padding-top: 26px;
  border-top: 1px solid var(--line);
}

.article-footer .text-link {
  margin-top: 0;
}

@media (max-width: 820px) {
  .post-hero {
    padding-bottom: 70px;
  }

  .post-hero h1 {
    max-width: none;
    font-size: clamp(2.2rem, 9vw, 3.55rem);
    line-height: 1;
    text-wrap: pretty;
  }

  .article-featured-wrap {
    margin-top: -34px;
  }

  .article-featured {
    border-radius: 18px;
  }

  .article-shell {
    max-width: 760px;
  }
}

@media (max-width: 560px) {
  .post-hero {
    padding-bottom: 56px;
  }

  .post-hero h1 {
    font-size: clamp(2rem, 9.3vw, 2.9rem);
    letter-spacing: -0.045em;
  }

  .page-hero-meta {
    gap: 8px 18px;
    margin-top: 18px;
    font-size: 0.75rem;
  }

  .page-hero-meta span + span::before {
    left: -11px;
  }

  .article-featured-wrap {
    margin-top: -24px;
  }

  .article-featured {
    aspect-ratio: 4 / 3;
    border-radius: 14px;
  }

  .article-section.has-featured-image {
    padding-top: 42px;
  }

  .post-content {
    font-size: 1rem;
    line-height: 1.76;
  }

  .post-content > p:first-child {
    font-size: 1.08rem;
  }

  .post-content h2 {
    margin-top: 50px;
    font-size: clamp(1.72rem, 8vw, 2.2rem);
  }

  .post-content h3 {
    margin-top: 32px;
    font-size: 1.3rem;
  }

  .post-content blockquote {
    padding: 18px;
  }

  .post-content table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

/* Single article layout and automatic table of contents */
.article-body {
  background:
    radial-gradient(circle at 50% 0, rgba(37, 99, 235, 0.05), transparent 28%),
    var(--light);
}
.article-body .article-section {
  background: transparent;
}
.article-layout {
  display: grid;
  gap: clamp(34px, 5vw, 60px);
  align-items: start;
}
.article-layout.has-toc {
  grid-template-columns: minmax(0, 790px) minmax(250px, 280px);
  justify-content: center;
}
.article-main {
  min-width: 0;
}
.article-sidebar {
  align-self: start;
}
.article-toc {
  position: sticky;
  top: 100px;
  max-height: calc(100vh - 132px);
  overflow: auto;
  padding: 6px 0 6px 18px;
  border-left: 1px solid rgba(148, 163, 184, 0.32);
}
body.admin-bar .article-toc {
  top: 132px;
  max-height: calc(100vh - 164px);
}
.article-toc h2 {
  margin: 0 0 14px;
  color: var(--text);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}
.article-toc-list {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.article-toc-item a {
  display: block;
  position: relative;
  padding: 8px 0 8px 14px;
  border-radius: 10px;
  color: var(--muted);
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.35;
  text-decoration: none;
  transition: color 180ms ease, transform 180ms ease;
}
.article-toc-item a::before {
  content: "";
  position: absolute;
  left: -19px;
  top: 9px;
  bottom: 9px;
  width: 3px;
  border-radius: 999px;
  background: transparent;
  transition: background 180ms ease;
}
.article-toc-item a:hover,
.article-toc-item a:focus-visible,
.article-toc-item a.is-active {
  color: var(--blue);
}
.article-toc-item a:hover,
.article-toc-item a:focus-visible {
  transform: translateX(2px);
}
.article-toc-item a.is-active::before {
  background: var(--blue);
}
.article-toc-mobile {
  display: none;
  margin: 0 0 26px;
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 14px 42px rgba(15, 23, 42, 0.055);
}
.article-toc-mobile summary {
  cursor: pointer;
  padding: 16px 18px;
  color: var(--text);
  font-weight: 900;
  line-height: 1.25;
}
.article-toc-mobile .article-toc-list {
  padding: 0 18px 18px;
}
.article-toc-mobile .article-toc-item a {
  padding: 8px 0;
}
.article-toc-mobile .article-toc-item--h3 a {
  padding-left: 18px;
  color: #64748b;
  font-size: 0.88rem;
  font-weight: 750;
}
.article-toc-mobile .article-toc-item a::before {
  display: none;
}
.article-heading-anchor {
  scroll-margin-top: 110px;
}
@media (max-width: 1060px) {
  .article-layout,
  .article-layout.has-toc {
    display: block;
  }
  .article-sidebar {
    display: none;
  }
  .article-toc-mobile {
    display: block;
  }
}
@media (max-width: 560px) {
  .article-toc-mobile {
    margin-bottom: 22px;
    border-radius: 16px;
  }
  .article-toc-mobile summary {
    padding: 15px 16px;
  }
  .article-toc-mobile .article-toc-list {
    padding: 0 16px 16px;
  }
}
/* Floating article table of contents */
.article-layout,
.article-layout.has-toc {
  display: block;
  max-width: none;
}
.article-main,
.article-footer {
  width: min(100%, 840px);
  margin-inline: auto;
}
.article-sidebar,
.article-toc-mobile {
  display: none;
}
body.article-toc-open {
  overflow: hidden;
}
.article-toc-trigger {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 90;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 11px 16px 11px 13px;
  border: 1px solid rgba(125, 211, 252, 0.24);
  border-radius: 999px;
  color: var(--white);
  background:
    radial-gradient(circle at 20% 0, rgba(34, 211, 238, 0.22), transparent 34%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(5, 7, 13, 0.98));
  box-shadow: 0 18px 54px rgba(5, 7, 13, 0.28);
  font: inherit;
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease, border-color 180ms ease;
}
.article-toc-trigger.is-visible:not(.is-hidden) {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.article-toc-trigger.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(12px);
}
.article-toc-trigger:hover,
.article-toc-trigger:focus-visible {
  border-color: rgba(34, 211, 238, 0.55);
  transform: translateY(-1px);
}
.article-toc-trigger__icon {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 999px;
  color: #7dd3fc;
  background: rgba(255, 255, 255, 0.08);
}
.article-toc-backdrop {
  position: fixed;
  inset: 0;
  z-index: 120;
  background: rgba(5, 7, 13, 0.56);
  backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 180ms ease, visibility 180ms ease;
}
.article-toc-backdrop.is-open {
  opacity: 1;
  visibility: visible;
}
.article-toc-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 130;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(380px, calc(100vw - 32px));
  border-left: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--white);
  background:
    radial-gradient(circle at 80% 0, rgba(34, 211, 238, 0.12), transparent 30%),
    linear-gradient(145deg, #0b1020, #05070d);
  box-shadow: -26px 0 80px rgba(0, 0, 0, 0.34);
  transform: translateX(100%);
  transition: transform 220ms ease;
}
.article-toc-drawer.is-open {
  transform: translateX(0);
}
.article-toc-drawer__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 26px 24px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.article-toc-drawer__eyebrow {
  margin: 0 0 7px;
  color: #7dd3fc;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-transform: uppercase;
}
.article-toc-drawer__header h2 {
  margin: 0;
  color: var(--white);
  font-size: 1.3rem;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.article-toc-close {
  display: grid;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  color: var(--white);
  background: rgba(255, 255, 255, 0.06);
  cursor: pointer;
  transition: background 180ms ease, border-color 180ms ease, color 180ms ease;
}
.article-toc-close:hover,
.article-toc-close:focus-visible {
  border-color: rgba(125, 211, 252, 0.5);
  color: #7dd3fc;
  background: rgba(255, 255, 255, 0.1);
}
.article-toc-drawer__nav {
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 18px 18px 28px;
}
.article-toc-drawer .article-toc-list {
  display: grid;
  gap: 3px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.article-toc-drawer .article-toc-item a {
  display: block;
  position: relative;
  min-height: 42px;
  padding: 11px 12px 11px 17px;
  border-radius: 12px;
  color: rgba(229, 231, 235, 0.76);
  font-size: 0.94rem;
  font-weight: 850;
  line-height: 1.34;
  text-decoration: none;
  transition: color 180ms ease, background 180ms ease, transform 180ms ease;
}
.article-toc-drawer .article-toc-item a::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 11px;
  bottom: 11px;
  width: 3px;
  border-radius: 999px;
  background: transparent;
  transition: background 180ms ease;
}
.article-toc-drawer .article-toc-item--h3 a {
  min-height: 38px;
  margin-left: 14px;
  padding-top: 9px;
  padding-bottom: 9px;
  color: rgba(203, 213, 225, 0.62);
  font-size: 0.86rem;
  font-weight: 750;
}
.article-toc-drawer .article-toc-item a:hover,
.article-toc-drawer .article-toc-item a:focus-visible {
  color: var(--white);
  background: rgba(255, 255, 255, 0.065);
  transform: translateX(2px);
}
.article-toc-drawer .article-toc-item--h2 a.is-active {
  color: var(--white);
  background: rgba(37, 99, 235, 0.18);
}
.article-toc-drawer .article-toc-item--h2 a.is-active::before {
  background: linear-gradient(var(--cyan), var(--blue));
}
@media (max-width: 782px) {
  .article-toc-trigger {
    right: 12px;
    bottom: 12px;
    min-height: 44px;
    padding: 10px 13px 10px 11px;
    font-size: 0.84rem;
  }
  .article-toc-trigger__icon {
    width: 26px;
    height: 26px;
  }
  .article-toc-drawer {
    width: min(92vw, 380px);
  }
  .article-toc-drawer__header {
    padding: 22px 18px 16px;
  }
  .article-toc-drawer__nav {
    padding: 15px 14px 24px;
  }
  .article-toc-drawer .article-toc-item a {
    min-height: 44px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .article-toc-trigger,
  .article-toc-backdrop,
  .article-toc-drawer,
  .article-toc-drawer .article-toc-item a {
    transition: none;
  }
}
/* Header custom logo */
.site-header .brand {
  flex: 0 0 auto;
  min-width: 0;
}
.site-header .custom-logo {
  display: block;
  width: auto;
  max-width: 178px;
  height: auto;
  max-height: 42px;
  object-fit: contain;
}
.site-header .brand:has(.custom-logo) {
  gap: 0;
}
@media (max-width: 820px) {
  .site-header .custom-logo {
    max-width: 148px;
    max-height: 36px;
  }
}
@media (max-width: 420px) {
  .site-header .custom-logo {
    max-width: 124px;
    max-height: 34px;
  }
}
/* Footer custom logo */
.site-footer .footer-brand:has(.footer-custom-logo) {
  gap: 0;
  width: fit-content;
}
.site-footer .footer-custom-logo {
  display: block;
  width: auto;
  max-width: 190px;
  height: auto;
  max-height: 48px;
  object-fit: contain;
}
@media (max-width: 560px) {
  .site-footer .footer-custom-logo {
    max-width: 156px;
    max-height: 42px;
  }
}

/* Hero offer image and lightbox */
.hero-offer-visual{display:flex;min-height:520px;align-items:center;justify-content:center}
.hero-offer-link{position:relative;display:block;width:min(100%,470px);border-radius:26px;outline-offset:6px;transition:transform .25s ease,filter .25s ease}
.hero-offer-link:before{content:"";position:absolute;inset:8% -8%;z-index:-1;border-radius:50%;background:rgba(34,211,238,.2);filter:blur(48px)}
.hero-offer-link:hover{transform:translateY(-6px);filter:drop-shadow(0 30px 46px rgba(0,0,0,.34))}
.hero-offer-link img{display:block;width:100%;height:auto;border-radius:26px;box-shadow:0 32px 90px rgba(0,0,0,.38)}
.hero-offer-zoom{position:absolute;right:16px;bottom:16px;padding:9px 13px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#fff;background:rgba(5,7,13,.76);font-size:.78rem;font-weight:800;letter-spacing:.04em;backdrop-filter:blur(12px)}
body.lightbox-open{overflow:hidden}
.image-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(2,4,10,.92);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.image-lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto}
.image-lightbox img{display:block;max-width:min(938px,calc(100vw - 48px));max-height:calc(100vh - 48px);width:auto;height:auto;border-radius:16px;box-shadow:0 36px 100px rgba(0,0,0,.55)}
.image-lightbox-close{position:fixed;top:18px;right:18px;z-index:1;width:46px;height:46px;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#fff;background:rgba(15,23,42,.78);font-size:2rem;line-height:1;cursor:pointer}
.image-lightbox-close:hover,.image-lightbox-close:focus-visible{background:#2563eb}
@media (max-width:1060px){.hero-offer-visual{min-height:auto}.hero-offer-link{width:min(100%,430px)}}
@media (max-width:560px){.hero-offer-link{width:min(92%,380px);border-radius:20px}.hero-offer-link img{border-radius:20px}.hero-offer-zoom{right:10px;bottom:10px}.image-lightbox{padding:12px}.image-lightbox img{max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}}
@media (prefers-reduced-motion:reduce){.hero-offer-link,.image-lightbox{transition:none}}
/* Mondena Local landing page */
.mondena-local-page{--ml-line:rgba(148,163,184,.22);--ml-panel:#fff;overflow:hidden;background:#f8fafc}
.ml-hero{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden;padding:clamp(120px,13vw,168px) 0 clamp(76px,9vw,110px);color:#fff;background:radial-gradient(circle at 78% 22%,rgba(34,211,238,.18),transparent 30%),linear-gradient(135deg,#05070d 0%,#0b1020 58%,#111827 100%)}
.ml-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000 60%,transparent);pointer-events:none}
.ml-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.82fr);gap:clamp(42px,7vw,92px);align-items:center}
.ml-hero-copy{max-width:760px}.ml-hero h1{max-width:10.5ch;margin:0 0 24px;color:#fff;font-family:var(--font-head);font-size:clamp(3.5rem,7.8vw,7rem);line-height:.92;letter-spacing:-.06em}
.ml-hero-lead{max-width:720px;margin:0;color:rgba(229,231,235,.74);font-size:clamp(1.04rem,1.45vw,1.2rem);line-height:1.65}.ml-hero-note{margin:20px 0 0;color:rgba(165,243,252,.86);font-size:.84rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ml-system-map{position:relative;min-height:500px;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.18),transparent 58%);box-shadow:inset 0 0 80px rgba(34,211,238,.05)}
.ml-system-map:before,.ml-system-map:after{content:"";position:absolute;border:1px solid rgba(125,211,252,.15);border-radius:50%;inset:13%}.ml-system-map:after{inset:29%}
.ml-system-core,.ml-orbit{position:absolute;z-index:1;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.15);box-shadow:0 24px 60px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.ml-system-core{inset:34%;align-items:center;border-radius:50%;background:linear-gradient(145deg,rgba(37,99,235,.8),rgba(8,145,178,.6));text-align:center}.ml-system-core span{font-size:.72rem;text-transform:uppercase}.ml-system-core strong{font-size:1.45rem}
.ml-orbit{width:145px;min-height:88px;padding:16px;border-radius:18px;background:rgba(255,255,255,.08)}.ml-orbit span{color:#67e8f9;font-size:.7rem;font-weight:900}.ml-orbit strong{color:#fff;font-size:.98rem}.ml-orbit-one{left:2%;top:14%}.ml-orbit-two{right:-2%;top:22%}.ml-orbit-three{right:6%;bottom:10%}.ml-orbit-four{left:0;bottom:17%}
.ml-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.72fr);gap:clamp(38px,8vw,110px);align-items:start}.ml-problem{background:#fff}.ml-problem-copy{padding:clamp(26px,4vw,42px);border:1px solid var(--ml-line);border-radius:24px;background:#f8fafc;box-shadow:0 22px 60px rgba(15,23,42,.06)}
.ml-check-list{display:grid;gap:12px;margin:24px 0;padding:0;list-style:none}.ml-check-list li{position:relative;padding-left:28px;color:var(--navy);font-weight:700}.ml-check-list li:before{content:"✓";position:absolute;left:0;color:#0891b2}.ml-callout{margin:24px 0 0;padding:18px;border-left:3px solid #2563eb;border-radius:0 12px 12px 0;background:#eff6ff;color:#1e3a8a;font-weight:700}
.ml-journey{color:#fff;background:#07101f}.ml-journey h2,.ml-journey h3{color:#fff}.ml-journey .section-head>p:not(.eyebrow){color:rgba(229,231,235,.67)}
.ml-steps{display:grid;grid-template-columns:repeat(5,1fr);margin:48px 0 0;padding:0;list-style:none}.ml-steps li{position:relative;padding:24px 20px 28px;border-top:1px solid rgba(255,255,255,.15)}.ml-steps li:before{content:"";position:absolute;top:-5px;left:20px;width:9px;height:9px;border-radius:50%;background:#22d3ee;box-shadow:0 0 0 6px rgba(34,211,238,.12)}.ml-steps span{display:block;margin-bottom:26px;color:#67e8f9;font-weight:900}.ml-steps h3{font-size:1.08rem}.ml-steps p{color:rgba(229,231,235,.62);font-size:.9rem;line-height:1.6}
.ml-includes{background:#eef2f7}.ml-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}.ml-module-grid article{min-height:260px;padding:26px;border:1px solid var(--ml-line);border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.05);transition:transform .2s ease,box-shadow .2s ease}.ml-module-grid article:hover{transform:translateY(-5px);box-shadow:0 26px 60px rgba(15,23,42,.1)}.ml-module-grid span{display:inline-grid;width:40px;height:40px;place-items:center;margin-bottom:36px;border-radius:12px;color:#0369a1;background:#e0f2fe;font-weight:900}.ml-module-grid h3{font-size:1.16rem}.ml-module-grid p{font-size:.92rem}
.ml-adapt{color:#fff;background:radial-gradient(circle at 10% 80%,rgba(37,99,235,.2),transparent 30%),#0b1020}.ml-adapt h2,.ml-adapt h3{color:#fff}.ml-adapt-head{display:grid;grid-template-columns:1fr .72fr;gap:60px;align-items:end}.ml-adapt-head>p{padding-bottom:12px;color:rgba(229,231,235,.66)}
.ml-request-types{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:44px}.ml-request-types article{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.055)}.ml-request-types span{color:#67e8f9;font-size:.72rem;font-weight:900}.ml-request-types h3{margin-top:28px;font-size:1rem}.ml-request-types p{color:rgba(229,231,235,.6);font-size:.86rem}
.ml-automation-note{display:grid;grid-template-columns:.35fr 1fr;gap:30px;margin-top:18px;padding:24px;border:1px solid rgba(103,232,249,.18);border-radius:18px;background:rgba(8,145,178,.1)}.ml-automation-note strong{color:#a5f3fc}.ml-automation-note p{margin:0;color:rgba(229,231,235,.68)}
.ml-audience{background:#fff}.ml-audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}.ml-audience-grid article{padding:24px;border:1px solid var(--ml-line);border-radius:18px}.ml-audience-grid span{display:inline-grid;width:30px;height:30px;place-items:center;margin-bottom:28px;border-radius:50%;color:#fff;background:#2563eb;font-weight:900}.ml-audience-grid h3{font-size:1rem}.ml-audience-grid p{margin:5px 0 0;font-size:.86rem}
.ml-transformation{background:#f1f5f9}.ml-before-after{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}.ml-before-after article{padding:clamp(28px,4vw,46px);border-radius:24px}.ml-before{border:1px solid #fecaca;background:#fff}.ml-after{color:#fff;background:linear-gradient(145deg,#075985,#0f766e);box-shadow:0 24px 70px rgba(15,118,110,.2)}.ml-after h3{color:#fff}.ml-label{font-size:.72rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.ml-before .ml-label{color:#dc2626}.ml-after .ml-label{color:#a5f3fc}.ml-before-after ul{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none}.ml-before-after li{position:relative;padding-left:25px}.ml-before li:before{content:"×";position:absolute;left:0;color:#dc2626;font-weight:900}.ml-after li:before{content:"✓";position:absolute;left:0;color:#a5f3fc;font-weight:900}
.ml-packages{background:#fff}.ml-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px;align-items:stretch}.ml-package-grid article{position:relative;display:flex;flex-direction:column;min-height:330px;padding:32px;border:1px solid var(--ml-line);border-radius:24px;background:#fff}.ml-package-grid article.featured{color:#fff;border-color:transparent;background:linear-gradient(145deg,#172554,#0e7490);box-shadow:0 28px 70px rgba(14,116,144,.25);transform:translateY(-10px)}.ml-package-grid .featured h3{color:#fff}.ml-package-grid article>p:not(.ml-package-name){margin-bottom:32px}.ml-package-grid .text-link,.ml-package-grid .btn{margin-top:auto}.ml-package-name{color:#2563eb;font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.featured .ml-package-name{color:#a5f3fc}.ml-badge{position:absolute;top:18px;right:18px;padding:6px 9px;border-radius:999px;color:#164e63;background:#cffafe;font-size:.65rem;font-weight:900;text-transform:uppercase}
.ml-process{background:#eef2f7}.ml-process-layout{display:grid;grid-template-columns:.72fr 1fr;gap:clamp(42px,8vw,100px)}.ml-process-list{margin:0;padding:0;list-style:none}.ml-process-list li{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--ml-line)}.ml-process-list li:first-child{padding-top:0}.ml-process-list span{color:#0284c7;font-size:1.35rem;font-weight:900}.ml-process-list h3{margin:0 0 6px;font-size:1.06rem}.ml-process-list p{margin:0;font-size:.9rem}
.ml-expectations{color:#fff;background:#05070d}.ml-expectations-card{display:grid;grid-template-columns:1.05fr .75fr;gap:clamp(40px,8vw,110px);padding:clamp(32px,6vw,64px);border:1px solid rgba(255,255,255,.12);border-radius:28px;background:radial-gradient(circle at 85% 15%,rgba(34,211,238,.14),transparent 34%),rgba(255,255,255,.035)}.ml-expectations h2{color:#fff}.ml-expectations p{color:rgba(229,231,235,.68)}.ml-factor-list{display:flex;flex-wrap:wrap;gap:9px}.ml-factor-list span{padding:9px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:rgba(255,255,255,.78);font-size:.78rem;font-weight:800}
.ml-final-cta{background:#fff}.ml-cta-card{display:grid;grid-template-columns:1fr auto;gap:clamp(34px,7vw,90px);align-items:center;padding:clamp(32px,6vw,68px);border-radius:28px;color:#fff;background:radial-gradient(circle at 90% 5%,rgba(34,211,238,.22),transparent 32%),linear-gradient(145deg,#172554,#0f172a);box-shadow:0 34px 90px rgba(15,23,42,.22)}.ml-cta-card h2{max-width:760px;color:#fff}.ml-cta-card p{max-width:720px;color:rgba(229,231,235,.68)}.ml-cta-actions{display:grid;gap:10px;width:min(100%,340px)}.ml-cta-actions .btn{width:100%}.ml-cta-actions small{margin-top:6px;color:rgba(229,231,235,.55);line-height:1.45;text-align:center}
@media(max-width:1060px){.ml-hero-grid,.ml-split,.ml-adapt-head,.ml-process-layout,.ml-expectations-card,.ml-cta-card{grid-template-columns:1fr}.ml-hero{min-height:auto}.ml-hero-copy{max-width:850px}.ml-system-map{width:min(100%,560px);margin:auto}.ml-steps{grid-template-columns:repeat(2,1fr)}.ml-steps li:last-child{grid-column:1/-1}.ml-module-grid{grid-template-columns:repeat(2,1fr)}.ml-request-types{grid-template-columns:repeat(3,1fr)}.ml-audience-grid{grid-template-columns:repeat(3,1fr)}.ml-cta-actions{width:100%;max-width:420px}}
@media(max-width:820px){.ml-hero{padding:100px 0 58px}.ml-hero h1{font-size:clamp(2.7rem,12vw,4.5rem)}.ml-system-map{min-height:390px}.ml-orbit{width:125px;min-height:74px;padding:12px}.ml-module-grid,.ml-before-after,.ml-package-grid{grid-template-columns:1fr}.ml-package-grid article.featured{transform:none}.ml-request-types,.ml-audience-grid{grid-template-columns:repeat(2,1fr)}.ml-automation-note{grid-template-columns:1fr}.ml-process-layout{gap:34px}}
@media(max-width:560px){.ml-hero-grid{gap:36px}.ml-system-map{min-height:310px}.ml-system-core{inset:33%}.ml-system-core span{font-size:.58rem}.ml-system-core strong{font-size:1rem}.ml-orbit{width:105px;min-height:62px;padding:9px;border-radius:13px}.ml-orbit strong{font-size:.78rem}.ml-orbit-two{right:-4%}.ml-steps,.ml-module-grid,.ml-request-types,.ml-audience-grid{grid-template-columns:1fr}.ml-steps li:last-child{grid-column:auto}.ml-module-grid article{min-height:auto}.ml-request-types article{min-height:auto}.ml-before-after article,.ml-package-grid article{padding:24px}.ml-process-list li{grid-template-columns:48px 1fr}.ml-cta-card{padding:28px 22px}}

/* Mondena Local product-page enhancements */
.ml-hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr);gap:clamp(36px,5vw,72px)}
.ml-hero h1{max-width:13ch;font-size:clamp(3.35rem,6vw,5.9rem);line-height:.96;text-wrap:balance}.ml-hero h1 span{display:block}.ml-hero-note{max-width:620px;letter-spacing:0;text-transform:none;line-height:1.5}
.ml-system-flow{position:relative;display:grid;gap:7px;width:min(100%,510px);margin-inline:auto;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:radial-gradient(circle at 50% 25%,rgba(34,211,238,.15),transparent 55%),rgba(255,255,255,.035);box-shadow:0 32px 90px rgba(0,0,0,.3)}
.ml-system-flow div{display:flex;align-items:center;gap:14px;min-height:64px;padding:14px 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px)}.ml-system-flow small{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:9px;color:#67e8f9;background:rgba(34,211,238,.1);font-weight:900}.ml-system-flow strong{color:#fff}.ml-system-flow i{height:12px;color:#67e8f9;font-style:normal;line-height:12px;text-align:center}.ml-system-flow .is-result{border-color:rgba(103,232,249,.35);background:linear-gradient(120deg,rgba(37,99,235,.38),rgba(8,145,178,.28))}
.ml-module-grid{grid-template-columns:repeat(3,1fr)}.ml-foundation{margin-top:18px;border:1px solid var(--ml-line);border-radius:18px;background:#fff}.ml-foundation summary{display:flex;justify-content:space-between;gap:20px;padding:21px 24px;color:var(--navy);font-weight:850;cursor:pointer}.ml-foundation summary::marker{content:""}.ml-foundation summary span{font-size:1.35rem}.ml-foundation[open] summary span{transform:rotate(45deg)}.ml-foundation ul{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0 24px 24px;list-style:none}.ml-foundation li{padding:8px 11px;border-radius:999px;background:#eef6ff;color:#334155;font-size:.82rem;font-weight:750}
.ml-case{color:#fff;background:#07101f}.ml-case-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(42px,7vw,90px);align-items:center}.ml-case h2,.ml-case h3{color:#fff}.ml-case-copy>p,.ml-case-item p,.ml-case-item li{color:rgba(229,231,235,.68)}.ml-case-item{margin:24px 0}.ml-case-item h3{margin-bottom:8px;font-size:1rem}.ml-case-item ul{display:grid;gap:7px;padding-left:20px}.ml-device-stage{position:relative;min-height:440px;padding:38px 62px 70px 0}.ml-browser{overflow:hidden;height:360px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:#fff;box-shadow:0 34px 80px rgba(0,0,0,.4)}.ml-browser-bar{display:block;padding:11px 18px;color:#64748b;background:#e2e8f0;font-size:.72rem}.ml-site-preview{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#fff;text-align:center;background:linear-gradient(rgba(5,16,31,.22),rgba(5,16,31,.72)),radial-gradient(circle at 35% 30%,#0891b2,#0f172a 65%)}.ml-site-preview b{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.ml-site-preview strong{max-width:10ch;margin:18px 0;font-family:var(--font-head);font-size:2.3rem;line-height:1}.ml-site-preview em{padding:10px 13px;border-radius:999px;color:#082f49;background:#a5f3fc;font-size:.66rem;font-style:normal;font-weight:900;text-transform:uppercase}.ml-phone{position:absolute;right:0;bottom:24px;overflow:hidden;width:155px;height:310px;padding:7px;border:1px solid rgba(255,255,255,.25);border-radius:28px;background:#05070d;box-shadow:0 25px 60px rgba(0,0,0,.48)}.ml-phone .ml-site-preview{border-radius:21px}.ml-phone .ml-site-preview strong{font-size:1.35rem}
.ml-before{border-color:#cbd5e1}.ml-before .ml-label,.ml-before li:before{color:#64748b}.ml-after{background:linear-gradient(145deg,#172554,#0e7490)}
.ml-package-grid article{min-height:540px}.ml-package-label{margin-bottom:18px;color:#64748b;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.featured .ml-package-label{color:#bae6fd}.ml-price{margin:6px 0 20px!important;color:var(--navy);font-family:var(--font-head);font-size:2.3rem;font-weight:900}.featured .ml-price{color:#fff}.ml-price small{font-size:.82rem}.ml-package-grid ul{display:grid;gap:9px;margin:0 0 28px;padding:0;list-style:none}.ml-package-grid li{position:relative;padding-left:21px;font-size:.88rem}.ml-package-grid li:before{content:"✓";position:absolute;left:0;color:#0891b2;font-weight:900}.featured li:before{color:#67e8f9}.ml-package-key{margin:28px 0 0;text-align:center}.ml-package-key span{margin:0 8px;color:#38bdf8}
.ml-faq{background:#fff}.ml-faq-list{max-width:920px;margin:42px auto 0;border-top:1px solid var(--ml-line)}.ml-faq-item{border-bottom:1px solid var(--ml-line)}.ml-faq-item h3{margin:0}.ml-faq-item button{display:flex;width:100%;min-height:68px;align-items:center;justify-content:space-between;gap:24px;padding:20px 4px;border:0;color:var(--navy);background:transparent;font:inherit;font-weight:850;text-align:left;cursor:pointer}.ml-faq-item button i{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border-radius:50%;color:#0369a1;background:#e0f2fe;font-size:1.2rem;font-style:normal;transition:transform .18s ease}.ml-faq-item button[aria-expanded=true] i{transform:rotate(45deg)}.ml-faq-item button:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:3px}.ml-faq-answer p{max-width:780px;margin:0;padding:0 4px 22px;color:#475569;line-height:1.7}.ml-expectations-card{display:block;max-width:880px}.ml-expectations-card p{max-width:800px}
@media(max-width:1060px){.ml-hero-grid,.ml-case-grid{grid-template-columns:1fr}.ml-system-flow{width:min(100%,620px)}.ml-case-grid{gap:24px}.ml-device-stage{width:min(100%,680px)}.ml-module-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.ml-hero h1{max-width:14ch;font-size:clamp(2.8rem,9.4vw,4.6rem)}.ml-device-stage{min-height:390px}.ml-package-grid article{min-height:auto}}
@media(max-width:560px){.ml-hero h1{font-size:clamp(2.45rem,11.7vw,3.35rem);line-height:1}.ml-hero h1 span{display:inline}.hero-actions{display:grid}.hero-actions .btn{width:100%;min-height:50px}.ml-system-flow{padding:18px 14px;border-radius:22px}.ml-system-flow div{min-height:58px;padding:12px}.ml-module-grid{grid-template-columns:1fr}.ml-foundation ul{display:grid}.ml-device-stage{min-height:315px;padding:18px 38px 46px 0}.ml-browser{height:270px}.ml-phone{width:112px;height:230px}.ml-site-preview strong{font-size:1.7rem}.ml-phone .ml-site-preview strong{font-size:1rem}.ml-package-key{line-height:1.9}.ml-package-key span{display:none}.ml-package-key strong:not(:first-child){display:block}.ml-faq-item button{font-size:.96rem}.ml-cta-actions .btn{min-height:50px}}
@media(prefers-reduced-motion:reduce){.ml-faq-item button i,.ml-foundation summary span{transition:none}}

/* Mondena Local responsive completion — content remains unchanged */
.mondena-local-page{
  --ml-space-section:clamp(68px,7.5vw,96px);
  --ml-card-radius:22px;
  --ml-card-border:rgba(148,163,184,.24);
}
.mondena-local-page .section{padding-block:var(--ml-space-section)}
.mondena-local-page .section-head{margin-bottom:clamp(32px,4vw,44px)}
.mondena-local-page .section-head .eyebrow{margin-bottom:14px}
.mondena-local-page .section-head h2{max-width:900px;margin-bottom:16px;line-height:1.08;text-wrap:balance}
.mondena-local-page .section-head>p:not(.eyebrow){max-width:760px;line-height:1.68}
.mondena-local-page :where(.ml-module-grid,.ml-request-types,.ml-audience-grid,.ml-before-after,.ml-package-grid) article{min-width:0}
.mondena-local-page :where(.btn,button,summary,a):focus-visible{outline:3px solid rgba(34,211,238,.72);outline-offset:4px}

.ml-hero{min-height:clamp(720px,78vh,880px);padding-block:clamp(124px,10vw,156px) clamp(72px,7vw,96px)}
.ml-hero-grid{grid-template-columns:minmax(0,1.22fr) minmax(450px,.9fr);gap:clamp(44px,5vw,76px);align-items:center}
.ml-hero-copy{max-width:730px}.ml-hero h1{max-width:13.4ch;line-height:.95}
.ml-hero-lead{max-width:700px;font-size:clamp(1.05rem,1.25vw,1.18rem);line-height:1.66}
.ml-hero .hero-actions{gap:12px;margin:28px 0 18px}.ml-hero .hero-actions .btn{min-height:52px}
.ml-hero-note{margin-top:0;font-size:.875rem}
.ml-system-flow{width:min(112%,590px);padding:30px;transform:translateX(-3%)}
.ml-system-flow div{min-height:66px}.ml-system-flow strong{font-size:.98rem}

.ml-steps{align-items:stretch}.ml-steps li{min-width:0;padding:26px 20px 30px}.ml-steps h3{line-height:1.3}.ml-steps p{font-size:.925rem;line-height:1.65}
.ml-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:18px}
.ml-module-grid article{display:flex;min-height:244px;flex-direction:column;padding:28px;border-radius:var(--ml-card-radius)}
.ml-module-grid span{flex:0 0 auto;margin-bottom:30px}.ml-module-grid h3{margin-bottom:10px;line-height:1.3}.ml-module-grid p{margin-bottom:0;font-size:.95rem;line-height:1.62}
.ml-foundation{margin-top:20px;border-color:var(--ml-card-border);border-radius:var(--ml-card-radius)}
.ml-foundation summary{min-height:66px;align-items:center;padding:20px 24px}.ml-foundation summary span{display:grid;width:32px;height:32px;place-items:center;transform-origin:center;transition:transform 160ms ease}
.ml-foundation[open] summary{border-bottom:1px solid var(--ml-card-border)}

.ml-request-types{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:14px}
.ml-request-types article{display:flex;min-height:210px;flex-direction:column;padding:24px}.ml-request-types h3{margin:26px 0 10px;line-height:1.3}.ml-request-types p{margin-bottom:0;font-size:.9rem;line-height:1.58}
.ml-automation-note{align-items:center;margin-top:20px;padding:22px 24px}.ml-automation-note p{font-size:.94rem;line-height:1.62}

.ml-audience{padding-block:var(--ml-space-section)}.ml-audience-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:18px;margin-top:0}
.ml-audience-grid article{min-height:174px;padding:26px;border-radius:var(--ml-card-radius)}.ml-audience-grid span{margin-bottom:24px}.ml-audience-note{margin-top:24px;line-height:1.62}

.ml-case-grid{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:clamp(34px,4.5vw,62px);align-items:center}
.ml-device-stage{width:100%;min-height:500px;padding:14px 48px 34px 0}.ml-browser{height:448px}.ml-phone{right:0;bottom:0;width:180px;height:360px}
.ml-browser img{display:block;width:100%;height:calc(100% - 37px);object-fit:cover;object-position:top}.ml-phone img{display:block;width:100%;height:100%;border-radius:21px;object-fit:cover;object-position:45% top}
.ml-case-proof{display:inline-flex!important;margin:4px 0 2px!important;padding:8px 11px;border:1px solid rgba(103,232,249,.2);border-radius:999px;color:#a5f3fc!important;background:rgba(8,145,178,.1);font-size:.75rem;font-weight:850}
.ml-case-copy h2{max-width:650px;line-height:1.08}.ml-case-item{margin:22px 0}.ml-case-item p,.ml-case-item li{line-height:1.62}.ml-case-copy>.btn{min-height:50px;margin-top:4px}

.ml-before-after{align-items:stretch;gap:20px}.ml-before-after article{height:100%;border-radius:var(--ml-card-radius)}.ml-before-after h3{max-width:24ch;line-height:1.25}.ml-before-after li{font-size:.96rem;line-height:1.55}

.ml-package-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px}
.ml-package-grid article{display:grid;grid-template-rows:auto 2rem minmax(8rem,auto) auto 1fr auto;min-height:600px;padding:32px;border-color:rgba(100,116,139,.34);border-radius:var(--ml-card-radius);box-shadow:0 16px 45px rgba(15,23,42,.06)}
.ml-package-grid article:not(.featured){color:#334155}.ml-package-grid article:not(.featured) h3{color:#0f172a}.ml-package-grid .btn{width:100%}.ml-price{letter-spacing:-.04em}
.ml-package-grid .ml-package-name{grid-row:1}.ml-package-grid .ml-package-label{grid-row:2}.ml-package-grid article h3{grid-row:3;margin-bottom:20px;line-height:1.42}.ml-package-grid .ml-price{grid-row:4}.ml-package-grid article ul{grid-row:5;align-content:start}.ml-package-grid article>.btn{grid-row:6;align-self:end;min-height:50px}
.ml-package-grid article.featured h3{grid-row:3}.ml-package-grid article.featured{transform:translateY(-6px);box-shadow:0 24px 58px rgba(14,116,144,.22)}
.ml-package-key{line-height:1.7}.ml-package-trust{margin:14px 0 0;color:#64748b;font-size:.9rem;line-height:1.55;text-align:center}

.ml-process-layout{grid-template-columns:minmax(300px,.72fr) minmax(0,1fr);gap:clamp(48px,7vw,92px)}
.ml-process-list li{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:22px;padding:28px 0}.ml-process-list span{line-height:1.25}.ml-process-list h3{font-size:1.12rem;line-height:1.35}.ml-process-list p{font-size:.95rem;line-height:1.6}

.ml-faq-list{width:min(100%,900px);margin-top:0}.ml-faq-item button{min-height:70px;padding:18px 6px;font-size:1rem;line-height:1.45;transition:color 160ms ease,background 160ms ease}.ml-faq-item button:hover{color:#075985;background:rgba(224,242,254,.42)}
.ml-faq-item button i{align-self:center}.ml-faq-answer p{font-size:1rem}

.ml-expectations{padding-block:clamp(52px,5vw,70px)}.ml-expectations-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);align-items:center;gap:clamp(36px,5vw,68px);max-width:var(--container);padding:clamp(34px,4vw,48px)}
.ml-expectations-card>div p:last-child{margin-bottom:0}.ml-factor-list{gap:8px}.ml-factor-list span{font-size:.8rem}
.ml-final-cta{padding-block:clamp(64px,7vw,88px)}.ml-cta-card{grid-template-columns:minmax(0,1fr) minmax(300px,350px);gap:clamp(42px,6vw,78px);padding:clamp(38px,4.5vw,56px)}.ml-cta-actions{width:100%;max-width:350px}.ml-cta-actions .btn{min-height:52px}.ml-cta-actions small{font-size:.82rem;line-height:1.55}

@media(max-width:1180px){
  .ml-hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);gap:42px}
  .ml-system-flow{width:100%;transform:none}
  .ml-request-types{grid-template-columns:repeat(3,minmax(0,1fr))}.ml-request-types article{min-height:190px}
}
@media(max-width:1060px){
  .ml-hero{min-height:auto}.ml-hero-grid{grid-template-columns:1fr;gap:44px}.ml-hero-copy{max-width:850px}.ml-system-flow{width:min(100%,680px);margin-inline:auto}
  .ml-case-grid{grid-template-columns:1fr;gap:28px}.ml-device-stage{width:min(100%,760px);margin-inline:auto}
  .ml-process-layout,.ml-expectations-card,.ml-cta-card{grid-template-columns:1fr}.ml-process-layout{gap:34px}.ml-expectations-card{gap:30px}.ml-cta-card{gap:32px}.ml-cta-actions{max-width:430px}
  .ml-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .ml-request-types{grid-template-columns:repeat(2,minmax(0,1fr))}.ml-request-types article{min-height:180px}
  .ml-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ml-package-grid{grid-template-columns:1fr;width:min(100%,720px);margin-inline:auto}
  .ml-package-grid article{grid-template-rows:auto auto auto auto 1fr auto;min-height:auto}
  .ml-package-grid article h3,.ml-package-grid article.featured h3{grid-row:3;min-height:auto}.ml-package-grid .ml-price{grid-row:4}.ml-package-grid article ul{grid-row:5}.ml-package-grid article>.btn{grid-row:6}
}
@media(max-width:820px){
  .mondena-local-page{--ml-space-section:clamp(58px,8vw,70px)}
  .ml-hero{padding:96px 0 58px}.ml-hero-grid{gap:34px}.ml-hero h1{margin-bottom:20px;line-height:.98}.ml-hero-lead{font-size:1rem;line-height:1.62}.ml-hero .hero-actions{display:grid;gap:12px;margin:24px 0 18px}.ml-hero .hero-actions .btn{width:100%;min-height:52px}
  .ml-system-flow{padding:22px;border-radius:24px}.ml-system-flow div{min-height:60px;padding:13px 15px}
  .ml-steps{position:relative;display:grid;grid-template-columns:1fr;gap:0;margin-top:34px;padding-left:10px}.ml-steps:before{content:"";position:absolute;left:29px;top:34px;bottom:34px;width:1px;background:linear-gradient(rgba(34,211,238,.55),rgba(34,211,238,.12))}.ml-steps li,.ml-steps li:last-child{display:grid;grid-template-columns:48px minmax(0,1fr);grid-column:auto;gap:18px;padding:22px 0;border-top:0}.ml-steps li:before{top:31px;left:15px}.ml-steps span{position:relative;z-index:1;margin:0;padding-top:3px;text-align:center}.ml-steps h3{margin-bottom:7px;font-size:1.08rem}.ml-steps p{margin-bottom:0;font-size:.96rem}
  .ml-case-grid{display:flex;flex-direction:column;align-items:stretch}.ml-case-copy{display:contents}.ml-case-copy>.eyebrow{order:1;margin-bottom:-6px}.ml-case-copy>h2{order:2;margin-bottom:6px}.ml-case-copy>.ml-case-proof{order:3;align-self:flex-start}.ml-device-stage{order:4;margin:14px auto 4px}.ml-case-item{order:5}.ml-case-copy>.btn{order:6;align-self:flex-start}
  .ml-package-grid article{grid-template-rows:auto auto auto auto 1fr auto;min-height:auto}.ml-package-grid article:nth-child(1){order:2}.ml-package-grid article.featured{order:1;transform:none}.ml-package-grid article:nth-child(3){order:3}.ml-package-grid article h3,.ml-package-grid article.featured h3{grid-row:3;min-height:auto}.ml-package-grid .ml-price{grid-row:4}.ml-package-grid article ul{grid-row:5}.ml-package-grid article>.btn{grid-row:6}
  .ml-before-after{grid-template-columns:1fr;gap:18px}
  .ml-process-list li{grid-template-columns:56px minmax(0,1fr);gap:16px;padding:24px 0}
  .ml-faq-item button{min-height:64px;padding:16px 4px}.ml-faq-answer p{padding-bottom:20px}
}
@media(max-width:640px){
  .mondena-local-page{--ml-space-section:56px}.mondena-local-page .section-head{margin-bottom:30px}
  .ml-hero{padding:90px 0 48px}.ml-hero h1{max-width:none;font-size:clamp(2.45rem,11.7vw,3.15rem);line-height:1}.ml-hero h1 span{display:inline}.ml-hero-note{font-size:.875rem;line-height:1.55}
  .ml-system-flow{padding:16px 13px}.ml-system-flow div{gap:12px}.ml-system-flow strong{font-size:.93rem}
  .ml-module-grid,.ml-request-types,.ml-audience-grid{grid-template-columns:1fr}.ml-module-grid article{min-height:auto;padding:24px}.ml-module-grid span{margin-bottom:22px}.ml-request-types article{min-height:auto;padding:22px}.ml-request-types h3{margin-top:20px}.ml-automation-note{grid-template-columns:1fr;gap:10px;padding:20px}.ml-audience-grid article{min-height:auto;padding:24px}
  .ml-foundation summary{min-height:62px;padding:17px 18px}.ml-foundation ul{display:grid;padding:0 18px 18px}
  .ml-device-stage{min-height:auto;padding:0}.ml-browser{height:auto;aspect-ratio:4/3}.ml-browser img{height:calc(100% - 37px)}.ml-phone{display:none}
  .ml-before-after article,.ml-package-grid article{padding:24px}.ml-package-grid{gap:18px}.ml-package-key{font-size:.94rem}.ml-package-trust{font-size:.875rem}
  .ml-process-list li{grid-template-columns:48px minmax(0,1fr)}.ml-process-list span{font-size:1.3rem}.ml-process-list h3{font-size:1.05rem}.ml-process-list p{font-size:.95rem}
  .ml-expectations{padding-block:48px}.ml-expectations-card{gap:24px;padding:26px 22px}.ml-factor-list span{font-size:.78rem}
  .ml-final-cta{padding-block:56px}.ml-cta-card{gap:28px;padding:28px 22px}.ml-cta-actions{gap:12px}.ml-cta-actions .btn{width:100%;min-height:52px}.ml-cta-actions small{font-size:.875rem}
}
@media(max-width:380px){
  .container{width:min(100% - 20px,var(--container))}.ml-hero{padding-top:86px}.ml-hero h1{font-size:clamp(2.35rem,11.7vw,2.75rem)}.ml-system-flow{padding-inline:10px}.ml-system-flow div{padding-inline:11px}.ml-system-flow small{flex-basis:28px;width:28px;height:28px}.ml-faq-item button{gap:14px;font-size:1rem}.ml-faq-item button i{flex-basis:34px;width:34px;height:34px}
}
@media(prefers-reduced-motion:reduce){.ml-module-grid article,.ml-package-grid article,.ml-faq-item button,.ml-foundation summary span{transition:none!important}}