/* Targeted second-pass refinements. The established JobWorth design remains intact. */
:root { --paper: #fff; }
.brand img {
  width: 58px;
  height: 58px;
  padding: 2px;
  border-radius: 5px;
  object-fit: contain;
  object-position: center;
  background: #050505;
}

.footer-brand .brand img {
  width: 76px;
  height: 76px;
}

.principle img {
  width: 90px;
  height: 90px;
  padding: 3px;
  border-radius: 6px;
  object-fit: contain;
  background: #050505;
}

.philosophy .crest img {
  border-radius: 0;
  object-fit: contain;
}

.cost-chips {
  inset: 50% auto auto 50%;
  width: 470px;
  height: 535px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  overflow: hidden;
}

.cost-chips i {
  position: absolute;
  top: 0;
  left: 0;
  width: max-content;
  offset-path: path("M 110 25 H 360 A 55 55 0 0 1 415 80 V 455 A 55 55 0 0 1 360 510 H 110 A 55 55 0 0 1 55 455 V 80 A 55 55 0 0 1 110 25 Z");
  offset-anchor: center;
  offset-rotate: 0deg;
  animation: cost-orbit 25s linear infinite;
}

.cost-chips i:nth-child(2) { animation-delay: -4.1667s; }
.cost-chips i:nth-child(3) { animation-delay: -8.3333s; }
.cost-chips i:nth-child(4) { animation-delay: -12.5s; }
.cost-chips i:nth-child(5) { animation-delay: -16.6667s; }
.cost-chips i:nth-child(6) { animation-delay: -20.8333s; }

.cost-chips i span {
  position: static;
  display: block;
  transform: none;
  white-space: nowrap;
  font-style: normal;
}

@keyframes cost-orbit { to { offset-distance: 100%; } }

html, body, main { background: #fff; }
.site-header { background: #fff; }
.hero {
  background: #fff;
  min-height: 640px;
  padding-top: 2rem;
  padding-bottom: 2rem;
  grid-template-columns: minmax(0,1.08fr) minmax(470px,.92fr);
  gap: 2rem;
}
.hero-visual { min-height: 550px; overflow: hidden; }
.phone-hero { width: 154px; transform: translate(12px, -7px) rotate(1.5deg); }
.gold-orbit { width: 250px; height: 365px; }

.gold-orbit {
  background: transparent;
  box-shadow: none;
  border-color: rgba(198,147,34,.24);
}

.gold-orbit::before,
.gold-orbit::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(198,147,34,.15);
  border-radius: 50%;
  pointer-events: none;
}

.gold-orbit::before { inset: -38px; }
.gold-orbit::after { inset: -76px; border-color: rgba(198,147,34,.09); }

.hero-visual::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(224,185,79,.07), transparent 67%);
  pointer-events: none;
}

.site-header,
.hero,
#how-it-works,
#who-its-for,
.value-example,
.help-preview,
.beta-form,
.about-section {
  background-color: #fff !important;
  background-image: none !important;
}

.price-highlight {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 2rem 5rem;
  align-items: center;
  padding: 4.5rem max(1.5rem, calc((100vw - 1160px) / 2));
  background: #f7f1e2;
  border: 0;
}

.price-highlight h2 {
  font-size: clamp(2rem, 3.4vw, 3.15rem);
}

.price-highlight p {
  color: #5d584d;
}

.invoice-flow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.invoice-flow li {
  min-height: 112px;
  padding: 1rem;
  border: 1px solid #d4bd7e;
  border-radius: 14px;
  background: #fff;
  font-weight: 700;
  line-height: 1.35;
  box-shadow: 0 10px 24px rgba(80,61,17,.08);
}

.invoice-flow span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  margin-bottom: 1.1rem;
  border-radius: 50%;
  background: #171612;
  color: #e0b94f;
  font-size: 0.78rem;
}

.availability-note {
  grid-column: 1 / -1;
  margin: 0;
  padding: 0.9rem 1rem;
  border-left: 3px solid #c69322;
  background: rgba(255,255,255,.72);
  font-size: 0.92rem;
}

.workflow-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem;
  margin: 2rem 0;
}

.workflow-line span {
  padding: 0.45rem 0.7rem;
  border: 1px solid #d5c69e;
  border-radius: 999px;
  background: #f7f4ec;
  color: #3f3a30;
  font-size: 0.86rem;
  font-weight: 700;
}

.workflow-line b {
  color: #9a7218;
}

.industry-grid article,
.industry-grid .industry-featured {
  grid-column: auto;
  min-height: 190px;
  height: 100%;
  padding: 1.4rem;
  background: #151410;
  color: #fff;
}

.industry-grid article p,
.industry-grid .industry-featured p {
  color: #cbc6b9;
  margin-bottom: 0;
}

