section { position: relative; }
.auto, .who, .unsure, .faq, .reviews, .why, .quote, .final, .work-head {
  max-width: var(--maxw); margin: 0 auto; padding-left: var(--gutter); padding-right: var(--gutter);
}

/* ================= Automation — the quiet moment ================= */
.auto { padding-top: clamp(120px, 20vh, 220px); padding-bottom: clamp(100px, 16vh, 180px); }
.auto .label { margin-bottom: 28px; }
.flow {
  --lit: 0; --n: 6;
  position: relative; display: grid; grid-template-columns: repeat(var(--n), 1fr); gap: 0; margin-top: clamp(64px, 10vh, 120px);
}
.flow::before, .flow::after { content: ''; position: absolute; top: 7px; left: 0; right: 0; height: 1px; background: var(--line-2); }
.flow::after { background: var(--gold-grad); transform-origin: left; transform: scaleX(var(--lit)); box-shadow: 0 0 18px var(--gold); }
.flow li {
  position: relative; padding: 34px 14px 0 0; font-weight: 800; text-transform: uppercase; letter-spacing: -0.01em;
  font-size: clamp(0.95rem, 1.35vw, 1.3rem); line-height: 1.05; color: rgba(245, 243, 238, 0.3);
  transition: color 0.5s var(--ease);
}
.flow li::before {
  content: ''; position: absolute; left: 0; top: 0; width: 15px; height: 15px; border-radius: 50%;
  background: var(--bg); border: 1px solid var(--line-2); z-index: 1; transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;
}
.flow li span { display: block; font-family: var(--f-serif); font-style: italic; font-weight: 400; font-size: 0.9rem; color: var(--muted); margin-bottom: 8px; text-transform: none; }
.flow li em { font-style: normal; color: var(--gold); margin-left: 0.3em; }
.flow li.is-lit { color: var(--text); }
.flow li.is-lit::before { background: var(--gold); border-color: var(--gold); box-shadow: 0 0 0 5px rgba(201, 164, 106, 0.15); }
.auto-foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 32px; margin-top: clamp(72px, 12vh, 140px); }
.mate { display: grid; font-weight: 850; text-transform: uppercase; font-size: clamp(1.6rem, 3.2vw, 3rem); line-height: 1; letter-spacing: -0.03em; font-variation-settings: 'wdth' 112; }
.mate span:first-child { font-family: var(--f-serif); font-style: italic; text-transform: none; font-weight: 400; letter-spacing: 0; color: var(--muted); font-size: 0.7em; margin-bottom: 10px; font-variation-settings: normal; }
.chips-quiet { max-width: 460px; }
.js .reveal-lines span { opacity: 0; transform: translateY(18px); transition: opacity 0.7s var(--ease), transform 0.7s var(--ease); }
.js .reveal-lines.is-in span { opacity: 1; transform: none; }
.js .reveal-lines.is-in span:nth-child(2) { transition-delay: 0.6s; }
.js .reveal-lines.is-in span:nth-child(3) { transition-delay: 1.1s; }

@media (max-width: 760px) {
  .flow { grid-template-columns: 1fr; gap: 26px; padding-left: 4px; }
  .flow::before, .flow::after { top: 0; bottom: 0; left: 11px; right: auto; width: 1px; height: auto; }
  .flow::after { transform-origin: top; transform: scaleY(var(--lit)); }
  .flow li { padding: 0 0 0 44px; }
  .flow li::before { top: 2px; left: 4px; }
  .flow li span { display: inline; margin-right: 10px; }
}

/* ================= Who we help ================= */
.who { padding-top: clamp(80px, 12vh, 140px); padding-bottom: clamp(80px, 12vh, 140px); border-top: 1px solid var(--line); }
.who .label { margin-bottom: 20px; }
.who .h2 { max-width: 16ch; }
.who-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 64px); margin-top: clamp(48px, 8vh, 90px); align-items: center; }
.who-tabs { display: grid; border-top: 1px solid var(--line); }
.who-tab {
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px; text-align: left;
  padding: clamp(22px, 3.4vh, 36px) 0; border-bottom: 1px solid var(--line);
}
.who-tab .n { font-family: var(--f-serif); font-style: italic; color: var(--muted); font-size: 1.1rem; }
.who-tab .t {
  font-weight: 850; text-transform: uppercase; letter-spacing: -0.03em; line-height: 0.95;
  font-size: clamp(1.8rem, 3.8vw, 3.6rem); font-variation-settings: 'wdth' 100; color: rgba(245, 243, 238, 0.35);
  transition: color 0.5s var(--ease), font-variation-settings 0.6s var(--ease), letter-spacing 0.6s var(--ease);
}
.who-tab .go { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line-2); display: grid; place-items: center; transition: background 0.4s, color 0.4s, border-color 0.4s, rotate 0.5s var(--ease); }
.who-tab[aria-selected='true'] .t { color: var(--text); font-variation-settings: 'wdth' 122; }
.who-tab[aria-selected='true'] .n { color: var(--gold); }
.who-tab[aria-selected='true'] .go { background: var(--gold); color: #0b0906; border-color: var(--gold); rotate: -45deg; }
.who-panel { position: relative; }
.who-panel[hidden] { display: none; }
.who-media { position: relative; aspect-ratio: 16 / 11; border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line); background: var(--card); }
.who-media img { width: 100%; height: 100%; object-fit: cover; object-position: top; scale: 1.06; transition: scale 1.2s var(--ease); }
.who-panel.is-in .who-media img { scale: 1; }
.who-line { font-family: var(--f-serif); font-style: italic; font-size: clamp(1.3rem, 2vw, 1.8rem); line-height: 1.2; color: var(--gold-lt); margin: 22px 0 16px; max-width: 26ch; }
.who-items { display: flex; flex-wrap: wrap; gap: 6px 18px; color: var(--muted); font-size: 0.95rem; }
.who-items li::before { content: '— '; color: var(--gold-dk); }
@media (max-width: 900px) { .who-grid { grid-template-columns: 1fr; } }

