/* ==========================================================================
   Square Wright — Shared Stylesheet
   ========================================================================== */

:root {
  --white: #FFFFFF;
  --bg-soft: #F5F7FA;
  --text-primary: #171A1F;
  --text-secondary: #626A75;
  --navy: #173A63;
  --navy-hover: #102B4B;
  --accent-blue: #3276B1;
  --border: #DCE1E7;

  --radius: 8px;
  --content-width: 1200px;
  --content-narrow: 680px;

  --font-heading: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;
}

/* ---- Reset ---- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}
body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--text-primary);
  background: var(--white);
  line-height: 1.6;
  font-size: 17px;
}
img { max-width: 100%; display: block; }
a { color: var(--navy); text-decoration: none; }
a:hover { color: var(--navy-hover); text-decoration: underline; }
ul { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4 {
  font-family: var(--font-heading);
  color: var(--text-primary);
  line-height: 1.2;
  margin: 0 0 var(--space-2);
  font-weight: 700;
}
p { margin: 0 0 var(--space-2); }
p:last-child { margin-bottom: 0; }

/* Visible keyboard focus */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--accent-blue);
  outline-offset: 2px;
}

/* ---- Layout ---- */
.container {
  width: 100%;
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 0 var(--space-3);
}
.section {
  padding: var(--space-6) 0;
}
.section--soft {
  background: var(--bg-soft);
}
.section-header {
  max-width: var(--content-narrow);
  margin: 0 0 var(--space-4);
}
.section-header--center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.text-narrow {
  max-width: var(--content-narrow);
}
.text-secondary { color: var(--text-secondary); }

/* ---- Type scale ---- */
.h-hero {
  font-size: clamp(1.85rem, 3.6vw, 3.1rem);
  letter-spacing: -0.01em;
  line-height: 1.12;
}
.h-page {
  font-size: clamp(2rem, 4vw, 3.375rem);
  letter-spacing: -0.01em;
}
.h-section {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
}
.h-block {
  font-size: 1.25rem;
  margin-bottom: var(--space-1);
}
.lede {
  font-size: 1.15rem;
  color: var(--text-secondary);
}

/* ---- Buttons & links ---- */
.btn {
  display: inline-block;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--radius);
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.btn-primary {
  background: var(--navy);
  color: var(--white);
}
.btn-primary:hover,
.btn-primary:focus-visible {
  background: var(--navy-hover);
  color: var(--white);
  text-decoration: none;
}
.btn-secondary {
  background: transparent;
  color: var(--navy);
  border-color: var(--border);
}
.btn-secondary:hover,
.btn-secondary:focus-visible {
  border-color: var(--navy);
  text-decoration: none;
}
.link-arrow {
  font-weight: 600;
  color: var(--navy);
}
.link-arrow::after {
  content: "→";
  margin-left: 6px;
  display: inline-block;
  transition: transform 0.15s ease;
}
.link-arrow:hover::after { transform: translateX(3px); }

/* ---- Header ---- */
.site-header {
  border-bottom: 1px solid var(--border);
  background: var(--white);
  position: sticky;
  top: 0;
  z-index: 50;
}
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
}
.logo {
  display: flex;
  align-items: center;
  order: 1;
}
.logo img {
  height: 32px;
  width: auto;
  display: block;
}

.main-nav { display: flex; align-items: center; justify-content: center; order: 3; flex: 1; }
.nav-menu {
  display: flex;
  gap: var(--space-4);
}
.nav-menu a {
  color: var(--text-primary);
  font-weight: 600;
  font-size: 0.95rem;
}
.nav-menu a:hover,
.nav-menu a[aria-current="page"] {
  color: var(--navy);
  text-decoration: none;
}
.nav-cta {
  white-space: nowrap;
  order: 4;
  padding: 14px 25px;
}
.nav-toggle {
  display: none;
  order: 2;
  background: none;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 8px 12px;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
  color: var(--text-primary);
}

@media (max-width: 860px) {
  .header-inner { flex-wrap: wrap; }
  .nav-toggle { display: inline-block; }
  .main-nav { width: 100%; }
  .nav-menu {
    display: none;
    flex-direction: column;
    gap: 0;
    width: 100%;
    border-top: 1px solid var(--border);
    margin-top: var(--space-2);
  }
  .nav-menu.is-open { display: flex; }
  .nav-menu a {
    display: block;
    padding: var(--space-2) 0;
    border-bottom: 1px solid var(--border);
  }
}

/* ---- Hero ---- */
.hero {
  padding: 40px 0 40px;
}
.hero-copy .h-hero {
  max-width: 30ch;
}
.hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-5);
  align-items: flex-start;
}
@media (min-width: 900px) {
  .hero-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.hero-copy .lede { margin-bottom: var(--space-3); }
.hero-actions {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  margin-bottom: var(--space-2);
}
.hero-credibility {
  font-size: 0.78rem;
  color: var(--text-secondary);
  margin-top: 10px;
  padding-top: 8px;
  position: relative;
}
.hero-credibility::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 1px;
  background: var(--border);
}
.hero-media {
  position: relative;
}
.browser-frame {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--white);
  box-shadow: 0 1px 2px rgba(23, 26, 31, 0.06);
}
.browser-frame__bar {
  display: flex;
  gap: 6px;
  padding: 10px 12px;
  background: var(--bg-soft);
  border-bottom: 1px solid var(--border);
}
.browser-frame__dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--border);
}
.browser-frame__body {
  aspect-ratio: 4 / 3;
  background: var(--bg-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  font-size: 0.9rem;
  text-align: center;
  padding: var(--space-3);
  overflow: hidden;
}
.browser-frame__body img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.mobile-crop {
  width: 118px;
  position: absolute;
  right: -16px;
  bottom: -16px;
  z-index: 2;
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
  background: var(--white);
  box-shadow: 0 6px 14px rgba(23, 26, 31, 0.15);
}
.mobile-crop__body {
  aspect-ratio: 9 / 16;
  background: var(--bg-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  font-size: 0.55rem;
  text-align: center;
  padding: 6px;
  overflow: hidden;
}
.mobile-crop__body img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

@media (max-width: 899px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero-media { order: 2; margin-top: var(--space-2); }
  .mobile-crop { right: -10px; bottom: -14px; width: 92px; }
}

.serve-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
@media (min-width: 700px) {
  .serve-list { grid-template-columns: repeat(3, 1fr); column-gap: var(--space-4); }
}
.serve-list li {
  font-weight: 600;
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--border);
}
.section-header.mb-tight { margin-bottom: var(--space-2); }
.plain-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-2) var(--space-4);
}
@media (min-width: 700px) {
  .plain-list { grid-template-columns: repeat(4, 1fr); }
}
.plain-list li {
  font-weight: 600;
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--border);
}

.outcome-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}
@media (min-width: 700px) {
  .outcome-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1000px) {
  .outcome-grid { grid-template-columns: repeat(3, 1fr); }
}
.outcome-item {
  padding-top: var(--space-3);
  border-top: 2px solid var(--navy);
}

.block-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}
@media (min-width: 700px) {
  .block-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ---- Two-column comparison ---- */
.compare-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
}
@media (min-width: 700px) {
  .compare-grid { grid-template-columns: repeat(2, 1fr); }
}
.compare-card {
  border: 1px solid var(--border);
  border-top: 3px solid var(--navy);
  border-radius: var(--radius);
  padding: var(--space-4);
  background: var(--white);
}
.compare-card h3.pay-card__label {
  font-family: var(--font-body);
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-primary);
  margin: 0 0 8px;
}
.price-card__price--lg { font-size: 2rem; }

/* ---- Selected work ---- */
.work-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}
@media (min-width: 700px) {
  .work-grid { grid-template-columns: repeat(2, 1fr); }
}
.work-card {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--white);
}
.work-card__shot {
  aspect-ratio: 16 / 11.5;
  background: var(--bg-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  font-size: 0.9rem;
  text-align: center;
  padding: var(--space-3);
  border-bottom: 1px solid var(--border);
}
.work-card__body { padding: var(--space-3) var(--space-4) var(--space-3); }
.work-card__body h3 { font-size: 1.4rem; }
.work-card__meta {
  font-size: 0.85rem;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: var(--space-1);
}
.work-card__services {
  font-size: 0.9rem;
  color: var(--text-secondary);
  margin-top: var(--space-2);
}

/* ---- Process ---- */
.process-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-5);
}
@media (min-width: 700px) {
  .process-list--3 { grid-template-columns: repeat(3, 1fr); column-gap: var(--space-4); }
}
.process-step {
  padding-top: 0;
}
.process-step__index {
  display: block;
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: 1.85rem;
  color: var(--navy);
  margin-bottom: 6px;
  line-height: 1;
}

/* ---- Pricing ---- */
.price-card {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: var(--space-4);
  background: var(--white);
  display: flex;
  flex-direction: column;
}
.price-card__price {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.75rem;
  color: var(--navy);
  margin-bottom: var(--space-1);
}
.price-card__note {
  font-size: 0.9rem;
  color: var(--text-secondary);
  margin-bottom: var(--space-3);
}
.price-card__list {
  margin-bottom: var(--space-3);
  flex-grow: 1;
}
.price-card__list li {
  padding: 6px 0;
  border-bottom: 1px solid var(--border);
  font-size: 0.95rem;
}
.price-card__list li:last-child { border-bottom: none; }
.price-card__disclaimer {
  font-size: 0.85rem;
  color: var(--text-secondary);
}
.disclaimer-block {
  background: var(--bg-soft);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: var(--space-3);
  font-size: 0.9rem;
  color: var(--text-secondary);
}
.disclaimer-block li { margin-bottom: 6px; }