.soft-section { background: #f6f0df; }
.feature-grid article { background: #fff; }

.value-example {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 5rem;
  align-items: center;
  background: #fff;
  border: 0;
}

.value-example > div:first-child { max-width: 520px; }
.value-maths {
  padding: 2rem 2.2rem;
  border: 1px solid #d8c895;
  border-left: 5px solid var(--gold);
  border-radius: 16px;
  background: #11110f;
  color: #fff;
  box-shadow: 0 18px 45px rgba(20,18,12,.12);
}
.value-maths span,
.value-maths small { display: block; }
.value-maths span { margin-bottom: 1rem; color: #dcb448; font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.value-maths strong { display: block; font: 700 clamp(1.55rem,2.6vw,2.35rem)/1.2 Manrope,sans-serif; }
.value-maths b { display: block; margin-top: .8rem; color: #e3bd55; font-size: 1.1rem; }
.value-maths small { margin-top: 1.3rem; color: #bbb7ad; line-height: 1.5; }

.setup-section .section-intro { max-width: 880px; }
.principle { max-width: 900px; }
.principle strong { display: block; white-space: nowrap; }
.setup-section { background: #f7f1e2; border: 0; }
.setup-heading span,
.setup-heading small { display: block; }
.setup-heading small { margin-top: .35rem; font-size: .76em; line-height: 1.2; }
.setup-heading small { white-space: nowrap; }
.setup-grid div {
  padding: 1.25rem 1.15rem;
  border-color: rgba(86,69,30,.26);
  background: #fff;
  box-shadow: 0 10px 24px rgba(72,58,24,.08);
  font-weight: 700;
}

.inline-help {
  max-width: 900px;
  margin: 2rem auto 0;
  padding: 1.25rem 1.4rem;
  border: 1px solid #cfba81;
  border-left: 3px solid var(--gold);
  border-radius: 12px;
  background: #fffdf8;
  box-shadow: 0 12px 28px rgba(72,58,24,.07);
}
.inline-help p { margin: .35rem 0 0; color: var(--muted); }

.principle-logo-slot {
  min-height: 340px;
  padding: 1rem;
}
.principle-logo-slot img { width: min(330px,100%); height: auto; object-fit: contain; }

.beta-section {
  align-items: start;
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
  background: #f4e8c9;
  color: #171612;
  border: 0;
}

.beta-copy { position: static; }
.beta-copy .kicker { color: #856410; }
.beta-copy h3 { margin-top: 2rem; font-size: 1.25rem; }
.beta-note {
  border-color: #c8b888;
  background: #faf8f2;
}
.beta-form {
  background: #fff;
  border: 1px solid #caae63;
  box-shadow: 0 24px 58px rgba(51,43,25,.17);
}

.help-preview { background: #fff; }
.help-group,
.support-card { background: #fff; }

.button,
.button.button-outline {
  border-color: #171612;
  background: #d5a72f;
  color: #11110f;
  box-shadow: 0 4px 0 #171612;
}
.button:hover,
.button.button-outline:hover {
  border-color: var(--gold);
  background: #151410;
  color: #e0b94f;
  box-shadow: 0 6px 0 #b9871d;
}

.section-pad { padding-top: 5.25rem; padding-bottom: 5.25rem; }
.section-intro { margin-bottom: 2.5rem; }
.step-summary { margin: .6rem 0 0; color: #82600f; font-weight: 800; letter-spacing: .04em; }
.steps { gap: 1rem; border: 0; }
.steps article {
  min-height: 220px;
  padding: 1.6rem;
  border: 1px solid #dfdbd0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(31,27,18,.06);
}
.steps article:last-child { border-right: 1px solid #dfdbd0; }
.steps h3 { margin-top: .75rem; }
.steps p { margin-bottom: 0; }
.step-number { font-size: .82rem; letter-spacing: .08em; }
.phone-row { margin-top: 3rem; }
.feature-grid article { min-height: 0; padding: 1.25rem 1.35rem; border-radius: 14px; }
.feature-grid h3 { margin-bottom: .45rem; }
.feature-grid p { margin: 0; line-height: 1.5; }
.setup-grid { gap: .75rem; }
.setup-grid div { padding: .9rem 1rem; }
.principle { margin-bottom: 2rem; padding: 1.1rem 1.4rem; }
.principle img { width: 68px; height: 68px; }
.about-section {
  grid-template-columns: .8fr 1.05fr .75fr;
  gap: 3.5rem;
  align-items: center;
  background: #fff;
}
.about-copy { font-size: 1rem !important; }
.quote-breakdown {
  padding: 2rem 1.8rem;
  border: 2px solid #cba64a;
  border-radius: 18px;
  background: #fff;
  text-align: center;
  box-shadow: 0 22px 48px rgba(31,27,18,.13);
}
.quote-breakdown > strong { font-family: Manrope,sans-serif; font-size: 1.08rem; }
.quote-breakdown > span { display: block; margin: .7rem 0; color: #9a7218; font-size: 1.65rem; line-height: 1; font-weight: 800; }
.quote-breakdown div { padding: 1.1rem .9rem; border-radius: 11px; background: #171612; color: #fff; box-shadow: inset 0 0 0 1px rgba(224,185,79,.34); }
.quote-breakdown div b { color: #e0b94f; font-size: 1.05rem; }
.quote-breakdown div small { display: block; margin-top: .35rem; color: #d4cdbd; line-height: 1.45; }
.quote-breakdown > small { display: block; margin-top: .8rem; color: var(--muted); font-size: .75rem; }

.help-accordion {
  border-top: 1px solid var(--line);
}

.help-accordion details {
  border-bottom: 1px solid var(--line);
}

.help-accordion summary {
  position: relative;
  padding: 1.15rem 2.4rem 1.15rem 0.4rem;
  cursor: pointer;
  list-style: none;
  font-weight: 700;
}

.help-accordion summary::-webkit-details-marker { display: none; }
.help-accordion summary::after {
  content: "+";
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  color: #8f6a15;
  font-size: 1.35rem;
}

.help-accordion details[open] summary::after { content: "−"; }
.help-accordion summary:focus-visible { outline: 3px solid #e2b94e; outline-offset: 3px; }
.help-accordion details p { margin: -0.2rem 2rem 1.2rem 0.4rem; color: var(--muted); }

.help-page-groups {
  display: grid;
  gap: 2rem;
  margin-top: 3rem;
}

.help-group {
  padding: 1.5rem 1.8rem;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fffdfa;
}

.help-group h2 { margin-top: 0; }
.support-card .button { margin-top: 0.5rem; }

@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; padding-top: 3rem; }
  .hero-visual { min-height: 540px; }
  .price-highlight { grid-template-columns: 1fr; }
  .availability-note { grid-column: auto; }
  .industry-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .value-example { grid-template-columns: 1fr; gap: 2.5rem; }
  .about-section { grid-template-columns: 1fr; gap: 2rem; }
  .quote-breakdown { max-width: 440px; width: 100%; margin: 0 auto; }
}

@media (max-width: 600px) {
  .brand img { width: 52px; height: 52px; }
  .brand span { display: none; }
  .footer-brand .brand img { width: 70px; height: 70px; }
  .hero { min-height: auto; }
  .hero { padding-top: 2.5rem; }
  .hero-visual { min-height: 540px; padding-bottom: 90px; overflow: hidden; }
  .phone-hero { width: 154px; transform: translate(7px, -4px) rotate(1.5deg); }
  .price-highlight { padding: 3.5rem 1.25rem; }
  .invoice-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .invoice-flow li { min-height: 100px; }
  .industry-grid { grid-template-columns: 1fr; }
  .industry-grid article { min-height: 0; height: auto; }
  .gold-orbit { width: 220px; height: 330px; }
  .gold-orbit::before { inset: -30px; }
  .gold-orbit::after { inset: -58px; }
  .cost-chips {
    top: 50%;
    bottom: auto;
    left: 50%;
    width: min(100%, 360px);
    height: 450px;
    transform: translate(-50%, -50%);
    display: block;
  }
  .cost-chips i { position: absolute; offset-path: none; animation: none; }
  .cost-chips i:nth-child(1) { top: 4%; left: 15%; }
  .cost-chips i:nth-child(2) { top: 6%; right: 14%; }
  .cost-chips i:nth-child(3) { top: 45%; right: 1%; }
  .cost-chips i:nth-child(4) { bottom: 5%; right: 10%; }
  .cost-chips i:nth-child(5) { bottom: 5%; left: 8%; }
  .cost-chips i:nth-child(6) { top: 45%; left: 0; }
  .cost-chips i span { transform: none; font-size: 0.68rem; padding: 0.42rem 0.58rem; }
  .principle strong { white-space: normal; }
  .setup-heading small { white-space: normal; }
  .value-maths { padding: 1.5rem; }
  .help-group { padding: 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  .cost-chips i { animation: none; offset-path: none; }
  .cost-chips { display: block; }
  .cost-chips i { position: absolute; }
  .cost-chips i:nth-child(1) { top: 4%; left: 15%; }
  .cost-chips i:nth-child(2) { top: 6%; right: 14%; }
  .cost-chips i:nth-child(3) { top: 45%; right: 1%; }
  .cost-chips i:nth-child(4) { bottom: 5%; right: 10%; }
  .cost-chips i:nth-child(5) { bottom: 5%; left: 8%; }
  .cost-chips i:nth-child(6) { top: 45%; left: 0; }
  .cost-chips i span { transform: none; }
}