/* ================= Not sure ================= */
.unsure { padding-top: clamp(100px, 16vh, 180px); padding-bottom: clamp(100px, 14vh, 160px); }
.unsure-head { display: grid; gap: 14px; margin-bottom: clamp(40px, 7vh, 80px); }
.unsure-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 72px); align-items: start; }
.says { display: grid; gap: 10px; }
.say {
  width: 100%; text-align: left; padding: 18px 22px; border-radius: 16px; border: 1px solid var(--line);
  background: var(--bg-2); font-size: clamp(1rem, 1.3vw, 1.2rem); display: flex; justify-content: space-between; gap: 16px; align-items: center;
  transition: border-color 0.35s, background 0.35s, transform 0.35s var(--ease);
}
.say::after { content: '→'; color: var(--muted); transition: transform 0.35s var(--ease), color 0.35s; }
.say:hover { border-color: var(--line-2); transform: translateX(4px); }
.say[aria-pressed='true'] { border-color: var(--gold); background: #15120d; }
.say[aria-pressed='true']::after { color: var(--gold); transform: translateX(4px); }
.verdict {
  position: sticky; top: calc(var(--nav-h) + 24px); min-height: 320px; padding: clamp(28px, 3.5vw, 48px);
  border-radius: var(--r-lg); background: var(--card); border: 1px solid var(--line); overflow: hidden;
}
.verdict::before { content: ''; position: absolute; inset: auto -20% -60% 30%; height: 80%; background: radial-gradient(closest-side, rgba(201, 164, 106, 0.16), transparent); pointer-events: none; }
.verdict-type { font-size: 0.68rem; letter-spacing: 0.24em; text-transform: uppercase; color: var(--gold); }
.verdict-reply { margin-top: 16px; font-weight: 850; text-transform: uppercase; letter-spacing: -0.03em; line-height: 0.95; font-size: clamp(1.9rem, 3.4vw, 3.2rem); font-variation-settings: 'wdth' 112; }
.verdict-detail { margin-top: 18px; color: rgba(245, 243, 238, 0.78); max-width: 38ch; }
.verdict .btn { margin-top: 28px; }
.verdict-empty { color: var(--muted); font-family: var(--f-serif); font-style: italic; font-size: 1.6rem; line-height: 1.2; }
.verdict > * { animation: rise 0.6s var(--ease) both; }
.verdict > :nth-child(2) { animation-delay: 0.06s; } .verdict > :nth-child(3) { animation-delay: 0.12s; } .verdict > :nth-child(4) { animation-delay: 0.18s; }
@keyframes rise { from { opacity: 0; transform: translateY(14px); } }
@media (max-width: 900px) { .unsure-grid { grid-template-columns: 1fr; } .verdict { position: relative; top: 0; min-height: 0; } }

/* ================= FAQ ================= */
.faq { padding-top: clamp(80px, 12vh, 140px); padding-bottom: clamp(100px, 14vh, 160px); display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(32px, 5vw, 96px); border-top: 1px solid var(--line); }
.faq-head .label { margin-bottom: 20px; }
.faq-head { position: sticky; top: calc(var(--nav-h) + 30px); align-self: start; }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item:first-child { border-top: 1px solid var(--line); }
.faq-q {
  width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 24px; text-align: left;
  padding: 24px 0; font-size: clamp(1.05rem, 1.5vw, 1.35rem); font-weight: 600; transition: color 0.3s;
}
.faq-q:hover { color: var(--gold-lt); }
.faq-icon { position: relative; flex: none; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--line-2); transition: background 0.4s, border-color 0.4s, rotate 0.5s var(--ease); }
.faq-icon::before, .faq-icon::after { content: ''; position: absolute; left: 50%; top: 50%; width: 12px; height: 1.5px; background: currentColor; translate: -50% -50%; }
.faq-icon::after { rotate: 90deg; transition: rotate 0.4s var(--ease); }
.faq-q[aria-expanded='true'] .faq-icon { background: var(--gold); border-color: var(--gold); color: #0b0906; rotate: 180deg; }
.faq-q[aria-expanded='true'] .faq-icon::after { rotate: 0deg; }
.faq-a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.55s var(--ease); }
.faq-a > div { overflow: hidden; }
.faq-a p { padding: 0 60px 28px 0; color: rgba(245, 243, 238, 0.74); max-width: 62ch; opacity: 0; transform: translateY(-8px); transition: opacity 0.45s var(--ease), transform 0.5s var(--ease); }
.faq-item.is-open .faq-a { grid-template-rows: 1fr; }
.faq-item.is-open .faq-a p { opacity: 1; transform: none; transition-delay: 0.12s; }
@media (max-width: 900px) { .faq { grid-template-columns: 1fr; } .faq-head { position: static; } .faq-a p { padding-right: 0; } }