.price-relate-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
}
@media (min-width: 700px) {
  .price-relate-grid { grid-template-columns: repeat(2, 1fr); }
}
.price-relate-card {
  border-left: 3px solid var(--navy);
  padding-left: var(--space-3);
}

.price-change-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}
@media (min-width: 700px) {
  .price-change-grid { grid-template-columns: repeat(2, 1fr); }
}
.price-change-grid h3 { font-size: 1.05rem; }
.price-change-grid ul li {
  padding: 6px 0;
  border-bottom: 1px solid var(--border);
  font-size: 0.95rem;
}

/* ---- Forms ---- */
.form-field {
  margin-bottom: var(--space-3);
}
.form-field label {
  display: block;
  font-weight: 600;
  font-size: 0.95rem;
  margin-bottom: 6px;
}
.form-field .required-mark { color: var(--accent-blue); }
.form-field .helper-text {
  display: block;
  font-size: 0.85rem;
  color: var(--text-secondary);
  margin-top: 4px;
}
.form-field .error-text {
  display: none;
  font-size: 0.85rem;
  color: #B3261E;
  margin-top: 4px;
}
.form-field.has-error .error-text { display: block; }
.form-field.has-error input,
.form-field.has-error textarea,
.form-field.has-error select {
  border-color: #B3261E;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
textarea,
select {
  width: 100%;
  font-family: var(--font-body);
  font-size: 1rem;
  color: var(--text-primary);
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 12px 14px;
}
textarea { min-height: 100px; resize: vertical; }
.radio-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.radio-option {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
.form-actions {
  margin-top: var(--space-4);
}
.form-privacy {
  font-size: 0.85rem;
  color: var(--text-secondary);
  margin-top: var(--space-2);
}
.confirmation-panel {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--bg-soft);
  padding: var(--space-4);
  display: none;
}
.confirmation-panel.is-visible { display: block; }
#questionnaire-form.is-hidden { display: none; }

/* ---- Utilities (replace one-off inline styles) ---- */
.section--tight-top { padding-top: var(--space-6); }
.section--no-top { padding-top: 0; }
.mt-1 { margin-top: var(--space-1); }
.mt-2 { margin-top: var(--space-2); }
.mt-3 { margin-top: var(--space-3); }
.mt-4 { margin-top: var(--space-4); }
.text-sm { font-size: 0.9rem; }
.text-xs { font-size: 0.85rem; }
.center-block { margin-left: auto; margin-right: auto; }
.container--narrow { max-width: var(--content-narrow); }
.footer-copyright { margin-top: var(--space-1); }
.text-size-md { font-size: 1.5rem; }
.no-link {
  color: var(--text-secondary);
  cursor: default;
  pointer-events: none;
}

/* ---- Skip link ---- */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  background: var(--navy);
  color: var(--white);
  padding: 12px 20px;
  z-index: 100;
  border-radius: 0 0 var(--radius) 0;
  font-family: var(--font-heading);
  font-weight: 700;
}
.skip-link:focus {
  left: 0;
}

/* ---- Portrait image container (About page) ---- */
.portrait-frame {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--bg-soft);
}
.portrait-frame__body {
  aspect-ratio: 4 / 5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  font-size: 0.9rem;
  text-align: center;
  padding: var(--space-3);
}
.portrait-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---- Pricing hierarchy (Project + Subscription primary, Care Plan add-on) ---- */
.pricing-primary-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  align-items: start;
}
@media (min-width: 780px) {
  .pricing-primary-grid { grid-template-columns: 1fr 1fr; }
}
.price-card--primary {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: var(--space-4);
  background: var(--white);
  display: flex;
  flex-direction: column;
}
.price-card--addon {
  border: 1px dashed var(--border);
  border-radius: var(--radius);
  padding: var(--space-3);
  background: var(--bg-soft);
  margin-top: var(--space-3);
}
.price-card--addon .price-card__price {
  font-size: 1.25rem;
}
.addon-label {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--accent-blue);
  margin-bottom: var(--space-1);
}
.placeholder {
  border: 1px dashed var(--accent-blue);
  border-radius: var(--radius);
  background: rgba(50, 118, 177, 0.06);
  color: var(--accent-blue);
  font-size: 0.85rem;
  padding: 4px 8px;
  display: inline-block;
}
.placeholder-block {
  border: 1px dashed var(--accent-blue);
  border-radius: var(--radius);
  background: rgba(50, 118, 177, 0.06);
  color: var(--accent-blue);
  font-size: 0.9rem;
  padding: var(--space-2);
}

/* ---- Compact pill labels (Who We Serve) ---- */
.pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.pill {
  display: inline-block;
  padding: 8px 18px;
  border: 1px solid var(--border);
  border-radius: 999px;
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--text-primary);
  background: var(--white);
}

/* ---- Numbered outcome list (replaces top-line grid) ---- */
.numbered-grid {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: var(--space-5);
  column-gap: var(--space-4);
}
@media (min-width: 700px) {
  .numbered-grid { grid-template-columns: repeat(3, 1fr); }
}
.numbered-item__index {
  display: block;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 1.85rem;
  color: rgba(23, 58, 99, 0.55);
  margin-bottom: 6px;
  line-height: 1;
}

/* ---- Split layout (Why Square Wright) ---- */
.split-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-5);
}
@media (min-width: 800px) {
  .split-layout { grid-template-columns: 1fr 1fr; }
}
.split-layout__statement {
  font-size: 1.45rem;
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.35;
}
.divided-list li {
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--border);
}
.divided-list li:first-child { padding-top: 0; }
.divided-list li:last-child { border-bottom: none; }

/* ---- Editorial work cards ---- */
.work-card__shot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

/* ---- Navy final CTA ---- */
.final-cta--navy {
  background: var(--navy);
  color: var(--white);
}
.final-cta--navy .h-section { color: var(--white); }
.final-cta--navy p { color: rgba(255,255,255,0.85); }
.final-cta--navy .btn-primary {
  background: var(--white);
  color: var(--navy);
}
.final-cta--navy .btn-primary:hover,
.final-cta--navy .btn-primary:focus-visible {
  background: var(--bg-soft);
  color: var(--navy);
}

/* ---- Final CTA band ---- */
.final-cta {
  text-align: center;
}
.final-cta .h-section { margin-bottom: var(--space-2); }
.final-cta p { margin-bottom: var(--space-3); }
.final-cta--navy {
  padding-top: 40px;
  padding-bottom: 40px;
}
.final-cta--navy .btn-primary {
  padding-left: 24px;
  padding-right: 24px;
}

/* ---- Footer ---- */
.site-footer {
  border-top: 1px solid var(--border);
  background: var(--bg-soft);
  padding: 28px 0 18px;
  margin-top: var(--space-4);
}
.footer-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  align-items: start;
}
@media (min-width: 700px) {
  .footer-inner { grid-template-columns: 1.35fr .75fr 1fr; gap: 56px; }
}
.footer-brand-block { max-width: 360px; }
.footer-logo { display: inline-block; }
.footer-logo img { height: 27px; width: auto; display: block; }
.footer-tagline {
  max-width: 330px;
  margin: 14px 0 0;
  color: var(--text-secondary);
  font-size: .98rem;
  line-height: 1.55;
}
.footer-heading {
  margin: 0 0 12px;
  font-family: var(--font-body);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text-primary);
}
.footer-nav ul { margin: 0; }
.footer-nav li { margin-bottom: 7px; }
.footer-nav a,
.footer-contact a {
  color: var(--text-primary);
  font-size: .9rem;
}
.footer-nav a:hover,
.footer-contact a:hover { color: var(--navy); }
.footer-contact p {
  margin: 0 0 6px;
  color: var(--text-secondary);
  font-size: .88rem;
}
.footer-contact-intro {
  max-width: 280px;
  margin-bottom: 12px !important;
  line-height: 1.5;
}
.footer-bottom {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: 1px solid var(--border);
  margin-top: 22px;
  padding-top: 14px;
  font-size: .8rem;
  color: var(--text-secondary);
}
@media (min-width: 700px) {
  .footer-bottom {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.footer-copyright { margin: 0; }
.footer-legal-links { display: flex; gap: 18px; }
.footer-legal-links a { color: var(--text-secondary); }
.footer-legal-links a:hover { color: var(--navy); }

/* ---- Simple pages (404, legal) ---- */
.simple-page {
  padding: var(--space-7) 0;
  text-align: center;
}
.legal-page {
  padding: var(--space-6) 0;
}
.legal-page h2 {
  margin-top: var(--space-5);
}

/* ==========================================================================
   Homepage v2 — product-led visual narrative
   ========================================================================== */
.home-page .site-header { position: sticky; }
.home-page .logo img { height: 34px; }

.eyebrow {
  margin: 0 0 12px;
  font-family: var(--font-heading);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--navy);
}
.eyebrow--light { color: rgba(255,255,255,.72); }

.home-hero {
  padding: clamp(56px, 6.5vw, 88px) 0 clamp(64px, 7vw, 96px);
  overflow: hidden;
}
.home-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(44px, 5vw, 72px);
  align-items: center;
}
.home-hero__copy h1 {
  max-width: 12ch;
  margin-bottom: 22px;
  font-size: clamp(3rem, 4.8vw, 4.55rem);
  line-height: 1.01;
  letter-spacing: -.045em;
  font-weight: 800;
}
.home-hero__lede {
  max-width: 540px;
  margin-bottom: 28px;
  font-size: clamp(1.08rem, 1.5vw, 1.28rem);
  line-height: 1.65;
  color: var(--text-secondary);
}
.home-hero__actions { display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
.hero-proof {
  display:flex;
  flex-wrap:wrap;
  gap: 10px 24px;
  margin-top: 28px;
  padding-top: 20px;
  border-top:1px solid var(--border);
  color:var(--text-secondary);
  font-size:.84rem;
}
.hero-proof li { position:relative; padding-left:14px; }
.hero-proof li::before { content:""; position:absolute; left:0; top:.68em; width:4px; height:4px; border-radius:50%; background:var(--navy); }
.home-hero__visual { min-width:0; width:100%; justify-self:stretch; align-self:center; }
.hero-project { margin:0; position:relative; }
.hero-project img {
  width:100%;
  aspect-ratio: 16 / 10;
  object-fit:cover;
  object-position:top;
  border:1px solid var(--border);
  box-shadow: 0 24px 60px rgba(23,58,99,.14);
}
.offer-section { padding: clamp(72px, 8vw, 112px) 0; background:var(--navy); color:var(--white); }
.offer-section h2, .offer-section strong { color:var(--white); }
.offer-section .eyebrow { color:rgba(255,255,255,.68); }
.offer-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(56px,8vw,112px); align-items:start; }
.offer-copy h2 { font-size:clamp(2.2rem,4vw,3.6rem); letter-spacing:-.035em; line-height:1.05; }
.offer-copy > p:not(.eyebrow) { color:rgba(255,255,255,.76); font-size:1.08rem; max-width:520px; }
.offer-copy .link-arrow { color:var(--white); }
.offer-includes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.2); }
.offer-item { display:grid; grid-template-columns:40px 1fr; column-gap:14px; padding:24px 0; border-bottom:1px solid rgba(255,255,255,.2); }
.offer-item:nth-child(odd) { padding-right:28px; border-right:1px solid rgba(255,255,255,.2); }
.offer-item:nth-child(even) { padding-left:28px; }
.offer-item span { grid-row:1/3; font-family:var(--font-heading); font-weight:800; color:rgba(255,255,255,.4); }
.offer-item strong { font-family:var(--font-heading); font-size:1rem; }
.offer-item p { margin:4px 0 0; color:rgba(255,255,255,.68); font-size:.9rem; line-height:1.5; }

