/* Figma eRtvwdrIaaublxQxCg87xO, sections 3:8183–3:8629.
 * Preserve the existing menu views, DOM order, columns, responsive breakpoints,
 * disclosures, forms, navigation and real imagery while refining visual rhythm.
 * The user requested the original green/sky palette, so existing surface and
 * semantic colors are inherited rather than replaced by Figma's cobalt.
 */
/* Shared typography without changing page boundaries, original colors or
 * pulling the other menu views onto the home screen. */
body.site-refresh.figma-site-style :is(#about, #care, #process, #templates, #showcase, #faq, #channels) {
  border-color: var(--figma-line, #dce4df);
}
body.site-refresh.figma-site-style #work {
  border-color: var(--figma-line, #dce4df);
}
body.site-refresh.figma-site-style :is(#page-about, #page-care, #page-services, #page-templates, #page-work, #page-showcase, #page-faq, #page-contact, #channels) h2 {
  font-size: clamp(32px, 3.1vw, 44px);
  font-weight: 750;
  line-height: 1.3;
  letter-spacing: -.03em;
}
body.site-refresh.figma-site-style :is(#page-about, #page-care, #page-services, #page-templates, #page-work, #page-showcase, #page-faq, #channels) :is(h3, h4) {
  font-weight: 750;
  line-height: 1.4;
  letter-spacing: -.02em;
}
body.site-refresh.figma-site-style :is(#page-about, #page-care, #page-services, #page-templates, #page-work, #page-showcase, #page-faq, #channels) :is([class~="border-stone-200"], [class~="border-stone-300"], [class~="border-stone-500"]) {
  border-color: var(--figma-line, #dce4df);
}

/* Existing links and selection buttons keep their hrefs, handlers and target
 * sizes. Their corner treatment follows the reference. */
body.site-refresh.figma-site-style :is(#page-about, #page-care, #page-services, #page-templates, #page-work, #page-showcase, #page-faq, #channels) :is(a, button)[class~="bg-orange-700"] {
  border-color: var(--figma-accent, #456e25);
  border-radius: 6px;
  box-shadow: none;
  font-weight: 700;
}
body.site-refresh.figma-site-style :is(#page-about, #page-care, #page-services, #page-templates, #page-work, #page-showcase, #page-faq, #channels) :is(a, button)[class~="bg-orange-700"]:hover {
  border-color: var(--figma-accent, #456e25);
}
body.site-refresh.figma-site-style :is(#page-about, #page-care, #page-services, #page-templates, #page-work, #page-showcase, #page-faq, #page-contact, #channels) :is(a, button, summary):focus-visible {
  outline: 2px solid var(--figma-accent, #456e25);
  outline-offset: 4px;
  box-shadow: none;
}
body.site-refresh.figma-site-style #about .inner-actions > a + a {
  border-color: var(--figma-line, #dce4df);
  border-radius: 6px;
}
body.site-refresh.figma-site-style #about .inner-actions > a + a:hover {
  border-color: var(--figma-accent, #456e25);
}

/* Introduction: retain the existing lead and four strengths in their slots. */
body.site-refresh.figma-site-style #about > div:first-child > div + div > p:first-of-type {
  font-size: 18px;
  line-height: 1.65;
}
body.site-refresh.figma-site-style #about .about-price-note {
  border-color: var(--figma-accent, #456e25);
  line-height: 1.65;
}
body.site-refresh.figma-site-style #strengths article {
  border: 1px solid var(--figma-line, #dce4df);
  border-radius: 12px;
  box-shadow: none;
}
body.site-refresh.figma-site-style #strengths article > p {
  line-height: 1.65;
}

/* Repair: preserve the responsive table and its original light inquiry panel. */
body.site-refresh.figma-site-style #care .care-table {
  border-color: var(--figma-line, #dce4df);
  border-radius: 12px;
  box-shadow: none;
}
body.site-refresh.figma-site-style #care .care-table :is(th, td) {
  line-height: 1.65;
}
body.site-refresh.figma-site-style #care .care-inquiry {
  border-radius: 12px;
  box-shadow: none;
}
body.site-refresh.figma-site-style #care .care-inquiry h3 {
  font-size: 26px;
}
body.site-refresh.figma-site-style #care .care-inquiry p {
  line-height: 1.65;
}
body.site-refresh.figma-site-style #care .care-inquiry a {
  border-radius: 6px;
}

