/* Local visual trial. Remove this stylesheet link to restore the accepted styling.
   Scoped to About, Services, Pricing, Contact, and Privacy. Homepage is excluded. */
.design-trial {
  --trial-navy: #172348;
  --trial-slate: #526176;
  --trial-teal: #17645f;
  --trial-mint: #edf7f4;
  --trial-purple: #49458a;
  --trial-lavender: #f1f0fa;
  --trial-line: #dce3eb;
  --trial-neutral: #f7f8fb;
}
.design-trial :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid #007f98;
  outline-offset: 4px;
}
.design-trial :is(.home-demo-link, .refinement-button, .btn-inquiry) {
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}
.design-trial.visual-refresh main .eyebrow-tag {
  display: inline-flex; align-items: center; gap: 10px;
  color: var(--trial-teal); font: 700 14px/1.5 Lato, sans-serif; letter-spacing: .06em;
}
.design-trial.visual-refresh main .eyebrow-tag::before {
  content: ''; position: static; display: block; flex: 0 0 8px;
  width: 8px; height: 8px; border-radius: 3px; background: #a8d9ce;
  box-shadow: none; transform: none;
}
/* Services: a clear route in, then photographs and honest workflow examples. */
.design-trial .product-detail-intro { padding-top: 56px; }
.design-trial .product-detail-intro > p { max-width: 57ch; }
.design-trial .product-jump-nav { gap: 12px; padding: 28px 0 40px; }
.design-trial .product-jump-nav a { border: 1px solid #d1e5df; border-radius: 12px; background: var(--trial-mint); padding: 12px 16px; color: var(--trial-teal); transition: border-color 180ms ease, background-color 180ms ease; }
.design-trial .product-jump-nav a:nth-child(2) { color: var(--trial-purple); background: var(--trial-lavender); border-color: #dcd9ee; }
.design-trial .product-jump-nav a:nth-child(3) { color: var(--trial-navy); background: var(--trial-neutral); border-color: var(--trial-line); }
.design-trial .product-jump-nav a:hover { border-color: currentColor; text-decoration: none; }
.design-trial .product-detail { --service-ink: var(--trial-teal); --service-tint: var(--trial-mint); padding-block: 56px; align-items: center; }
.design-trial #iris { --service-ink: var(--trial-purple); --service-tint: var(--trial-lavender); }
.design-trial #bridget { --service-ink: var(--trial-navy); --service-tint: #f0f3f8; }
.design-trial .product-detail-heading .service-number { display: inline-flex; color: var(--service-ink); background: var(--service-tint); padding: 7px 12px; border-radius: 8px 8px 8px 2px; letter-spacing: .04em; }
.design-trial .product-detail-media { padding: 12px; border-radius: 20px; background: var(--service-tint); }
.design-trial .product-detail-media > .refresh-picture img { aspect-ratio: 3/2; }
.design-trial .product-detail-media > .refresh-picture { border-radius: 12px; }
.design-trial .product-benefit-list li { padding-left: 20px; position: relative; }
.design-trial .product-benefit-list li::before { content: ''; position: absolute; left: 0; top: 11px; width: 6px; height: 6px; border-radius: 2px; background: var(--service-ink); }
.design-trial .product-detail > .product-workflow { padding: 28px; background: var(--service-tint); border: 1px solid var(--trial-line); border-radius: 16px; }
.design-trial .product-details-page .product-workflow h3 { color: var(--trial-navy); }
.design-trial .product-workflow :is(p,li),
.design-trial .product-detail--supporting .product-workflow :is(p,li) { color: var(--trial-slate); }
.design-trial .product-workflow .product-example-label,
.design-trial .product-workflow .product-example-note { color: var(--service-ink); }
.design-trial .product-workflow ol { gap: 24px; margin-block: 24px; }
.design-trial .product-workflow li { position: relative; align-items: center; padding: 0; border: 0; gap: 12px; }
.design-trial .product-workflow li::before { display: grid; place-items: center; flex: 0 0 38px; height: 38px; border-radius: 12px 12px 12px 3px; color: var(--service-ink); background: #fff; font-size: 14px; border: 1px solid var(--trial-line); }
.design-trial .product-agent-roles { padding-inline: 16px; background: var(--service-tint); border: 1px solid #dcd9ee; border-radius: 12px; }
.design-trial .product-agent-roles summary { color: var(--service-ink); }
.design-trial .product-agent-roles dt { display: flex; align-items: center; gap: 12px; }
.design-trial .product-agent-roles dd { margin-left: 36px; }

/* About and Contact: the same colors used as quiet supporting surfaces. */
.design-trial .about-image--story { padding: 12px; background: var(--trial-lavender); border-radius: 20px; }
/* Calm the seaside photo's sunlit highlights and vivid tropical colors. */
.design-trial .refresh-picture--seaside img { filter: brightness(.90) saturate(.82); }
.design-trial main .trusted-clients-section { background: var(--trial-neutral); padding-top: 56px; }
.design-trial .trusted-client-list li { border-color: #dce3eb; }
.design-trial .about-reviews-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 48px; align-items: center; }
.design-trial .about-reviews-heading h2 { margin: 18px 0 0; }
.design-trial .about-reviews-empty { display: flex; gap: 20px; align-items: flex-start; border-left: 1px solid var(--trial-line); padding: 24px 0 24px 40px; }
.design-trial .reviews-icon { width: 28px; height: 28px; flex: 0 0 28px; fill: none; stroke: var(--trial-teal); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.design-trial .about-reviews-empty p { margin: 0; color: var(--trial-slate); }
.design-trial .about-reviews-empty .about-reviews-empty-title { color: var(--trial-navy); font-weight: 700; margin-bottom: 8px; }
.design-trial #contact .contact-form-dark { background: #fff; border: 1px solid #d1e5df; border-top: 4px solid var(--trial-teal); border-radius: 16px; box-shadow: 0 8px 32px #17234808; }
.design-trial #contact .form-panel-header { border-bottom: 1px solid #d1e5df; }
.design-trial #contact .form-section legend { color: var(--trial-teal); }
.design-trial #contact .contact-next { padding: 20px; background: var(--trial-lavender); border: 1px solid #dcd9ee; border-radius: 16px; }
.design-trial #contact .contact-next h2 { display: flex; align-items: center; gap: 12px; }
.design-trial .contact-idea-icon { width: 24px; height: 24px; flex: 0 0 24px; fill: #fff0cd; stroke: #996b18; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.design-trial #contact .contact-direct a { text-decoration: underline; text-underline-offset: 4px; }
.design-trial #contact :is(input,select,textarea):hover { border-color: #8eaba9; }

/* Monthly inclusion icons share a quiet, monochrome line treatment. */
.design-trial .responsibility-item strong { display: flex; align-items: center; gap: 12px; }
.design-trial :is(.inclusion-icon, .agent-role-icon) { width: 24px; height: 24px; flex: 0 0 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.design-trial .responsibility-item p { margin-left: 36px; }

/* Subscription panels respond equally to pointer hover and their native disclosure focus. */
.design-trial .pricing-plan { --package-tint: #f0f3f8; transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.design-trial .pricing-plan--trial { --package-tint: #fcf6eb; }
.design-trial .pricing-plan--starter { --package-tint: #edf7f4; }
.design-trial .pricing-plan--growth { --package-tint: #f1f0fa; }
.design-trial .pricing-plan:focus-within { background: var(--package-tint); border-color: var(--package-ink); box-shadow: inset 0 -3px 0 var(--package-ink); }
@media (hover: hover) and (pointer: fine) {
  .design-trial .pricing-plan:hover { background: var(--package-tint); border-color: var(--package-ink); box-shadow: inset 0 -3px 0 var(--package-ink); }
}

@media (max-width: 760px) {
  .design-trial .about-reviews-layout { grid-template-columns: 1fr; gap: 24px; }
  .design-trial .about-reviews-empty { border-left: 0; border-top: 1px solid var(--trial-line); padding: 24px 0 0; gap: 16px; }
  .design-trial .product-detail-intro { padding-top: 32px; }
  .design-trial .product-jump-nav { display: grid; grid-template-columns: 1fr; padding-bottom: 28px; }
  .design-trial .product-jump-nav a { width: 100%; }
  .design-trial .product-jump-nav a span:last-child { display: inline; margin-left: auto; }
  .design-trial .product-detail { padding-block: 40px; }
  .design-trial .product-detail-media { padding: 8px; border-radius: 16px; }
  .design-trial .product-detail > .product-workflow { padding: 20px; }
  .design-trial .product-workflow ol { grid-template-columns: 1fr; gap: 20px; }
  .design-trial .product-workflow li { padding: 0; border: 0; }
  .design-trial main .trusted-clients-section { padding-top: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  .design-trial :is(.product-jump-nav a,.home-demo-link,.refinement-button,.btn-inquiry,.pricing-plan) { transition: none; }
}