.work-showcase { padding:clamp(80px,9vw,128px) 0; }
.showcase-heading { max-width:760px; margin-bottom:64px; }
.showcase-heading h2 { font-size:clamp(2.3rem,4vw,3.8rem); letter-spacing:-.035em; }
.showcase-heading > p:last-child { color:var(--text-secondary); font-size:1.08rem; }
.project-feature { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(48px,6vw,80px); align-items:center; margin-bottom:96px; }
.project-feature:last-child { margin-bottom:0; }
.project-feature--reverse .project-feature__image { order:2; }
.project-feature--reverse .project-feature__copy { order:1; }
.project-feature__image { min-width:0; }
.project-feature__image img { width:100%; aspect-ratio:16/10; object-fit:cover; object-position:top; border:1px solid var(--border); box-shadow:0 16px 40px rgba(23,26,31,.09); }
.project-image-link { display:block; transition:transform .25s ease, filter .25s ease; }
.project-image-link:hover { transform:translateY(-3px); filter:saturate(1.03); }
.project-image-link:focus-visible { outline:3px solid var(--orange); outline-offset:5px; }
.project-feature__image .project-feature__image--juniper { object-position:center; }
.project-type { display:block; margin-bottom:12px; font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; color:var(--text-secondary); font-weight:700; }
.project-feature__copy h3 { font-size:clamp(2rem,3vw,3rem); letter-spacing:-.03em; }
.project-feature__copy p { color:var(--text-secondary); font-size:1.05rem; line-height:1.7; }
.concept-disclosure { padding-left:16px; border-left:2px solid var(--orange); font-size:.9rem !important; }
.concept-preview {
  display:block;
  overflow:hidden;
  aspect-ratio:16/10;
  background:#f1f6f8;
  border:1px solid var(--border);
  box-shadow:0 16px 40px rgba(23,26,31,.09);
  color:#082f49;
  transition:transform .25s ease, box-shadow .25s ease;
}
.concept-preview:hover { transform:translateY(-3px); box-shadow:0 22px 48px rgba(23,58,99,.15); }
.concept-preview__top {
  height:14%;
  display:grid;
  grid-template-columns:1.35fr 1fr auto;
  align-items:center;
  gap:14px;
  padding:0 3.5%;
  background:#fff;
  border-bottom:1px solid #dce5e8;
}
.concept-preview__brand { font-family:var(--font-heading); font-size:clamp(.48rem,1.15vw,.82rem); font-weight:800; letter-spacing:-.03em; }
.concept-preview__brand b { color:#087fc1; }
.concept-preview__brand small { display:block; margin-top:1px; color:#087fc1; font-size:.42em; letter-spacing:.22em; text-transform:uppercase; }
.concept-preview__nav { color:#58717e; font-size:clamp(.28rem,.65vw,.48rem); text-align:right; }
.concept-preview__button { padding:6px 8px; border-radius:2px; background:#087fc1; color:#fff; font-size:clamp(.24rem,.58vw,.44rem); font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.concept-preview__hero { height:72%; display:grid; grid-template-columns:1fr 1.05fr; background:#082f49; }
.concept-preview__copy { display:flex; flex-direction:column; justify-content:center; padding:8%; color:#fff; }
.concept-preview__copy small { margin-bottom:8%; color:#8edce6; font-size:clamp(.28rem,.68vw,.5rem); font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.concept-preview__copy strong { font-family:var(--font-heading); font-size:clamp(.75rem,2vw,1.5rem); line-height:1.02; letter-spacing:-.05em; }
.concept-preview__copy span { align-self:flex-start; margin-top:10%; padding:7px 10px; border-radius:2px; background:#087fc1; color:#fff; font-size:clamp(.25rem,.62vw,.46rem); font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.concept-preview__photo { background:url('../assets/harbor-pine-hero.webp') 60% center/cover no-repeat; }
.concept-preview__proof { height:14%; display:grid; grid-template-columns:repeat(3,1fr); align-items:center; background:#087fc1; color:#fff; }
.concept-preview__proof span { padding:0 8%; border-right:1px solid rgba(255,255,255,.25); font-size:clamp(.25rem,.62vw,.46rem); font-weight:700; text-align:center; }
.concept-preview__proof span:last-child { border-right:0; }

.why-section { padding:clamp(80px,9vw,124px) 0; }
.why-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(64px,9vw,128px); }
.why-lead h2 { font-size:clamp(2.2rem,4vw,3.8rem); line-height:1.08; letter-spacing:-.035em; }
.why-lead > p:last-child { color:var(--text-secondary); font-size:1.08rem; max-width:520px; }
.why-points { border-top:1px solid var(--border); }
.why-points > div { padding:25px 0; border-bottom:1px solid var(--border); }
.why-points strong { display:block; margin-bottom:7px; font-family:var(--font-heading); font-size:1.1rem; }
.why-points p { margin:0; color:var(--text-secondary); }

.process-section { padding:clamp(80px,9vw,120px) 0; }
.process-heading { max-width:760px; margin-bottom:54px; }
.process-heading h2 { font-size:clamp(2.2rem,4vw,3.7rem); letter-spacing:-.035em; }
.process-visual { display:grid; grid-template-columns:1fr 64px 1fr 64px 1fr; align-items:center; }
.process-card { min-height:250px; padding:30px; background:var(--white); border:1px solid var(--border); }
.process-card span { display:block; margin-bottom:42px; font-family:var(--font-heading); font-size:2rem; font-weight:800; color:#8FA0B5; }
.process-card h3 { font-size:1.35rem; }
.process-card p { color:var(--text-secondary); }
.process-connector { height:1px; background:var(--border); }

.pricing-home { padding:clamp(88px,9vw,132px) 0; }
.pricing-intro { max-width:820px; margin-bottom:42px; }
.pricing-intro h2 { font-size:clamp(2.3rem,4vw,3.9rem); letter-spacing:-.04em; }
.pricing-intro > p:last-child { color:var(--text-secondary); font-size:1.08rem; }
.core-offer-bar { display:flex; flex-wrap:wrap; align-items:center; gap:12px 26px; padding:20px 24px; margin-bottom:26px; border:1px solid var(--border); background:var(--bg-soft); font-size:.86rem; }
.core-offer-bar strong { font-family:var(--font-heading); color:var(--navy); margin-right:10px; }
.core-offer-bar span { color:var(--text-secondary); }
.payment-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.payment-option { padding:38px; border:1px solid var(--border); border-top:4px solid var(--navy); }
.payment-label { margin-bottom:12px; font-size:.76rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--text-secondary); }
.payment-option h3 { font-size:clamp(1.75rem,2.8vw,2.65rem); color:var(--navy); letter-spacing:-.03em; }
.payment-option > p:not(.payment-label) { color:var(--text-secondary); min-height:56px; }

.audience-strip { padding:clamp(64px,7vw,96px) 0; }
.audience-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:80px; align-items:end; }
.audience-grid h2 { font-size:clamp(2rem,3.5vw,3.2rem); letter-spacing:-.03em; }
.audience-grid ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.audience-grid li { padding:16px 0; border-bottom:1px solid var(--border); font-weight:600; }
.audience-grid li:nth-child(3n+2) { margin-left:24px; margin-right:24px; }

.home-final-cta { padding:clamp(72px,8vw,112px) 0; background:var(--navy); color:var(--white); }
.home-final-cta h2 { color:var(--white); font-size:clamp(2.3rem,4vw,3.9rem); letter-spacing:-.035em; }
.home-final-cta p:not(.eyebrow) { color:rgba(255,255,255,.76); font-size:1.05rem; }
.home-final-cta__inner { display:flex; align-items:center; justify-content:space-between; gap:48px; }
.btn-light { background:var(--white); color:var(--navy); border-color:var(--white); white-space:nowrap; }
.btn-light:hover { background:var(--bg-soft); color:var(--navy-hover); text-decoration:none; }

@media (max-width: 980px) {
  .home-hero__grid, .offer-grid, .why-grid, .audience-grid { grid-template-columns:1fr; }
  .home-hero__visual { width:100%; max-width:820px; justify-self:center; transform:none; }
  .hero-project figcaption { left:20px; bottom:-24px; }
  .offer-includes { margin-top:10px; }
  .project-feature, .project-feature--reverse { grid-template-columns:1fr; gap:32px; }
  .project-feature--reverse .project-feature__image, .project-feature--reverse .project-feature__copy { order:initial; }
  .process-visual { grid-template-columns:1fr; gap:18px; }
  .process-connector { width:1px; height:24px; justify-self:center; }
  .audience-grid ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .audience-grid li:nth-child(3n+2) { margin:0; }
  .audience-grid li:nth-child(even) { margin-left:24px; }
}

@media (max-width: 700px) {
  .home-hero { padding:52px 0 76px; }
  .home-hero__grid { grid-template-columns:1fr; gap:42px; }
  .home-hero__copy h1 { font-size:clamp(2.7rem,13vw,4.2rem); max-width:none; }
  .home-hero__actions { align-items:flex-start; }
  .hero-proof { display:grid; gap:8px; }
  .hero-project figcaption { position:static; margin-top:-1px; box-shadow:none; }
  .offer-includes { grid-template-columns:1fr; }
  .offer-item:nth-child(odd) { border-right:0; padding-right:0; }
  .offer-item:nth-child(even) { padding-left:0; }
  .payment-grid { grid-template-columns:1fr; }
  .core-offer-bar { align-items:flex-start; flex-direction:column; gap:8px; }
  .audience-grid ul { grid-template-columns:1fr; }
  .audience-grid li:nth-child(even) { margin-left:0; }
  .home-final-cta__inner { align-items:flex-start; flex-direction:column; }
  .project-feature { margin-bottom:68px; }
}

/* ========================================================================== 
   Services page — product-led service narrative
   ========================================================================== */
.services-hero {
  padding: clamp(72px, 8vw, 118px) 0 clamp(80px, 9vw, 132px);
}
.services-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(54px, 7vw, 104px);
  align-items: center;
}
.services-hero__copy h1 {
  max-width: 11ch;
  margin-bottom: 24px;
  font-size: clamp(3rem, 5.1vw, 4.8rem);
  line-height: 1.02;
  letter-spacing: -.045em;
}
.services-hero__copy > p:not(.eyebrow) {
  max-width: 560px;
  margin-bottom: 30px;
  color: var(--text-secondary);
  font-size: clamp(1.08rem, 1.45vw, 1.24rem);
  line-height: 1.65;
}
.services-hero__actions {
  display: flex;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
}
.services-hero__visual img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: top;
  border: 1px solid var(--border);
  box-shadow: 0 24px 60px rgba(23,58,99,.13);
}
.service-includes {
  padding: clamp(82px, 9vw, 132px) 0;
  background: var(--navy);
  color: var(--white);
}
.service-includes h2,
.service-includes h3 { color: var(--white); }
.service-includes .eyebrow { color: rgba(255,255,255,.66); }
.service-includes__heading {
  max-width: 820px;
  margin-bottom: 58px;
}
.service-includes__heading h2 {
  font-size: clamp(2.35rem, 4vw, 3.8rem);
  letter-spacing: -.04em;
}
.service-includes__heading > p:last-child {
  max-width: 700px;
  color: rgba(255,255,255,.72);
  font-size: 1.06rem;
  line-height: 1.7;
}
.service-stage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(255,255,255,.2);
}
.service-stage {
  min-height: 310px;
  padding: 30px 28px 24px;
  border-right: 1px solid rgba(255,255,255,.2);
  border-bottom: 1px solid rgba(255,255,255,.2);
}
.service-stage:first-child { padding-left: 0; }
.service-stage:last-child { border-right: 0; padding-right: 0; }
.service-stage span {
  display: block;
  margin-bottom: 62px;
  color: rgba(255,255,255,.42);
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 800;
}
.service-stage h3 {
  margin-bottom: 12px;
  font-size: 1.3rem;
}
.service-stage p {
  color: rgba(255,255,255,.68);
  line-height: 1.65;
}
.project-anatomy {
  padding: clamp(86px, 9vw, 132px) 0;
}
.project-anatomy__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: clamp(58px, 8vw, 112px);
  align-items: center;
}
.project-anatomy__image img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: top;
  border: 1px solid var(--border);
  box-shadow: 0 18px 44px rgba(23,26,31,.08);
}
.project-anatomy__copy h2 {
  font-size: clamp(2.3rem, 4vw, 3.8rem);
  line-height: 1.08;
  letter-spacing: -.04em;
}
.project-anatomy__copy > p:not(.eyebrow) {
  color: var(--text-secondary);
  font-size: 1.06rem;
  line-height: 1.7;
}
.project-anatomy__list {
  margin-top: 30px;
  border-top: 1px solid var(--border);
}
.project-anatomy__list li {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 22px;
  padding: 20px 0;
  border-bottom: 1px solid var(--border);
}
.project-anatomy__list strong {
  font-family: var(--font-heading);
  color: var(--text-primary);
}
.project-anatomy__list span {
  color: var(--text-secondary);
  line-height: 1.55;
}
.services-process {
  padding: clamp(84px, 9vw, 128px) 0;
}
.services-process__heading {
  max-width: 760px;
  margin-bottom: 54px;
}
.services-process__heading h2 {
  font-size: clamp(2.35rem, 4vw, 3.8rem);
  letter-spacing: -.04em;
}
.services-process__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--border);
}
.services-process__grid article {
  min-height: 260px;
  padding: 28px 28px 20px;
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.services-process__grid article:first-child { padding-left: 0; }
.services-process__grid article:last-child { border-right: 0; padding-right: 0; }
.services-process__grid span {
  display: block;
  margin-bottom: 44px;
  color: #8FA0B5;
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 800;
}
.services-process__grid h3 { font-size: 1.24rem; }
.services-process__grid p { color: var(--text-secondary); line-height: 1.65; }
.service-fit {
  padding: clamp(74px, 8vw, 112px) 0;
}
.service-fit__grid {
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  gap: clamp(64px, 9vw, 128px);
  align-items: start;
}
.service-fit h2 {
  font-size: clamp(2.2rem, 3.8vw, 3.5rem);
  letter-spacing: -.035em;
}
.service-fit__grid > div:last-child > p:first-child {
  font-size: 1.08rem;
  line-height: 1.7;
  color: var(--text-secondary);
}
.service-fit__note {
  margin-top: 26px;
  padding-top: 26px;
  border-top: 1px solid var(--border);
  color: var(--text-secondary);
  line-height: 1.7;
}

@media (max-width: 980px) {
  .services-hero__grid,
  .project-anatomy__grid,
  .service-fit__grid { grid-template-columns: 1fr; }
  .services-hero__visual { max-width: 860px; }
  .service-stage-grid,
  .services-process__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-stage:nth-child(2),
  .services-process__grid article:nth-child(2) { border-right: 0; }
  .service-stage:nth-child(3),
  .services-process__grid article:nth-child(3) { padding-left: 0; }
}
@media (max-width: 700px) {
  .services-hero { padding: 54px 0 76px; }
  .services-hero__grid { gap: 42px; }
  .services-hero__copy h1 { max-width: none; font-size: clamp(2.7rem, 13vw, 4.2rem); }
  .service-stage-grid,
  .services-process__grid { grid-template-columns: 1fr; }
  .service-stage,
  .service-stage:first-child,
  .service-stage:last-child,
  .service-stage:nth-child(3),
  .services-process__grid article,
  .services-process__grid article:first-child,
  .services-process__grid article:last-child,
  .services-process__grid article:nth-child(3) {
    min-height: 0;
    padding: 28px 0;
    border-right: 0;
  }
  .service-stage span,
  .services-process__grid span { margin-bottom: 24px; }
  .project-anatomy__list li { grid-template-columns: 1fr; gap: 6px; }
}

/* Services page v6: concise, visual, productized */
.services-hero--concise { padding: clamp(72px, 8vw, 112px) 0; }
.services-hero--concise .services-hero__grid { grid-template-columns: minmax(0,.9fr) minmax(460px,1.1fr); gap: clamp(56px,7vw,96px); align-items:center; }
.services-hero--concise .services-hero__copy h1 { max-width: 650px; }

.website-blueprint { border:1px solid var(--border); background:var(--white); box-shadow:0 20px 48px rgba(23,26,31,.08); }
.website-blueprint__bar { height:40px; display:flex; align-items:center; gap:8px; padding:0 16px; border-bottom:1px solid var(--border); background:var(--bg-soft); }
.website-blueprint__bar span { width:8px; height:8px; border-radius:50%; background:#D7DEE7; }
.website-blueprint__body { padding:34px; }
.website-blueprint__hero { padding:34px; border:1px solid var(--border); min-height:230px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.website-blueprint__label { display:inline-block; font-family:var(--font-heading); font-size:.76rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--navy); }
.website-blueprint__line { width:56%; height:12px; margin-top:16px; background:#E7EBF0; }
.website-blueprint__line--wide { width:78%; height:18px; background:#CDD6E1; }
.website-blueprint__button { margin-top:24px; padding:10px 14px; background:var(--navy); color:var(--white); font-family:var(--font-heading); font-size:.78rem; font-weight:700; }
.website-blueprint__row { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:16px; }
.website-blueprint__row > div { min-height:110px; padding:18px; border:1px solid var(--border); display:flex; align-items:flex-end; }

.services-scope { padding:clamp(72px,8vw,112px) 0; background:var(--navy); color:var(--white); }
.services-scope h2 { color:var(--white); font-size:clamp(2.3rem,4vw,3.8rem); letter-spacing:-.035em; line-height:1.05; }
.services-scope .eyebrow { color:rgba(255,255,255,.65); }
.services-scope__grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(52px,7vw,96px); align-items:start; }
.services-scope__intro { max-width:560px; color:rgba(255,255,255,.72); font-size:1.05rem; }
.services-scope__list { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.2); }
.services-scope__list li { padding:22px 0; border-bottom:1px solid rgba(255,255,255,.2); font-family:var(--font-heading); font-weight:700; }
.services-scope__list li:nth-child(odd) { padding-right:24px; }
.services-scope__list li:nth-child(even) { padding-left:24px; border-left:1px solid rgba(255,255,255,.2); }
.services-scope__note { grid-column:2; margin:0; color:rgba(255,255,255,.68); font-size:.92rem; }

.services-process--three { padding:clamp(72px,8vw,108px) 0; }
.services-process__grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.services-process__grid--three article:last-child { border-right:0; }
.service-fit--compact { padding:clamp(64px,7vw,92px) 0; }
.service-fit--compact .service-fit__grid { align-items:start; }
.service-fit--compact h2 { font-size:clamp(2.2rem,4vw,3.5rem); }

@media (max-width: 900px) {
  .services-hero--concise .services-hero__grid,
  .services-scope__grid { grid-template-columns:1fr; }
  .services-scope__note { grid-column:auto; }
  .services-process__grid--three { grid-template-columns:1fr; }
  .services-process__grid--three article { border-right:0; border-bottom:1px solid var(--border); padding:28px 0; }
}

@media (max-width: 640px) {
  .services-hero--concise { padding:52px 0 68px; }
  .services-hero--concise .services-hero__grid { gap:36px; }
  .website-blueprint__body { padding:20px; }
  .website-blueprint__hero { padding:24px; min-height:190px; }
  .website-blueprint__row { grid-template-columns:1fr; }
  .website-blueprint__row > div { min-height:74px; }
  .services-scope__list { grid-template-columns:1fr; }
  .services-scope__list li:nth-child(odd),
  .services-scope__list li:nth-child(even) { padding:18px 0; border-left:0; }
}

/* ========================================================================== 
   Pricing page — concise offer and payment decision
   ========================================================================== */
.pricing-hero { padding:clamp(76px,8vw,124px) 0; }
.pricing-hero__inner { max-width:900px; }
.pricing-hero h1 { max-width:14ch; font-size:clamp(3rem,5.4vw,5rem); line-height:1.02; letter-spacing:-.05em; }
.pricing-hero p:last-child { max-width:760px; color:var(--text-secondary); font-size:clamp(1.08rem,1.6vw,1.28rem); line-height:1.65; }
.pricing-scope, .pricing-options, .care-plan, .price-factors { padding:clamp(78px,8vw,118px) 0; }
.pricing-heading { max-width:830px; margin-bottom:46px; }
.pricing-heading h2 { font-size:clamp(2.35rem,4.2vw,3.9rem); line-height:1.08; letter-spacing:-.04em; }
.pricing-heading > p:last-child { color:var(--text-secondary); font-size:1.06rem; line-height:1.7; }
.pricing-scope__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--border); }
.pricing-scope__grid div { display:grid; gap:10px; min-height:150px; padding:28px 26px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); }
.pricing-scope__grid div:nth-child(3n) { border-right:0; }
.pricing-scope__grid span { font-family:var(--font-heading); font-size:1.6rem; font-weight:800; color:#94A2B4; }
.pricing-scope__grid strong { font-family:var(--font-heading); font-size:1.05rem; }
.pricing-options__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.pricing-option-card { display:flex; flex-direction:column; padding:clamp(30px,4vw,46px); border:1px solid var(--border); border-top:4px solid var(--navy); background:var(--white); }
.pricing-option-card__label { margin-bottom:10px; font-size:.78rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--text-secondary); }
.pricing-option-card h3 { min-height:2.25em; font-size:clamp(2rem,3.2vw,3rem); line-height:1.1; letter-spacing:-.035em; color:var(--navy); }
.pricing-option-card__fit { min-height:88px; color:var(--text-secondary); font-size:1.02rem; line-height:1.65; }
.pricing-option-card ul { flex:1; margin:12px 0 30px; border-top:1px solid var(--border); }
.pricing-option-card li { padding:13px 0; border-bottom:1px solid var(--border); }
.pricing-option-card .btn { align-self:flex-start; }
.care-plan__inner { display:grid; grid-template-columns:1.1fr .7fr; column-gap:clamp(50px,8vw,110px); align-items:start; }
.care-plan__inner h2 { font-size:clamp(2.3rem,4vw,3.7rem); letter-spacing:-.04em; }
.care-plan__inner > div:first-child > p:last-child { color:var(--text-secondary); font-size:1.05rem; }
.care-plan__price { align-self:center; font-size:1.2rem; color:var(--text-secondary); }
.care-plan__price strong { display:block; margin-top:4px; font-family:var(--font-heading); font-size:clamp(2rem,3vw,2.8rem); color:var(--navy); }
.care-plan ul { grid-column:1 / -1; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin-top:38px; border-top:1px solid var(--border); }
.care-plan li { padding:22px 20px 22px 0; border-right:1px solid var(--border); font-weight:600; }
.care-plan li:not(:first-child) { padding-left:20px; }
.care-plan li:last-child { border-right:0; }
.care-plan__note { grid-column:1 / -1; margin-top:22px; color:var(--text-secondary); font-size:.88rem; }
.price-factors__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--border); }
.price-factors__grid div { display:grid; grid-template-columns:.7fr 1.3fr; gap:28px; padding:25px 0; border-bottom:1px solid var(--border); }
.price-factors__grid div:nth-child(odd) { padding-right:38px; border-right:1px solid var(--border); }
.price-factors__grid div:nth-child(even) { padding-left:38px; }
.price-factors__grid strong { font-family:var(--font-heading); }
.price-factors__grid span { color:var(--text-secondary); line-height:1.55; }
@media (max-width:900px) {
  .pricing-scope__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pricing-scope__grid div:nth-child(3n) { border-right:1px solid var(--border); }
  .pricing-scope__grid div:nth-child(2n) { border-right:0; }
  .care-plan ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .care-plan li { border-bottom:1px solid var(--border); }
  .care-plan li:nth-child(even) { border-right:0; }
}
@media (max-width:700px) {
  .pricing-scope__grid, .pricing-options__grid, .care-plan__inner, .price-factors__grid { grid-template-columns:1fr; }
  .pricing-scope__grid div { border-right:0 !important; min-height:auto; padding-left:0; padding-right:0; }
  .pricing-option-card h3, .pricing-option-card__fit { min-height:0; }
  .care-plan__price { margin-top:22px; }
  .care-plan ul { grid-column:auto; grid-template-columns:1fr; }
  .care-plan li, .care-plan li:not(:first-child) { padding:16px 0; border-right:0; }
  .care-plan__note { grid-column:auto; }
  .price-factors__grid div, .price-factors__grid div:nth-child(odd), .price-factors__grid div:nth-child(even) { grid-template-columns:1fr; gap:8px; padding:22px 0; border-right:0; }
}