/* Process: keep the four stages, benefit list and their original brand colors. */
body.site-refresh.figma-site-style #process-steps > li {
  border-color: var(--figma-line, #dce4df);
  border-top-width: 1px;
}
body.site-refresh.figma-site-style #process-steps > li > p:first-child {
  font-size: 14px;
}
body.site-refresh.figma-site-style #process-steps h3 {
  font-size: 22px;
}
body.site-refresh.figma-site-style #process-steps > li > p:last-child {
  font-size: 16px;
  line-height: 1.65;
}
body.site-refresh.figma-site-style .service-owner > div {
  border-color: var(--figma-line, #dce4df);
  border-radius: 12px;
  box-shadow: none;
}
body.site-refresh.figma-site-style #direct-benefits > li {
  border-color: var(--figma-line, #dce4df);
  border-radius: 6px;
}
body.site-refresh.figma-site-style .service-inquiry > div {
  border-color: var(--figma-line, #dce4df);
  border-radius: 12px;
  box-shadow: none;
}

/* Templates and cases retain all existing images, preview iframes, links and
 * first-case emphasis. Only their frame corners and typography follow the reference. */
body.site-refresh.figma-site-style #templates-grid {
  border-color: var(--figma-line, #dce4df);
  border-radius: 12px;
}
body.site-refresh.figma-site-style #templates-grid > article {
  box-shadow: none;
}
body.site-refresh.figma-site-style #templates-grid > article:hover {
  box-shadow: inset 0 0 0 1px var(--figma-accent, #456e25);
}
body.site-refresh.figma-site-style #templates-grid [data-choose],
body.site-refresh.figma-site-style #templates-grid a[class~="border"] {
  border-radius: 6px;
}
body.site-refresh.figma-site-style #templates-grid a[class~="border"]:hover {
  border-color: var(--figma-accent, #456e25);
}
body.site-refresh.figma-site-style #templates-grid [data-choose]:focus-visible {
  outline-offset: 2px;
}
body.site-refresh.figma-site-style #work :is(article, [class~="rounded-2xl"], [class~="rounded-3xl"]),
body.site-refresh.figma-site-style #showcase :is(article, [class~="rounded-2xl"], [class~="rounded-3xl"]) {
  border-color: var(--figma-line, #dce4df);
  border-radius: 12px;
  box-shadow: none;
}
body.site-refresh.figma-site-style #work-list article:hover,
body.site-refresh.figma-site-style #work .work-service-grid > article:hover,
body.site-refresh.figma-site-style #work .work-experience-grid > article:hover {
  box-shadow: none;
}
body.site-refresh.figma-site-style #work-list article > a,
body.site-refresh.figma-site-style #work .work-service-grid > article > a {
  border-color: var(--figma-line, #dce4df);
}
body.site-refresh.figma-site-style #work-list h3 {
  font-size: clamp(20px, 1.6vw, 24px);
}
body.site-refresh.figma-site-style #work .work-section-heading h3 {
  font-size: clamp(26px, 2.3vw, 32px);
  line-height: 1.3;
}
body.site-refresh.figma-site-style #showcase > div > div[class~="border"],
body.site-refresh.figma-site-style #showcase > div > div > article {
  border-color: var(--figma-line, #dce4df);
}

/* FAQ deliberately remains a single existing column. Native details and their
 * open state remain untouched; no answer is inserted, removed or forced open. */
body.site-refresh.figma-site-style #faq-list {
  border-color: var(--figma-line, #dce4df);
}
body.site-refresh.figma-site-style #faq-list > details {
  border-color: var(--figma-line, #dce4df);
}
body.site-refresh.figma-site-style #faq-list summary {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.65;
}
body.site-refresh.figma-site-style #faq-list details > p {
  font-size: 16px;
  line-height: 1.65;
}

/* Contact preserves the original leaf panel, white cards and both telephone
 * links. No contact palette or brand mark is recolored. */
body.site-refresh.figma-site-style #contact > div:first-child {
  border-color: var(--figma-line, #dce4df);
  border-radius: 12px;
  box-shadow: none;
}
body.site-refresh.figma-site-style #contact .relative > .mt-16 > p {
  line-height: 1.65;
}
/* Supporting panels should not compete with the page's 44px main heading.
 * This follows the reference's main-title/card-title hierarchy without moving
 * any stage, service, case or contact item to a different slot.
 */
body.site-refresh.figma-site-style #page-services :is(.service-owner, .service-inquiry) h2,
body.site-refresh.figma-site-style #showcase h3[class~="text-3xl"] {
  font-size: clamp(24px, 2.3vw, 32px);
  line-height: 1.35;
}
body.site-refresh.figma-site-style #contact .contact-options {
  margin-top: 32px;
}
body.site-refresh.figma-site-style #contact .contact-options > :is(a, .contact-phone) {
  border-radius: 6px;
  box-shadow: none;
}
body.site-refresh.figma-site-style #contact .contact-options > a:hover {
  box-shadow: none;
}

/* Home channel order, logos and supporting three-column explanation stay in
 * place while their cards share the reference's neutral surface vocabulary. */
body.site-refresh.figma-site-style #channels > div > .grid > div {
  border-color: var(--figma-line, #dce4df);
  border-radius: 12px;
  box-shadow: none;
}
body.site-refresh.figma-site-style #channels dl > div {
  border-color: var(--figma-line, #dce4df);
}
body.site-refresh.figma-site-style #channels :is(p, dd) {
  line-height: 1.65;
}

@media (max-width: 767px) {
  body.site-refresh.figma-site-style :is(#page-about, #page-care, #page-services, #page-templates, #page-work, #page-showcase, #page-faq, #page-contact, #channels) h2 {
    font-size: clamp(27px, 7.2vw, 32px);
    line-height: 1.35;
  }
  body.site-refresh.figma-site-style #about > div:first-child > div + div > p:first-of-type {
    font-size: 16px;
  }
  body.site-refresh.figma-site-style #process-steps h3 {
    font-size: 20px;
  }
  body.site-refresh.figma-site-style #care .care-inquiry h3 {
    font-size: 23px;
  }
  body.site-refresh.figma-site-style #faq-list summary {
    font-size: 16px;
  }
}