/* ShopUfa public pages: a calm, readable studio identity. */
html.corp {
  --studio-ink: #18282d;
  --studio-muted: #4c6064;
  --studio-green: #087d70;
  --studio-green-dark: #07675d;
  --studio-line: #dce6e3;
  --studio-paper: #f6f9f8;
  --clr-blue: #087d70;
  --clr-blue-dark: #07675d;
  --clr-text-main: #18282d;
  --clr-text-secondary: #405459;
  --clr-text-muted: #607277;
  --clr-border: #dce6e3;
  --font-display: system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: system-ui, -apple-system, 'Segoe UI', sans-serif;
}

html.corp body {
  background: var(--studio-paper);
  background-image: none;
  color: var(--studio-ink);
  line-height: 1.65;
}

html.corp #bg-canvas { display: none; }
html.corp .container { max-width: 1180px; }
html.corp :focus-visible { outline: 3px solid #0e8e80; outline-offset: 3px; }

html.corp .site-header {
  background: rgba(255, 255, 255, .97);
  border-bottom: 1px solid var(--studio-line);
  box-shadow: none;
}
html.corp .nav-links a { color: var(--studio-ink); }
html.corp .nav-links a:hover,
html.corp .nav-links a[aria-current="page"] { color: var(--studio-green); }

html.corp .btn {
  border-radius: 12px;
  font-weight: 700;
  box-shadow: none;
}
html.corp .btn-primary,
html.corp .cluster-btn.active { background: var(--studio-green); border-color: var(--studio-green); color: #fff; }
html.corp .btn-primary:hover { background: var(--studio-green-dark); border-color: var(--studio-green-dark); }
html.corp .btn-secondary { border-color: var(--studio-line); color: var(--studio-ink); background: #fff; }
html.corp a { text-underline-offset: .18em; }

html.corp .hero-section {
  background: linear-gradient(130deg, #eaf4f0 0%, #f9fbf9 64%, #eff4f3 100%);
  border-bottom: 1px solid var(--studio-line);
  padding-top: clamp(100px, 11vw, 150px);
  padding-bottom: clamp(56px, 8vw, 100px);
}
html.corp .hero-grid { gap: clamp(30px, 5vw, 80px); align-items: center; }
html.corp .hero-title {
  color: var(--studio-ink);
  font-size: clamp(2.5rem, 4.5vw, 4.5rem);
  line-height: 1.08;
  letter-spacing: -.055em;
  max-width: 16ch;
}
html.corp .hero-description {
  color: var(--studio-muted);
  font-size: clamp(1.05rem, 1.5vw, 1.2rem);
  line-height: 1.7;
  max-width: 58ch;
}
html.corp .hero-tag,
html.corp .section-subtitle {
  color: var(--studio-green);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
}
html.corp .hero-tag { background: transparent; border: 0; padding: 0; }
html.corp .hero-shot {
  background: #fff;
  border: 1px solid var(--studio-line);
  border-radius: 22px;
  padding: 12px;
  box-shadow: 0 24px 50px rgba(19, 54, 51, .09);
}
html.corp .hero-shot img { border-radius: 14px; }
html.corp .hero-shot figcaption { color: var(--studio-muted); padding: 12px 8px 4px; }
html.corp .hero-cta-group { flex-wrap: wrap; }
html.corp .hero-text-link { color: var(--studio-green); font-weight: 700; }

html.corp .section,
html.corp .faq-section { padding-top: clamp(60px, 8vw, 108px); padding-bottom: clamp(60px, 8vw, 108px); }
html.corp .section-header { text-align: left; max-width: 720px; margin-left: 0; }
html.corp .section-title { color: var(--studio-ink); font-size: clamp(2rem, 3vw, 3rem); line-height: 1.15; letter-spacing: -.04em; }
html.corp .section-desc { color: var(--studio-muted); font-size: 1.08rem; line-height: 1.65; }

html.corp .svc-grid,
html.corp .example-grid { gap: 18px; }
html.corp .svc-card,
html.corp .example-card {
  background: #fff;
  border: 1px solid var(--studio-line);
  border-radius: 18px;
  box-shadow: 0 8px 22px rgba(20, 47, 46, .035);
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
html.corp .svc-card:hover,
html.corp .example-card:hover {
  border-color: #91c6bd;
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(20, 47, 46, .07);
}
html.corp .svc-card { padding: 26px; min-height: 215px; }
html.corp .svc-card h3,
html.corp .example-card h3 { color: var(--studio-ink); font-size: 1.16rem; line-height: 1.35; }
html.corp .svc-card p,
html.corp .example-card p { color: var(--studio-muted); font-size: .96rem; line-height: 1.6; }
html.corp .svc-meta,
html.corp .example-card-actions a { color: var(--studio-green) !important; }
html.corp .example-card { padding: 18px; gap: 14px; }
html.corp .example-card img { border-radius: 10px; }
html.corp .example-tag { background: #e7f3ef; color: var(--studio-green-dark); border-radius: 6px; }
html.corp .cluster-nav { justify-content: flex-start; max-width: none; margin-left: 0; }
html.corp .cluster-btn { border-color: var(--studio-line); }
html.corp .process-row > * { background: #fff; border: 1px solid var(--studio-line); border-radius: 16px; padding: 22px; }
html.corp .process-row h3 { color: var(--studio-ink); font-size: 1.03rem; }
html.corp .process-row p { color: var(--studio-muted); font-size: .94rem; }

html.corp .page-article {
  width: min(920px, calc(100% - 40px));
  max-width: 920px;
  padding: clamp(118px, 13vw, 160px) 0 100px;
  margin-left: auto;
  margin-right: auto;
}
html.corp .page-article h1,
html.corp .store-hero h1 { color: var(--studio-ink); font-size: clamp(2.3rem, 4vw, 3.7rem); line-height: 1.13; letter-spacing: -.045em; max-width: 20ch; }
html.corp .page-article h2 { color: var(--studio-ink); font-size: clamp(1.35rem, 2vw, 1.8rem); margin-top: 44px; }
html.corp .page-article p,
html.corp .page-article li { color: var(--studio-muted); font-size: 1.02rem; line-height: 1.75; }
html.corp .page-article .page-lead { font-size: 1.23rem; color: var(--studio-muted); max-width: 68ch; }
html.corp .page-article .svc-grid { margin-top: 22px; }
html.corp .page-article .svc-card { min-width: 0; overflow: hidden; }
html.corp .page-article .svc-card > a { display: block; width: 100%; min-width: 0; }
html.corp .page-article .svc-card img {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 160px;
  object-fit: cover;
  object-position: top center;
  border: 1px solid var(--studio-line);
  border-radius: 10px;
}
html.corp .page-article .svc-card p { font-size: .95rem; margin: 0; }
html.corp .page-article .price-note,
html.corp .page-article .service-note { font-size: .91rem; color: var(--studio-muted); }
html.corp .page-article .page-cta { margin-top: 42px; }
html.corp .service-callout {
  background: #e9f3f0;
  border-left: 4px solid var(--studio-green);
  border-radius: 0 14px 14px 0;
  padding: 20px 24px;
  margin: 34px 0;
}
html.corp .service-callout p { margin: 0; }

html.corp .faq-section { background: #eff6f3; border-top: 1px solid var(--studio-line); }
html.corp .faq-accordion { background: #fff; border-color: var(--studio-line); border-radius: 14px; padding: 20px 24px; }
html.corp .faq-accordion[open] { border-color: #84bfb4; }
html.corp .faq-accordion:hover { border-color: #84bfb4; box-shadow: none; }
html.corp .faq-accordion summary { font-family: var(--font-body); font-size: 1.03rem; }
html.corp .faq-content { border-color: var(--studio-line); font-size: .97rem; }
html.corp .contact-section { background: #f5f8f7; }
html.corp .contact-info-card,
html.corp .contact-form-card { background: #fff; border: 1px solid var(--studio-line); border-radius: 18px; box-shadow: none; }
html.corp #calc-total-days { display: none; }
html.corp .site-footer { background: #182e30; color: #e9f2f0; }
html.corp .site-footer .footer-copy { color: #d3e9e4; }
html.corp .site-footer a { color: #d3e9e4 !important; }
html.corp .footer-links { flex-wrap: wrap; }
html.corp .cookie-settings-link {
  padding: 0;
  color: #d3e9e4;
  font: inherit;
  background: transparent;
  border: 0;
  text-decoration: underline;
  text-underline-offset: .2em;
  cursor: pointer;
}

@media (max-width: 900px) {
  html.corp .hero-grid { grid-template-columns: 1fr; }
  html.corp .hero-title { max-width: 20ch; }
  html.corp .svc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  html.corp .hero-section { padding-top: 104px; }
  html.corp .hero-title { font-size: clamp(2.25rem, 10vw, 3rem); }
  html.corp .svc-grid,
  html.corp .example-grid,
  html.corp .process-row { grid-template-columns: 1fr; }
  html.corp .page-article { width: min(calc(100% - 32px), 920px); padding-bottom: 70px; }
  html.corp .faq-accordion { padding: 17px; }
  html.corp .cluster-btn { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  html.corp .svc-card,
  html.corp .example-card { transition: none; }
  html.corp .svc-card:hover,
  html.corp .example-card:hover { transform: none; }
}
/* Temporary visible marker requested for the payment provider's review. */
.payment-review-code { font-size: .76rem; color: var(--clr-text-muted); white-space: nowrap; }
.payment-docs-section { padding: 48px 0; border-top: 1px solid var(--clr-border); }
.payment-docs-section h2 { margin: 8px 0 10px; }
.payment-docs-section p { max-width: 760px; }
.payment-docs-links { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 14px; }
.payment-docs-links .btn { white-space: normal; text-align: center; }
.payment-docs-contact { font-size: .9rem; color: var(--clr-text-secondary); }
.intake-paused-notice { margin: 0; padding: 18px 20px; border-left: 4px solid var(--studio-green); border-radius: 0 12px 12px 0; background: #e9f3f0; color: var(--studio-ink); line-height: 1.6; }
#lead-form[data-intake-paused="true"] { display: none !important; }
.fixed-package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.fixed-package-card{min-width:0;padding:22px;border:1px solid #cbdcd7;border-radius:16px;background:#fff}.fixed-package-card h3{margin:4px 0 5px;font-size:1.12rem}.fixed-package-kind{font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#286d5c}.fixed-package-price{margin:0 0 12px;font-size:1.65rem;font-weight:800;color:#183e36}.fixed-package-card p:not(.fixed-package-price){margin:0 0 14px;font-size:.88rem}.fixed-package-card small{display:block;color:#536d66;line-height:1.5}.fixed-package-note{padding:14px 17px;border-left:3px solid #328675;border-radius:0 10px 10px 0;background:#e9f3f0;font-size:.88rem}@media(max-width:640px){.fixed-package-grid{grid-template-columns:1fr}}