/* ---- About page refinement ---- */
.about-hero {
  padding-top: clamp(64px, 7vw, 104px);
  padding-bottom: clamp(64px, 7vw, 104px);
}
.about-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
  gap: clamp(48px, 7vw, 96px);
  align-items: start;
}
.about-hero__copy {
  max-width: 720px;
}
.about-hero__copy .h-page {
  max-width: 680px;
  margin-bottom: var(--space-3);
}
.about-hero__copy .lede {
  max-width: 690px;
}
.about-hero__portrait {
  width: min(100%, 320px);
  justify-self: end;
}
.portrait-frame--compact .portrait-frame__body {
  aspect-ratio: 4 / 5;
  padding: 10px;
}
.portrait-frame--compact img {
  object-position: center 25%;
}
.portrait-caption {
  margin-top: 14px;
  color: var(--text-secondary);
  font-size: 0.9rem;
  line-height: 1.5;
}
.eyebrow {
  margin-bottom: 14px;
  color: var(--navy);
  font-family: var(--font-heading);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}
.eyebrow--light {
  color: rgba(255,255,255,0.72);
}
.about-story__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(44px, 7vw, 96px);
  align-items: start;
}
.about-story__grid .h-section {
  max-width: 520px;
}
.about-story__copy {
  max-width: 620px;
  font-size: 1.08rem;
  color: var(--text-secondary);
}
.about-story__copy p + p {
  margin-top: var(--space-3);
}
.about-principles__intro {
  max-width: 760px;
  margin-bottom: clamp(42px, 6vw, 72px);
}
.about-principles__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.about-principles__grid article {
  padding: 32px 30px 36px;
  min-height: 205px;
}
.about-principles__grid article + article {
  border-left: 1px solid var(--border);
}
.about-principles__number {
  display: block;
  margin-bottom: 34px;
  color: #9aa9bd;
  font-family: var(--font-heading);
  font-size: 1.65rem;
  font-weight: 800;
}
.about-principles__grid h3 {
  margin-bottom: 10px;
  font-size: 1.08rem;
}
.about-principles__grid p {
  color: var(--text-secondary);
  margin: 0;
}
.final-cta--split {
  background: var(--navy);
  color: var(--white);
}
.final-cta--split .h-section,
.final-cta--split p {
  color: var(--white);
}
.final-cta__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-5);
  align-items: center;
}
.final-cta__inner > div {
  max-width: 760px;
}
.final-cta__inner .h-section {
  margin-bottom: 12px;
}
.btn-light {
  background: var(--white);
  color: var(--navy);
  border-color: var(--white);
}
.btn-light:hover,
.btn-light:focus-visible {
  background: var(--bg-soft);
  color: var(--navy);
  text-decoration: none;
}
@media (max-width: 820px) {
  .about-hero__grid,
  .about-story__grid,
  .final-cta__inner {
    grid-template-columns: 1fr;
  }
  .about-hero__portrait {
    justify-self: start;
    width: min(72vw, 300px);
  }
  .about-principles__grid {
    grid-template-columns: 1fr;
  }
  .about-principles__grid article + article {
    border-left: 0;
    border-top: 1px solid var(--border);
  }
  .final-cta__inner {
    align-items: start;
  }
}