/* ================= Testimonials ================= */
.reviews { padding-top: clamp(80px, 12vh, 140px); padding-bottom: clamp(80px, 12vh, 140px); border-top: 1px solid var(--line); }
.reviews .label { margin-bottom: 20px; }
.review-stage { margin-top: clamp(40px, 7vh, 80px); }
.review-track { position: relative; overflow: hidden; }
.review { display: grid; gap: 28px; }
.review blockquote { margin: 0; font-family: var(--f-serif); font-size: clamp(1.8rem, 3.8vw, 3.8rem); line-height: 1.08; letter-spacing: -0.01em; max-width: 24ch; }
.review blockquote::before { content: '“'; color: var(--gold); }
.review blockquote::after { content: '”'; color: var(--gold); }
.review figcaption { font-size: 0.8rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); }
.review figcaption b { color: var(--text); }
.review-nav { display: flex; gap: 10px; margin-top: 40px; align-items: center; }
.review-nav button { width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--line-2); transition: border-color 0.3s, color 0.3s; }
.review-nav button:hover { border-color: var(--gold); color: var(--gold); }
.review-count { margin-left: 12px; font-size: 0.75rem; letter-spacing: 0.2em; color: var(--muted); }
.review-empty { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 32px; align-items: end; padding: clamp(28px, 4vw, 56px); border: 1px dashed rgba(201, 164, 106, 0.35); border-radius: var(--r-lg); }
.review-empty p:first-child { font-family: var(--f-serif); font-size: clamp(1.8rem, 3.4vw, 3.2rem); line-height: 1.08; }
.review-empty p:last-child { color: var(--muted); }
@media (max-width: 760px) { .review-empty { grid-template-columns: 1fr; } }

/* ================= Why us ================= */
.why { padding-top: clamp(100px, 16vh, 180px); padding-bottom: clamp(100px, 16vh, 180px); }
.strike { position: relative; color: var(--muted); }
.strike::after { content: ''; position: absolute; left: -2%; right: -2%; top: 52%; height: 0.09em; background: var(--gold); transform: scaleX(0); transform-origin: left; transition: transform 0.9s 0.5s var(--ease); }
.is-in .strike::after, .no-motion .strike::after { transform: scaleX(1); }
.why-intro { margin-top: 26px; font-family: var(--f-serif); font-style: italic; font-size: clamp(1.3rem, 2.2vw, 2rem); color: var(--gold-lt); }
.why-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: clamp(56px, 9vh, 110px); border-top: 1px solid var(--line); }
.why-list > div { padding: 28px 24px 0 0; }
.why-list dt { font-weight: 850; text-transform: uppercase; font-size: clamp(1.3rem, 2vw, 1.9rem); letter-spacing: -0.02em; font-variation-settings: 'wdth' 115; }
.why-list dd { margin-top: 10px; color: var(--muted); max-width: 24ch; }
@media (max-width: 900px) { .why-list { grid-template-columns: 1fr 1fr; row-gap: 32px; } }
@media (max-width: 520px) { .why-list { grid-template-columns: 1fr; } }

/* ================= The three things ================= */
.trio { max-width: var(--maxw); margin: 0 auto; padding: clamp(80px, 12vh, 140px) var(--gutter); border-top: 1px solid var(--line); }
.trio .label { margin-bottom: 20px; }
.trio .h2 { max-width: 20ch; }
.trio-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: clamp(40px, 7vh, 80px); background: var(--line); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; }
.trio-list li { background: #0d0d0d; padding: clamp(24px, 3vw, 38px); display: flex; flex-direction: column; gap: 10px; }
.trio-list .n { font-family: var(--f-serif); font-style: italic; color: var(--gold); }
.trio-list h3 { font-weight: 800; font-size: clamp(1.25rem, 2vw, 1.6rem); letter-spacing: -0.02em; }
.trio-list .k { color: var(--gold-lt); font-size: 0.9rem; }
.trio-list p:not(.k) { color: var(--muted); font-size: 0.92rem; line-height: 1.45; }
.trio-go { margin-top: auto; padding-top: 14px; font-size: 0.78rem; letter-spacing: 0.08em; color: var(--text); }
.trio-go:hover { color: var(--gold-lt); }
@media (max-width: 860px) { .trio-list { grid-template-columns: 1fr; } }