/*
 * Fonado public website: existing-brand refinement, 9 November 2026.
 * Unslop method by Damir Sokolovsky (@heydamir), CC BY 4.0.
 * https://heydamir.design/unslop
 * Scope deliberately excludes the customer application and administration.
 */
@media screen {
  /* 1. Spacing — one rhythm, with generous space between content groups. */
  body.fonado-public-refined {
    --space-section: 64px;
    --space-card: 24px;
    --space-group: 32px;
    --control-height: 48px;
  }
  body.fonado-public-refined :is(.home-features,.home-apps,.home-compact-faq,.home-more,.home-assistants) { padding-block: var(--space-section); }
  body.fonado-public-refined :is(.home-start,.signup-section,.setup-band) { padding-block: 80px; }
  body.fonado-public-refined :is(.contact,.home-team,.blog-home) { padding-block: var(--space-section); }
  body.fonado-public-refined :is(.rates-section,.team-directory,.locations-directory) { padding-block: var(--space-section); }
  body.fonado-public-refined :is(.rates-hero,.team-hero,.locations-hero,.blog-heading,.inquiry-heading,.legal-heading,.agb-hero) { padding-block: 48px 64px; }
  body.fonado-public-refined .apps-heading { padding-block: 48px; }
  body.fonado-public-refined :is(.home-section-heading,.rates-heading,.team-directory-heading,.locations-directory-heading) { gap: 32px; margin-bottom: 32px; }
  body.fonado-public-refined :is(.home-features .feature-grid,.home-assistants .ha-layout,.home-apps,.home-start-layout,.home-compact-faq,.home-more) { gap: 40px; }
  body.fonado-public-refined :is(.home-assistants .ha-benefits,.home-apps-platforms,.channel-grid,.domestic-grid,.blog-grid,.legal-grid,.inquiry-field-row) { gap: 24px; }
  body.fonado-public-refined :is(.platform-card-head,.platform-card-copy,.platform-compact,.ha-card,.channel-card,.legal-card,.inquiry-form-card) { padding: var(--space-card); }
  body.fonado-public-refined :is(.business-card,.domestic-card,.home-start-price,.ha-workflow,.inquiry-next,.locations-note) { padding: 32px; }
  body.fonado-public-refined .home-features article { padding-top: 24px; }
  body.fonado-public-refined .home-start-steps { gap: 24px; margin-bottom: 32px; }
  body.fonado-public-refined .home-start-steps li { grid-template-columns: 32px minmax(0,1fr); gap: 16px; }
  body.fonado-public-refined .home-start-steps li>span { width: 32px; height: 32px; }
  body.fonado-public-refined .home-assistants .ha-handoff { padding-top: 20px; gap: 12px; }
  body.fonado-public-refined .home-assistants .ha-footer { gap: 24px; margin-top: 32px; }
  body.fonado-public-refined .home-hero-actions { gap: 16px 24px; }
  body.fonado-public-refined .home-beta-note { margin-top: 24px; }
  body.fonado-public-refined .home-start-note { padding-top: 16px; margin-top: 24px; }
  body.fonado-public-refined :is(.home-more-links,.team-grid) { gap: 40px 24px; }
  body.fonado-public-refined .team-member-copy { padding-top: 20px; }
  body.fonado-public-refined .locations-grid { gap: 24px; }
  body.fonado-public-refined .location-card-copy { padding: 24px; }
  body.fonado-public-refined .location-card-actions { padding: 20px 24px 24px; }
  body.fonado-public-refined .location-plan>span { padding: 16px 24px; }
  body.fonado-public-refined :is(.team-closing,.locations-visit,.blog-cta,.legal-bank) { padding: 32px; gap: 32px; }
  body.fonado-public-refined .card-copy { padding: 32px; }
  body.fonado-public-refined .blog-featured .card-copy { padding: 40px; }
  body.fonado-public-refined .articles-heading { margin: 64px 0 32px; gap: 24px; }
  body.fonado-public-refined .article-heading { padding-block: 48px 40px; }
  body.fonado-public-refined :is(.article-figure,.article-image) { margin-bottom: 48px; }
  body.fonado-public-refined .article-figure .article-image { margin-bottom: 0; }
  body.fonado-public-refined .article-toc nav { padding: 24px; }
  body.fonado-public-refined .article-body h2 { margin: 48px 0 24px; }
  body.fonado-public-refined .article-body :is(.cost-guide-note,.cost-guide-example,.mobile-guide-option,.mobile-guide-note) { padding: 24px; }
  body.fonado-public-refined .inquiry-form { gap: 24px; }
  body.fonado-public-refined .inquiry-field>label { margin-bottom: 8px; }
  body.fonado-public-refined .inquiry-next>ol { gap: 32px; }
  body.fonado-public-refined .inquiry-next>ol>li { gap: 16px; }
  body.fonado-public-refined .inquiry-thanks-card { padding: 48px; }
  body.fonado-public-refined .inquiry-thanks-next { padding: 24px; margin-bottom: 24px; }
  body.fonado-public-refined .agb-layout { padding-top: 48px; }
  body.fonado-public-refined .agb-clause { padding-bottom: 32px; margin-bottom: 32px; }
  body.fonado-public-refined .agb-clause h2 { margin-bottom: 24px; }
  body.fonado-public-refined :is(.agb-clause p,.legal-card p) { margin-bottom: 20px; }
  body.fonado-public-refined :is(.agb-clause p:last-child,.legal-card p:last-child) { margin-bottom: 0; }
  body.fonado-public-refined .legal-details>div { padding-block: 16px; gap: 16px; }

  /* 2. Color — the established lime is an accent, the surfaces stay neutral. */
  body.fonado-public-refined {
    --ink: #373737;
    --muted: #626262;
    --quiet: #6b6b68;
    --purple: #586f0c;
    --brand: #96b914;
    --brand-light: #c8d741;
    --line: #e2e2df;
    --surface: #f4f4f2;
    background: #fff;
    color: var(--ink);
  }
  body.fonado-public-refined :is(.home-apps-platforms li,.ha-card,.platform-card,.platform-compact,.blog-card,.legal-card) { background: #fff; }
  body.fonado-public-refined :is(.home-app-planned span,.ha-status,.rate-label,.platform-name,.topic,.legal-kicker,.agb-eyebrow) { color: var(--muted); }
  body.fonado-public-refined :is(.app-status,.home-assistants .ha-number,.home-start-steps li>span,.locations-note-places>span) { background: var(--surface); color: var(--muted); border-color: var(--line); }
  body.fonado-public-refined .home-assistants .ha-status { background: transparent; border: 0; padding: 0; }
  body.fonado-public-refined .home-assistants .ha-status:before { background: var(--quiet); }
  body.fonado-public-refined .additional-channel { background: var(--surface); border-color: var(--line); }
  body.fonado-public-refined :is(.business-card,.domestic-card:first-child,.ha-workflow,.inquiry-next,.locations-note) { background: var(--ink); color: #fff; }
  body.fonado-public-refined :is(.business-price,.domestic-card:first-child .domestic-price) { color: var(--brand-light); }
  body.fonado-public-refined :is(.business-unit,.business-detail,.ha-workflow p,.inquiry-next li p,.locations-note>p) { color: #e5e5e2; }
  body.fonado-public-refined :is(.business-card .rate-label,.domestic-card:first-child .rate-label,.domestic-card:first-child p,.domestic-card:first-child .cent-label,.ha-workflow .ha-example-label,.ha-workflow .ha-handoff,.ha-workflow figcaption>p,.ha-workflow .ha-steps p,.inquiry-next .inquiry-next-top>span,.inquiry-next .inquiry-beta-note>p,.locations-note .locations-note-top>span) { color: #e5e5e5; }

  /* 3. Icons — retain the Fonado icon set, use a consistent supporting role. */
  body.fonado-public-refined .home-feature-icon { width: 32px; height: 32px; margin-bottom: 20px; }
  body.fonado-public-refined :is(.button,.ha-cta,.app-cta,.home-text-link,.location-route):not(.home-hero *) { gap: 12px; }
  body.fonado-public-refined .home-assistants .ha-step-symbol { width: 28px; height: 28px; font-size: 12px; background: #ededeb; color: var(--ink); }
  body.fonado-public-refined .inquiry-step-number { width: 32px; height: 32px; font-size: 12px; }

  /* 4. Copy — source text stays in HTML; labels should not shout through CSS. */
  body.fonado-public-refined :is(.eyebrow,.apps-eyebrow,.platform-name,.topic,.rate-label,.legal-kicker,.agb-eyebrow,.ha-kicker,.ha-example-label,.home-start-label):not(.home-hero *) { text-transform: none; letter-spacing: 0; }
  body.fonado-public-refined :is(.blog-topics>span,.blog-home-links>a>span:first-child,.locations-note-top>span,.inquiry-next-top>span) { text-transform: none; letter-spacing: 0; }
  body.fonado-public-refined h1 em { font-style: normal; }

  /* 5. Type — original Manrope proportions, with readable supporting copy. */
  body.fonado-public-refined { font-family: Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size: 16px; font-weight: 400; line-height: 1.7; font-variant-numeric: tabular-nums; }
  /* Heading weights, sizes and tracking fall through to the original brand/page styles. */
  body.fonado-public-refined :is(.rates-hero h1,.team-hero h1,.locations-hero h1,.inquiry-heading h1) { margin-block: 24px; }
  body.fonado-public-refined :is(.apps-heading h1,.blog-heading h1,.legal-heading h1,.agb-hero h1,.privacy-heading h1,.inquiry-thanks-card>h1) { margin-block: 20px; }
  body.fonado-public-refined .article-heading h1 { margin-block: 24px; }
  body.fonado-public-refined :is(.home-section-heading h2,.home-apps h2,.home-start h2,.home-assistants .ha-heading h2,.home-compact-faq h2,.home-more h2,.rates-heading h2,.team-directory-heading h2,.locations-directory-heading h2) { margin-block: 12px 16px; }
  body.fonado-public-refined :is(.home-section-heading>p,.home-features article p,.home-apps-copy>p,.home-assistants .ha-heading>p,.home-assistants .ha-card p,.home-assistants .ha-footer p,.home-start-steps p,.home-compact-faq p,.platform-card-copy>p,.platform-compact>p,.team-closing p,.locations-visit p) { font-size: 15px; line-height: 1.7; }
  body.fonado-public-refined :is(.home-assistants .ha-kicker,.home-assistants .ha-example-label,.apps-eyebrow,.platform-name,.topic,.rate-label,.legal-kicker,.agb-eyebrow,.home-start-label,.eyebrow):not(.home-hero *) { font-size: 13px; line-height: 1.5; letter-spacing: 0; }
  body.fonado-public-refined :is(.home-start-note,.home-start-minutes,.home-start-unit>span,.home-more-links small,.home-assistants .ha-workflow figcaption>p,.home-assistants .ha-steps p,.home-assistants .ha-handoff,.preview-note,.store-availability span,.app-status,.method-availability,.section-note,.business-detail,.channel-card p,.fee-note,.source-note,.agb-version,.agb-end p,.agb-end>a,.article-meta,.article-figure figcaption) { font-size: 13px; line-height: 1.65; letter-spacing: 0; }
  body.fonado-public-refined :is(.team-member p,.location-host,.location-appointment,.location-number,.locations-plan-note,.location-plan>span,.location-original,.locations-directory-heading>span,.team-directory-heading>span,.locations-note-top>span,.locations-note-places>span,.inquiry-next-top>span,.inquiry-beta-note>strong,.inquiry-beta-note>p) { font-size: 13px; line-height: 1.65; letter-spacing: 0; }
  body.fonado-public-refined :is(.breadcrumbs,.breadcrumbs a,.team-breadcrumb,.team-breadcrumb a,.location-breadcrumb,.location-breadcrumb a,.inquiry-breadcrumb,.inquiry-breadcrumb a) { font-size: 13px; line-height: 1.6; }
  body.fonado-public-refined :is(.inquiry-form-heading>p,.inquiry-field-hint,.inquiry-privacy,.inquiry-no-contract,.inquiry-next li p,.inquiry-direct,.inquiry-thanks-secondary,.agb-toc a,.article-toc a) { font-size: 13px; line-height: 1.7; letter-spacing: 0; }
  body.fonado-public-refined .article-body { font-size: 16px; line-height: 1.85; }
  body.fonado-public-refined :is(.agb-clause p,.privacy-main article) { font-size: 16px; line-height: 1.85; }
  body.fonado-public-refined :is(.business-price,.domestic-price,.channel-price,.home-start-amount,.locations-note-count>strong) { font-variant-numeric: tabular-nums; }
  body.fonado-public-refined :is(.home-text-link,.app-text-link,.apps-account-link,.location-route,.team-jump,.home-locations-link,.card-bottom>a,.rates-nav a,.inquiry-field>label,.agb-toc summary,.agb-pdf):not(.home-hero *) { font-size: 14px; line-height: 1.6; letter-spacing: 0; }
  body.fonado-public-refined :is(.home-start-steps li>span,.home-assistants .ha-number,.app-status,.beta-label,.screenshot-link,.legal-back,.faq summary,.contact-links a) { letter-spacing: 0; }
  body.fonado-public-refined :is(.zone-name,.zone-rates>span) { font-size: 17px; letter-spacing: 0; }
  body.fonado-public-refined :is(.zone-name small,.zone-rates small,.card-bottom>span,.rate-facts span,.legal-details dt,.legal-bank-details dt,.legal-details dd,.legal-bank-details dd) { font-size: 13px; font-weight: 400; letter-spacing: 0; }
  body.fonado-public-refined footer { font-size: 13px; line-height: 1.65; }

  /* 6. Layout — preserve section order, give repeated page types one measure. */
  body.fonado-public-refined :is(.team-hero,.locations-hero,.rates-hero,.inquiry-grid) { gap: 64px; }
  body.fonado-public-refined .article-layout { gap: 48px; }
  body.fonado-public-refined .article-body { max-width: 740px; min-width: 0; }
  body.fonado-public-refined :is(.team-closing,.locations-visit,.blog-cta) { align-items: center; }
  body.fonado-public-refined .home-assistants .ha-card { border-width: 0 0 1px; border-radius: 0; padding-inline: 0; }
  body.fonado-public-refined .home-apps-platforms li { padding: 20px; border-radius: 12px; }
  body.fonado-public-refined .team-member p { max-width: 26ch; }
  body.fonado-public-refined .legal-details>div { grid-template-columns: 152px minmax(0,1fr); }
  body.fonado-public-refined .inquiry-submit { width: 100%; }

  /* 7. Details — coherent controls, quiet cards and readable figures. */
  body.fonado-public-refined :is(.button,.home-start-actions .button,.ha-footer .ha-cta,.app-cta,.inquiry-submit,.agb-pdf):not(.home-hero *) { min-height: var(--control-height); padding: 12px 20px; border-radius: 8px; background: var(--brand); color: var(--ink); font-size: 14px; line-height: 1.5; letter-spacing: 0; box-shadow: none; font-weight: 700; }
  body.fonado-public-refined :is(.button,.ha-cta,.app-cta,.inquiry-submit,.agb-pdf):hover { background: var(--brand-light); color: var(--ink); }
  body.fonado-public-refined :is(.platform-card,.platform-compact,.ha-workflow,.business-card,.domestic-card,.channel-card,.blog-card,.legal-card,.legal-bank,.inquiry-form-card,.inquiry-next,.inquiry-thanks-card,.locations-note,.location-card,.team-closing,.locations-visit) { border-radius: 12px; box-shadow: none; }
  body.fonado-public-refined :is(.rate-facts span,.app-status,.home-assistants .ha-number,.locations-note-places>span) { border-radius: 4px; padding: 4px 8px; }
  body.fonado-public-refined .rate-facts { gap: 12px; margin-block: 24px; }
  body.fonado-public-refined .inquiry-field>input,
  body.fonado-public-refined .inquiry-field>select { min-height: 48px; padding: 12px; font-size: 16px; border-radius: 8px; }
  body.fonado-public-refined :is(a,button,input,select,textarea,summary):focus-visible { outline: 2px solid var(--purple); outline-offset: 4px; }
  body.fonado-public-refined :is(.rates-section table,.fee-panel table) { font-size: 14px; font-variant-numeric: tabular-nums; }
  body.fonado-public-refined :is(.rates-section thead th,.fee-panel thead th) { padding-block: 16px; font-size: 12px; text-transform: none; letter-spacing: 0; color: var(--muted); }
  body.fonado-public-refined :is(.rates-section tbody th,.rates-section td,.fee-panel tbody th,.fee-panel td) { padding-block: 16px; font-weight: 400; }
  body.fonado-public-refined :is(.rates-section td,.fee-panel td,.cost-guide-calculation dd) { text-align: right; font-variant-numeric: tabular-nums; }
  body.fonado-public-refined :is(.rates-section tbody tr,.fee-panel tbody tr):hover { background: var(--surface); }
  body.fonado-public-refined .zone summary { padding: 24px; gap: 24px; }
  body.fonado-public-refined .table-shell { padding-inline: 24px; }
  body.fonado-public-refined .article-toc nav { border-radius: 12px; background: var(--surface); }
  body.fonado-public-refined .article-body :is(.cost-guide-note,.cost-guide-example,.mobile-guide-option,.mobile-guide-note) { border-radius: 12px; box-shadow: none; }
  body.fonado-public-refined .cost-guide-total dd { font-size: 24px; }

  /* 8. Visuals — preserve real images; let the product and people carry detail. */
  body.fonado-public-refined :is(.article-image,.article-figure img,.team-portrait,.location-plan>img) { box-shadow: none; }
  body.fonado-public-refined .preview-enlarge { font-size: 12px; line-height: 1.5; }
  body.fonado-public-refined .store-availability { border-color: var(--line); }

  body.fonado-public-refined .blog-topics>span { font-size: 12px; letter-spacing: 0; text-transform: none; }
  body.fonado-public-refined :is(.domestic-card p,.zone-meta) { font-size: 13px; line-height: 1.65; }
  body.fonado-public-refined .zone .disclosure { font-size: 16px; }
  /* 9. Motion — only brief feedback, never a moving content layout. */
  body.fonado-public-refined :is(.button,.ha-cta,.app-cta,.agb-pdf,.blog-card,.platform-card,.location-card,.home-more-links>a) { transition: color 160ms cubic-bezier(.22,1,.36,1),background-color 160ms cubic-bezier(.22,1,.36,1),border-color 160ms cubic-bezier(.22,1,.36,1); }
  body.fonado-public-refined :is(.button,.ha-cta,.app-cta,.blog-card,.platform-card,.location-card,.home-more-links>a):hover { transform: none; }
}

@media screen and (max-width: 1050px) {
  body.fonado-public-refined :is(.team-hero,.locations-hero,.rates-hero,.inquiry-grid) { gap: 40px; }
  body.fonado-public-refined .article-layout { gap: 32px; }
  body.fonado-public-refined .locations-grid { gap: 20px; }
  body.fonado-public-refined .location-card-copy { padding: 20px; }
}
@media screen and (max-width: 760px) {
  body.fonado-public-refined { --space-section: 48px; --space-card: 24px; font-size: 16px; }
  body.fonado-public-refined :is(.home-start,.signup-section,.setup-band) { padding-block: 48px; }
  body.fonado-public-refined :is(.rates-hero,.team-hero,.locations-hero,.blog-heading,.inquiry-heading,.legal-heading,.agb-hero) { padding-block: 32px 48px; }
  body.fonado-public-refined .apps-heading { padding-block: 32px 40px; }
  body.fonado-public-refined .article-heading { padding-block: 32px; }
  body.fonado-public-refined :is(.rates-hero h1,.team-hero h1,.locations-hero h1,.inquiry-heading h1,.apps-heading h1,.blog-heading h1,.legal-heading h1,.agb-hero h1,.privacy-heading h1,.inquiry-thanks-card>h1) { margin-block: 20px; }
  body.fonado-public-refined :is(.home-section-heading,.rates-heading,.team-directory-heading,.locations-directory-heading,.home-features .feature-grid,.home-assistants .ha-layout,.home-apps,.home-start-layout,.home-compact-faq,.home-more,.team-hero,.locations-hero,.rates-hero,.inquiry-grid) { gap: 32px; }
  body.fonado-public-refined .home-features .feature-grid { gap: 24px; }
  body.fonado-public-refined :is(.platform-card-head,.platform-card-copy,.platform-compact,.business-card,.domestic-card,.channel-card,.ha-workflow,.inquiry-next,.locations-note,.team-closing,.locations-visit,.legal-card,.legal-bank,.blog-cta,.inquiry-thanks-card) { padding: 24px; }
  body.fonado-public-refined :is(.card-copy,.blog-featured .card-copy) { padding: 24px; }
  body.fonado-public-refined :is(.team-closing,.locations-visit,.blog-cta) { align-items: flex-start; }
  body.fonado-public-refined .team-grid { gap: 32px 20px; }
  body.fonado-public-refined .team-member-copy { padding-top: 16px; }
  body.fonado-public-refined .location-card-copy { padding: 24px; }
  body.fonado-public-refined .articles-heading { margin-top: 48px; gap: 12px; }
  body.fonado-public-refined .article-body h2 { margin-top: 40px; }
  body.fonado-public-refined :is(.article-figure,.article-image) { margin-bottom: 32px; }
  body.fonado-public-refined .article-figure .article-image { margin-bottom: 0; }
  body.fonado-public-refined .article-body :is(.cost-guide-note,.cost-guide-example,.mobile-guide-option,.mobile-guide-note) { padding: 20px; }
  body.fonado-public-refined .agb-toc a { font-size: 13px; padding-block: 8px; }
  body.fonado-public-refined .legal-details>div { grid-template-columns: 1fr; gap: 8px; }
  body.fonado-public-refined .zone summary { padding: 20px; gap: 16px; }
  body.fonado-public-refined .table-shell { padding-inline: 20px; }
  body.fonado-public-refined footer { font-size: 13px; }
}
@media screen and (prefers-reduced-motion: reduce) {
  body.fonado-public-refined :is(.button,.ha-cta,.app-cta,.agb-pdf,.blog-card,.platform-card,.location-card,.home-more-links>a) { transition: none; }
  body.fonado-public-refined :is(.app-lightbox-panel,.plan-lightbox-panel) { animation: none; }
}