/* ========================================================================== 
   Services hero — Square Wright decision blueprint
   ========================================================================== */
.decision-blueprint {
  position: relative;
  margin: 0;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid var(--border);
  background: var(--white);
  box-shadow: 0 20px 48px rgba(23, 26, 31, .07);
  overflow: hidden;
}
.decision-blueprint::before {
  content: "SQUARE WRIGHT / WEBSITE BLUEPRINT";
  display: block;
  margin-bottom: 22px;
  color: #748197;
  font-family: var(--font-heading);
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .12em;
}
.decision-blueprint__rail {
  position: absolute;
  top: 67px;
  left: clamp(22px, 3vw, 34px);
  right: clamp(22px, 3vw, 34px);
  height: 2px;
  background: var(--navy);
  opacity: .16;
}
.decision-blueprint__flow {
  position: relative;
  display: grid;
  grid-template-columns: 1.32fr .84fr .84fr .84fr 1.18fr;
  align-items: stretch;
  border-top: 1px solid var(--navy);
  border-bottom: 1px solid var(--navy);
}
.decision-step {
  position: relative;
  min-width: 0;
  padding: 25px 19px 27px;
  border-left: 1px solid var(--border);
  background: #FBFCFD;
}
.decision-step:first-child { border-left: 0; }
.decision-step::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 18px;
  width: 9px;
  height: 9px;
  background: var(--navy);
}
.decision-step__number {
  display: block;
  margin-bottom: 25px;
  color: #94A2B4;
  font-family: var(--font-heading);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
}
.decision-step__label {
  margin: 0 0 12px;
  color: var(--navy);
  font-family: var(--font-heading);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.decision-step h2 {
  margin: 0 0 13px;
  color: var(--near-black);
  font-size: clamp(1.06rem, 1.45vw, 1.35rem);
  line-height: 1.22;
  letter-spacing: -.025em;
}
.decision-step p:last-child {
  margin: 0;
  color: var(--text-secondary);
  font-size: .78rem;
  line-height: 1.55;
}
.decision-step ul {
  display: grid;
  gap: 0;
  margin: 0;
}
.decision-step li {
  padding: 9px 0;
  border-bottom: 1px solid var(--border);
  color: var(--near-black);
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.3;
}
.decision-step li:first-child { border-top: 1px solid var(--border); }
.decision-step__pages {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--border);
  border-left: 1px solid var(--border);
}
.decision-step__pages li,
.decision-step__pages li:first-child {
  padding: 8px 7px;
  border-top: 0;
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  text-align: center;
  font-size: .69rem;
}
.decision-step--need {
  background: var(--white);
  padding-left: 0;
  padding-right: 24px;
}
.decision-step--need::before { left: 0; }
.decision-step--action {
  padding-right: 0;
  padding-left: 24px;
  background: var(--navy);
}
.decision-step--action::before {
  left: 24px;
  background: var(--white);
}
.decision-step--action .decision-step__number,
.decision-step--action .decision-step__label,
.decision-step--action p:last-of-type { color: rgba(255,255,255,.68); }
.decision-step--action h2 { color: var(--white); }
.decision-step__cta {
  display: inline-block;
  margin-top: 22px;
  padding: 9px 12px;
  background: var(--white);
  color: var(--navy);
  font-family: var(--font-heading);
  font-size: .7rem;
  font-weight: 800;
}
.decision-blueprint figcaption {
  margin-top: 16px;
  color: var(--navy);
  font-family: var(--font-heading);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: -.01em;
}

@media (max-width: 1100px) {
  .decision-blueprint__flow { grid-template-columns: 1.2fr repeat(3, .9fr) 1.1fr; }
  .decision-step { padding-left: 14px; padding-right: 14px; }
  .decision-step--need { padding-left: 0; padding-right: 18px; }
  .decision-step--action { padding-left: 18px; padding-right: 0; }
}

@media (max-width: 900px) {
  .decision-blueprint__rail { display: none; }
  .decision-blueprint__flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 0;
  }
  .decision-step,
  .decision-step--need,
  .decision-step--action {
    padding: 24px;
    border-top: 1px solid var(--navy);
    border-left: 0;
    border-right: 1px solid var(--border);
  }
  .decision-step:nth-child(even) { border-right: 0; }
  .decision-step--action {
    grid-column: 1 / -1;
    border-right: 0;
  }
  .decision-step::before,
  .decision-step--need::before,
  .decision-step--action::before { left: 24px; }
}

@media (max-width: 560px) {
  .decision-blueprint { padding: 20px; }
  .decision-blueprint::before { margin-bottom: 16px; }
  .decision-blueprint__flow { grid-template-columns: 1fr; }
  .decision-step,
  .decision-step--need,
  .decision-step--action,
  .decision-step:nth-child(even) {
    grid-column: auto;
    padding: 22px 0;
    border-right: 0;
    border-left: 0;
  }
  .decision-step::before,
  .decision-step--need::before,
  .decision-step--action::before { left: 0; }
  .decision-step--action {
    margin: 0 -20px -1px;
    padding: 24px 20px;
  }
  .decision-step--action::before { left: 20px; }
}


/* Services hero blueprint image — v18 */
.decision-blueprint--image {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: 0 20px 48px rgba(23, 26, 31, .07);
  overflow: hidden;
}
.decision-blueprint--image::before { content: none; }
.decision-blueprint--image img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 900px) {
  .decision-blueprint--image {
    max-width: 760px;
    margin-inline: auto;
  }
}


/* ---- Launch promotion banner ---- */
.launch-banner {
  background: #E96316;
  color: #fff;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.launch-banner__inner {
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.launch-banner__copy {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 16px;
  line-height: 1.4;
}
.launch-banner__copy strong {
  font-family: var(--font-heading);
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: .02em;
}
.launch-banner__copy span {
  font-weight: 600;
}
.launch-banner__copy small {
  flex-basis: 100%;
  color: rgba(255,255,255,.9);
  font-size: .78rem;
}
.launch-banner__button {
  flex: 0 0 auto;
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,.9);
  white-space: nowrap;
}
.launch-banner__button:hover,
.launch-banner__button:focus-visible {
  background: #fff;
  color: #B9470C;
  border-color: #fff;
  text-decoration: none;
}
@media (max-width: 760px) {
  .launch-banner__inner {
    min-height: 0;
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .launch-banner__copy {
    display: block;
    text-align: center;
  }
  .launch-banner__copy strong,
  .launch-banner__copy span,
  .launch-banner__copy small {
    display: block;
  }
  .launch-banner__copy span { margin-top: 3px; }
  .launch-banner__copy small { margin-top: 5px; }
  .launch-banner__button { width: 100%; text-align: center; }
}

/* v21 pricing clarity */
.subscription-explainer { max-width:900px; margin:42px auto 0; padding:30px 34px; border:1px solid var(--border); background:var(--white); }
.subscription-explainer h3 { margin:6px 0 12px; font-size:clamp(1.45rem,2.4vw,2rem); color:var(--navy); }
.subscription-explainer p:last-child { margin-bottom:0; }
.minor-edits-definition { grid-column:1 / -1; margin-top:10px; padding-top:28px; border-top:1px solid var(--border); }
.minor-edits-definition h3 { margin-bottom:10px; font-size:1.35rem; color:var(--navy); }
.minor-edits-definition p { max-width:900px; }
@media (max-width:700px) { .subscription-explainer { padding:24px 22px; } }

/* ========================================================================== 
   Homepage — client-proof editorial system
   ========================================================================== */
.home-page { background:#fff; }
.home-page .site-header { box-shadow:0 1px 0 rgba(23,26,31,.02); }
.home-page .home-hero { padding:clamp(64px,7vw,96px) 0 0; overflow:hidden; }
.home-page .home-hero__grid {
  grid-template-columns:minmax(390px,.84fr) minmax(0,1.16fr);
  gap:clamp(44px,5vw,72px);
  align-items:center;
}
.home-page .home-hero__copy h1 {
  max-width:14.5ch;
  margin-bottom:22px;
  font-size:clamp(3rem,4.15vw,3.85rem);
  line-height:1.03;
  letter-spacing:-.045em;
}
.home-page .home-hero__lede { max-width:500px; margin-bottom:30px; font-size:clamp(1.05rem,1.35vw,1.22rem); line-height:1.62; }
.home-page .home-hero__visual { position:relative; padding:22px 0 0 22px; }
.square-detail { position:absolute; inset:0 auto auto 0; display:grid; grid-template-columns:repeat(2,22px); grid-template-rows:repeat(2,22px); gap:5px; z-index:0; }
.square-detail span { border:1px solid #91A1B4; background:#fff; }
.square-detail span:nth-child(2) { border-color:var(--navy); background:var(--navy); }
.square-detail span:nth-child(3) { grid-column:2; border-color:#C9D2DC; }
.browser-showcase { overflow:hidden; margin:0; background:#fff; border:1px solid #CDD5DF; border-radius:10px; box-shadow:0 22px 64px rgba(23,58,99,.14); }
.browser-showcase__bar { position:relative; height:34px; display:flex; align-items:center; gap:6px; padding:0 13px; background:#EEF1F4; border-bottom:1px solid #DCE1E7; }
.browser-showcase__bar span { width:7px; height:7px; border-radius:50%; background:#B9C3CE; }
.browser-showcase__bar small { position:absolute; left:50%; transform:translateX(-50%); color:#7A8490; font-size:.61rem; }
.home-page .hero-project { position:relative; z-index:1; }
.home-page .hero-project img { width:100%; aspect-ratio:16/9.6; object-fit:cover; object-position:top; border:0; box-shadow:none; }
.hero-client-proof { display:grid; grid-template-columns:.72fr 1.3fr .58fr; gap:clamp(28px,5vw,72px); align-items:start; margin-top:54px; padding:26px 0 30px; border-top:1px solid var(--border); }
.hero-client-proof__label span { display:block; margin-bottom:4px; color:var(--navy); font-family:var(--font-heading); font-size:.7rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.hero-client-proof__label strong { font-family:var(--font-heading); font-size:.96rem; }
.hero-client-proof__fact span,
.hero-client-proof__price span { display:block; margin-bottom:5px; color:var(--text-secondary); font-size:.7rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.hero-client-proof__fact strong { display:block; max-width:440px; font-family:var(--font-heading); font-size:.95rem; line-height:1.5; }
.hero-client-proof__price strong { display:block; margin-bottom:4px; color:var(--navy); font-family:var(--font-heading); font-size:1.22rem; }
.hero-client-proof__price a { color:var(--text-secondary); font-size:.78rem; font-weight:600; text-decoration:underline; text-underline-offset:3px; }

.home-offer { padding:clamp(82px,9vw,126px) 0; background:var(--navy); color:#fff; }
.home-offer__grid { display:grid; grid-template-columns:.92fr 1.08fr; gap:clamp(64px,10vw,150px); align-items:start; }
.home-offer .eyebrow { color:rgba(255,255,255,.65); }
.home-offer h2 { max-width:13ch; color:#fff; font-size:clamp(2.35rem,4vw,3.75rem); line-height:1.08; letter-spacing:-.04em; }
.home-offer__copy > p:first-child { margin:3px 0 34px; color:rgba(255,255,255,.78); font-size:1.12rem; line-height:1.72; }
.home-offer__scope { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; padding:20px 0; border-top:1px solid rgba(255,255,255,.22); border-bottom:1px solid rgba(255,255,255,.22); color:#fff; font-family:var(--font-heading); font-size:.82rem; font-weight:700; }
.home-offer__scope span { width:4px; height:4px; background:rgba(255,255,255,.4); }
.home-offer .link-arrow { display:inline-block; margin-top:18px; color:#fff; }

.client-case-study { padding:clamp(86px,9vw,132px) 0; }
.case-study__heading { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(48px,10vw,150px); align-items:end; margin-bottom:54px; }
.case-study__heading h2 { margin:0; font-size:clamp(2.45rem,4.3vw,4rem); letter-spacing:-.04em; }
.case-study__heading > p { max-width:560px; margin:0; color:var(--text-secondary); font-size:1.08rem; line-height:1.7; }
.case-study__body { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr); gap:clamp(46px,6vw,78px); align-items:start; }
.case-study__image { box-shadow:0 18px 48px rgba(23,58,99,.12); }
.case-study__image img { width:100%; aspect-ratio:16/10; object-fit:cover; object-position:top; }
.case-study__summary { padding:0 0 22px; border-bottom:1px solid var(--border); }
.case-study__summary strong { display:block; margin-bottom:7px; font-family:var(--font-heading); color:var(--navy); }
.case-study__summary p { color:var(--text-secondary); }
.case-study__story blockquote { margin:25px 0 20px; color:#313844; font-size:.98rem; line-height:1.72; }
.case-study__attribution { margin-bottom:20px; font-size:.84rem; }
.case-study__attribution strong, .case-study__attribution span { display:block; }
.case-study__attribution span { color:var(--text-secondary); }

.owner-proof { padding:clamp(84px,9vw,126px) 0; }
.owner-proof__grid { display:grid; grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr); gap:clamp(56px,9vw,128px); align-items:center; }
.owner-proof__portrait { position:relative; max-width:390px; }
.owner-proof__portrait::after { content:""; position:absolute; right:-18px; bottom:-18px; width:78px; height:78px; border:1px solid #AAB6C4; z-index:-1; }
.owner-proof__portrait img { width:100%; aspect-ratio:4/4.65; object-fit:cover; object-position:center top; }
.owner-proof__copy h2 { max-width:17ch; font-size:clamp(2.35rem,4vw,3.75rem); line-height:1.08; letter-spacing:-.04em; }
.owner-proof__copy > p:not(.eyebrow) { max-width:720px; color:var(--text-secondary); font-size:1.08rem; line-height:1.72; }
.owner-proof__facts { display:grid; grid-template-columns:repeat(3,1fr); margin:34px 0 26px; border-top:1px solid var(--border); }
.owner-proof__facts span { padding:22px 22px 0 0; color:var(--text-secondary); font-size:.83rem; line-height:1.5; }
.owner-proof__facts span + span { padding-left:22px; border-left:1px solid var(--border); }
.owner-proof__facts strong { display:block; margin-bottom:6px; color:var(--text-primary); font-family:var(--font-heading); font-size:.92rem; }
.owner-proof__links { display:flex; flex-wrap:wrap; gap:14px 30px; }

.concept-work { padding:clamp(84px,9vw,126px) 0; }
.concept-work__heading { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(48px,10vw,150px); align-items:end; margin-bottom:48px; }
.concept-work__heading h2 { max-width:14ch; font-size:clamp(2.25rem,3.8vw,3.55rem); line-height:1.1; letter-spacing:-.04em; }
.concept-work__heading > p { max-width:560px; color:var(--text-secondary); font-size:1.05rem; line-height:1.68; }
.concept-work__list { border-top:1px solid var(--border); }
.concept-work__list article { display:grid; grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr); gap:clamp(36px,6vw,76px); align-items:center; padding:42px 0; border-bottom:1px solid var(--border); }
.concept-work__image { display:block; overflow:hidden; }
.concept-work__image img { width:100%; aspect-ratio:16/9; object-fit:cover; object-position:center; transition:transform .25s ease; }
.concept-work__image:hover img { transform:scale(1.015); }
.concept-work__list article:nth-child(2) .concept-work__image img { object-position:top; }
.concept-work__list article > div > span { display:block; margin-bottom:8px; color:var(--navy); font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.concept-work__list h3 { margin-bottom:9px; font-size:clamp(1.75rem,2.6vw,2.6rem); letter-spacing:-.03em; }
.concept-work__list p { max-width:610px; color:var(--text-secondary); }

.home-pricing { padding:clamp(86px,9vw,132px) 0; }
.home-pricing__grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(60px,10vw,145px); align-items:start; }
.home-pricing h2 { font-size:clamp(2.4rem,4vw,3.7rem); letter-spacing:-.04em; }
.home-pricing__grid > div:first-child > p:last-child { color:var(--text-secondary); line-height:1.72; }
.home-pricing__options { border-top:1px solid var(--border); }
.home-pricing__options article { display:grid; grid-template-columns:.55fr 1fr; gap:20px; padding:26px 0; border-bottom:1px solid var(--border); }
.home-pricing__options article > span { color:var(--navy); font-family:var(--font-heading); font-size:.76rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.home-pricing__options h3 { grid-column:2; margin:-2px 0 2px; font-size:clamp(1.45rem,2.2vw,2.05rem); color:var(--navy); }
.home-pricing__options p { grid-column:2; color:var(--text-secondary); font-size:.92rem; }
.home-pricing__options > .link-arrow { display:inline-block; margin-top:22px; }

@media (max-width:980px) {
  .home-page .home-hero__grid { grid-template-columns:1fr; }
  .home-page .home-hero__copy h1 { max-width:13ch; }
  .home-page .home-hero__visual { max-width:none; }
  .hero-client-proof { grid-template-columns:.72fr 1.28fr .58fr; }
  .case-study__body, .owner-proof__grid { grid-template-columns:1fr; }
  .owner-proof__portrait { max-width:330px; }
}
@media (max-width:760px) {
  .home-page .nav-cta { display:none; }
  .home-page .home-hero { padding-top:46px; }
  .home-page .home-hero__grid { gap:38px; }
  .home-page .home-hero__copy h1 { max-width:none; font-size:clamp(2.55rem,12vw,3.45rem); }
  .home-page .home-hero__lede { font-size:1.04rem; }
  .home-page .home-hero__visual { padding:14px 0 0 14px; }
  .square-detail { grid-template-columns:repeat(2,15px); grid-template-rows:repeat(2,15px); gap:4px; }
  .browser-showcase__bar { height:27px; }
  .browser-showcase__bar small { display:none; }
  .hero-client-proof { display:grid; grid-template-columns:1fr 1fr; gap:18px 22px; margin-top:34px; padding:22px 0 26px; }
  .hero-client-proof__label { grid-column:1 / -1; }
  .home-offer__grid, .case-study__heading, .concept-work__heading, .home-pricing__grid { grid-template-columns:1fr; gap:30px; }
  .home-offer h2, .concept-work__heading h2 { max-width:none; }
  .case-study__body { gap:32px; }
  .case-study__story blockquote { font-size:.93rem; }
  .owner-proof__grid { gap:42px; }
  .owner-proof__portrait { width:72%; }
  .owner-proof__facts { grid-template-columns:1fr; }
  .owner-proof__facts span { padding:18px 0; border-bottom:1px solid var(--border); }
  .owner-proof__facts span + span { padding-left:0; border-left:0; }
  .concept-work__list article { grid-template-columns:1fr; gap:24px; padding:32px 0; }
  .home-pricing__options article { grid-template-columns:1fr; gap:7px; }
  .home-pricing__options h3, .home-pricing__options p { grid-column:1; }
}

/* ========================================================================== 
   Approved site-wide system
   ========================================================================== */
.services-page .services-hero,
.pricing-page .pricing-hero,
.about-page .about-hero { position:relative; overflow:hidden; }
.services-page .services-hero__copy h1,
.pricing-page .pricing-hero h1,
.about-page .about-hero__copy .h-page {
  font-size:clamp(2.75rem,4.25vw,4rem);
  line-height:1.04;
  letter-spacing:-.045em;
}
.services-page .decision-blueprint { position:relative; margin:20px 0 0 20px; border:1px solid #CDD5DF; box-shadow:0 22px 64px rgba(23,58,99,.12); }
.services-page .decision-blueprint::before {
  content:"";
  position:absolute;
  left:-21px;
  top:-21px;
  width:18px;
  height:18px;
  border:1px solid #AAB6C4;
  box-shadow:24px 0 0 -1px var(--navy);
}
.services-page .services-scope__list li { font-size:.95rem; }
.services-page .services-process__heading,
.pricing-page .pricing-heading { max-width:760px; }
.services-page .services-process__heading h2,
.pricing-page .pricing-heading h2,
.pricing-page .care-plan__inner h2,
.about-page .h-section { font-size:clamp(2.15rem,3.6vw,3.35rem); }
.services-page .services-process__grid { border-bottom:1px solid var(--border); }
.services-page .services-process__grid article { min-height:0; padding-top:30px; padding-bottom:34px; border-bottom:0; }
.services-page .services-process__grid span { display:none; }
.services-page .service-fit__note { border-left:2px solid var(--navy); border-top:0; padding:4px 0 4px 20px; }

.pricing-page .pricing-hero__inner { max-width:940px; }
.pricing-page .pricing-scope__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.pricing-page .pricing-scope__grid div,
.pricing-page .pricing-scope__grid div:nth-child(3n) { min-height:0; padding:21px 0; border-right:0; }
.pricing-page .pricing-scope__grid div:nth-child(odd) { padding-right:32px; }
.pricing-page .pricing-scope__grid div:nth-child(even) { padding-left:32px; border-left:1px solid var(--border); }
.pricing-page .pricing-scope__grid span { display:none; }
.pricing-page .pricing-option-card { border-top-width:2px; box-shadow:0 16px 44px rgba(23,58,99,.06); }
.pricing-page .subscription-explainer { max-width:none; border-left:3px solid var(--navy); }
.pricing-page .care-plan__inner { grid-template-columns:1fr auto; }
.pricing-page .care-plan ul { grid-template-columns:repeat(5,minmax(0,1fr)); }
.pricing-page .minor-edits-definition { margin-top:26px; }

.about-page .about-hero__grid { grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); align-items:center; }
.about-page .about-hero__portrait { position:relative; }
.about-page .about-hero__portrait::after { content:""; position:absolute; right:-18px; bottom:30px; width:70px; height:70px; border:1px solid #AAB6C4; z-index:-1; }
.about-page .portrait-frame { border-radius:0; }
.about-page .about-story { background:var(--navy); color:#fff; }
.about-page .about-story h2 { color:#fff; }
.about-page .about-story .eyebrow { color:rgba(255,255,255,.66); }
.about-page .about-story__copy { color:rgba(255,255,255,.74); }
.about-page .about-related { margin-top:26px; padding:14px 0 14px 18px; border-left:2px solid var(--navy); color:var(--text-secondary); font-size:.92rem; }
.about-page .about-related a { font-weight:700; }
.about-page .about-principles__grid { border-bottom:1px solid var(--border); }
.about-page .about-principles__number { display:none; }
.about-page .about-principles__grid article { min-height:0; padding-top:28px; padding-bottom:32px; }

.start-page main { position:relative; }
.start-page .section--tight-top { padding-top:clamp(62px,7vw,94px); padding-bottom:42px; }
.start-page .section--tight-top .container { position:relative; max-width:820px; }
.start-page .section--tight-top .container::before { content:""; position:absolute; top:-28px; left:24px; width:17px; height:17px; border:1px solid #AAB6C4; box-shadow:23px 0 0 -1px var(--navy); }
.start-page .h-page { max-width:13ch; font-size:clamp(2.75rem,4.4vw,4rem); line-height:1.05; letter-spacing:-.045em; }
.start-page .section--no-top .container { max-width:820px; }
.start-page #questionnaire-form { padding:42px clamp(24px,5vw,54px); border:1px solid var(--border); border-top:3px solid var(--navy); background:#fff; box-shadow:0 18px 46px rgba(23,58,99,.06); }
.start-page .form-field { margin-bottom:28px; }
.start-page input[type="text"],
.start-page input[type="email"],
.start-page input[type="tel"],
.start-page input[type="url"],
.start-page input[type="date"],
.start-page textarea,
.start-page select { border-radius:3px; padding:14px 15px; }
.start-page textarea { min-height:118px; }
.start-page .radio-group { padding:18px; border:1px solid var(--border); background:var(--bg-soft); }

.thank-you-page .section,
.error-page .simple-page { min-height:58vh; display:flex; align-items:center; padding:clamp(80px,10vw,150px) 0; }
.thank-you-page .h-page,
.error-page .h-page { max-width:18ch; font-size:clamp(2.6rem,4.2vw,3.8rem); line-height:1.06; letter-spacing:-.04em; }
.legal-page-body .legal-page { padding:clamp(68px,8vw,108px) 0; }
.legal-page-body .legal-page .container { max-width:820px; }
.legal-page-body .legal-page .h-page { margin-bottom:14px; font-size:clamp(2.7rem,4.3vw,3.9rem); letter-spacing:-.04em; }
.legal-page-body .legal-page h2 { padding-top:26px; border-top:1px solid var(--border); font-size:1.35rem; }
.legal-page-body .legal-page p,
.legal-page-body .legal-page li { color:var(--text-secondary); }

@media (max-width:900px) {
  .pricing-page .care-plan ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .nav-cta { display:none; }
  .services-page .services-hero__copy h1,
  .pricing-page .pricing-hero h1,
  .about-page .about-hero__copy .h-page,
  .start-page .h-page { font-size:clamp(2.45rem,11vw,3.25rem); }
  .services-page .decision-blueprint { margin:14px 0 0 14px; }
  .services-page .decision-blueprint::before { left:-15px; top:-15px; width:12px; height:12px; box-shadow:18px 0 0 -1px var(--navy); }
  .pricing-page .pricing-scope__grid { grid-template-columns:1fr; }
  .pricing-page .pricing-scope__grid div:nth-child(odd),
  .pricing-page .pricing-scope__grid div:nth-child(even) { padding:18px 0; border-left:0; }
  .pricing-page .care-plan ul { grid-template-columns:1fr; }
  .about-page .about-hero__grid { grid-template-columns:1fr; }
  .start-page #questionnaire-form { padding:30px 20px; }
}