/* The first screen explains Free; all product examples remain visible. */
.clarity-page .hero { padding-block: 44px 52px; }
.clarity-page .hero__h1 { max-width: 12ch; font-size: clamp(2.65rem,4.5vw,3.7rem); line-height: 1.08; }
.clarity-page .hero__h1 .hl { display: block; margin-top: .12em; }
.clarity-page .hero__sub { max-width: 38ch; margin-block: 22px; }
.clarity-page .hero__actions { align-items: center; gap: 12px 20px; }
.clarity-page .hero__actions .btn { white-space: normal; max-width: 100%; }
.clarity-example-link { min-height: 44px; display: inline-flex; align-items: center; gap: 9px; font-size: .91rem; font-weight: 650; color: #315c47; text-underline-offset: 5px; text-decoration: underline; }
.clarity-limits { margin: 16px 0 0; font-size: .86rem; line-height: 1.65; color: #345747; }
.clarity-optional { max-width: 45ch; margin-top: 18px; padding-top: 16px; border-top: 1px solid #dfe5d8; font-size: .83rem; line-height: 1.65; color: #5c675d; }
.clarity-optional a { color: #2c5843; text-decoration: underline; text-underline-offset: 3px; font-weight: 650; }
.clarity-zero { font-size: 1rem; font-weight: 750; color: #214b38; white-space: nowrap; }
.clarity-menu-preview .menu-preview__dish { grid-template-columns: minmax(0,1fr) auto; }
.clarity-menu-preview .menu-preview__dish > b { grid-column: auto; margin-top: 0; }
.clarity-menu-preview .menu-preview__badge { letter-spacing: .02em; line-height: 1.5; }
.clarity-menu-preview h2 { overflow-wrap: anywhere; }
.clarity-plan-badge { display: inline-flex; padding: 7px 12px; border: 1px solid #ccdcc4; border-radius: 8px; background: #e8efdf; color: #31573f; font-size: .77rem; font-weight: 750; line-height: 1.5; }
.clarity-plan-badge--paid { background: #f2e9dc; border-color: #dfcfb7; color: #695238; }
.clarity-benefits .head .h2 { margin-top: 17px; }
.clarity-benefit-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.clarity-benefit-grid article { padding: 28px; border: 1px solid #dfe5d8; border-radius: 18px; background: #fffefa; }
.clarity-benefit-icon { display: inline-grid; place-items: center; width: 40px; height: 40px; margin-bottom: 16px; background: #e7eedd; color: #355840; border-radius: 11px; font-size: 1.5rem; }
.clarity-benefit-grid h3 { color: #193f34; font-size: 1.2rem; line-height: 1.35; margin: 0 0 12px; }
.clarity-benefit-grid p { color: #58675c; line-height: 1.75; font-size: .93rem; margin: 0; }
.clarity-section-badge { margin: 0 0 26px; }
.clarity-orders-cta { margin: 8px 0 24px; }
.clarity-page #menu-builder .lx-section-head { max-width: 730px; }
.clarity-page #menu-builder .lx-field input, .clarity-page #menu-builder .lx-field select { font-size: 16px; }
.clarity-page .pfeat > span[aria-hidden] { color: #427251; flex: 0 0 17px; }
.clarity-page .clarity-free-card { border: 2px solid #547858; background: #eef3e5; }
.clarity-page .pcard .btn { margin-top: auto; }
.clarity-page .pcard__name { line-height: 1.35; }
.clarity-page .pcard__feats { margin-bottom: 24px; }
.clarity-refund { max-width: 750px; margin: 28px auto 0; padding: 21px 25px; border: 1px solid #d4ddcb; border-radius: 12px; text-align: center; background: #f8f9f2; }
.clarity-refund a { color: #31573f; font-size: .95rem; font-weight: 750; text-decoration: underline; text-underline-offset: 4px; }
.clarity-refund p { margin: 10px 0 0; color: #59685b; font-size: .86rem; line-height: 1.65; }
.clarity-disclosure { border: 1px solid #d8e1d0; border-radius: 15px; background: #fffefa; margin: 14px 0; }
.clarity-tools-header { padding: 23px 25px; border-bottom: 1px solid #dde5d5; }
.clarity-tools-header h3 { margin: 0; color: #244c3c; font-size: 1.08rem; font-weight: 700; line-height: 1.5; }
.clarity-tools-header p { margin: 7px 0 0; color: #68715d; font-size: .78rem; line-height: 1.5; }
.clarity-disclosure-body { min-width: 0; padding: 0 8px; }
.clarity-disclosure-body > .section { padding-block: 42px; }
.clarity-disclosure-body .container { width: 100%; max-width: 100%; padding-inline: 24px; }
.clarity-disclosure-body .section .h2 { font-size: clamp(1.6rem,3vw,2.4rem); }
.clarity-disclosure-body .section + .section { border-top: 1px solid #dce5d2; }
.clarity-extras-note { margin: 21px 0 0; text-align: center; color: #61705e; font-size: .85rem; line-height: 1.7; }
.clarity-page .clarity-final { background: #e7eddc; padding-block: 70px; }
.clarity-final .final__h2 { margin-top: 19px; }
.clarity-final .final__sub { max-width: 600px; margin-inline: auto; }
.clarity-final .btn { white-space: normal; }
.clarity-contact { margin-top: 28px; font-size: .9rem; }
.clarity-contact a { color: #31573f; text-decoration: underline; text-underline-offset: 4px; }
.clarity-trust-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px 25px; margin-top: 24px; color: #53684e; font-size: .76rem; line-height: 1.65; }
.clarity-trust-links a { text-decoration: underline; text-underline-offset: 3px; }
.clarity-page :where(summary,a,button):focus-visible { outline: 3px solid #aa503a; outline-offset: 4px; }
.clarity-page [id] { scroll-margin-top: 95px; }
@media (max-width:1200px) { .clarity-page .nav__cta { display: none; } }
@media (max-width:1000px) {
 .clarity-page .hero__h1 { font-size: 2.75rem; }
 .clarity-benefit-grid { gap: 15px; }
 .clarity-benefit-grid article { padding: 23px; }
 .clarity-disclosure .lx-language-workspace { grid-template-columns: 1fr; gap: 26px; }
 .clarity-disclosure .lx-language-buttons { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .clarity-disclosure .lx-translated-dish { max-width: 500px; width: 100%; margin-inline: auto; }
}
@media (max-width:760px) {
 .clarity-page .hero { padding-block: 24px 38px; }
 .clarity-page .hero__h1 { font-size: clamp(2rem,7.8vw,2.8rem); max-width: 17ch; }
 .clarity-page .hero__sub { margin-block: 17px; font-size: 1rem; }
 .clarity-page .hero__actions { display: grid; grid-template-columns: 1fr; gap: 5px; }
 .clarity-page .hero__actions .btn { width: 100%; min-height: 52px; }
 .clarity-example-link { margin-inline: auto; justify-content: center; font-size: .88rem; }
 .clarity-limits { margin-top: 7px; font-size: .79rem; }
 .clarity-optional { margin-top: 13px; padding-top: 12px; font-size: .79rem; }
 .clarity-page .hero__product { margin-top: 8px; }
 .clarity-benefit-grid { grid-template-columns: 1fr; }
 .clarity-benefit-grid article { padding: 23px; }
 .clarity-benefit-grid h3 { font-size: 1.15rem; }
 .clarity-tools-header { padding: 19px 17px; }
 .clarity-tools-header h3 { font-size: .97rem; }
 .clarity-disclosure-body { padding-inline: 0; }
 .clarity-disclosure-body .container { padding-inline: 16px; }
 .clarity-disclosure-body .section { padding-block: 28px; }
 .clarity-disclosure-body .lx-panel { padding: 16px; }
 .clarity-refund { padding: 20px; }
 .clarity-page .clarity-final { padding-block: 48px; }
 .clarity-page .lp-stickycta { gap: 12px; }
 .clarity-page .lp-stickycta__txt { flex: 1 1 45%; min-width: 0; }
 .clarity-page .lp-stickycta__btn { flex: 1 1 55%; white-space: normal; text-align: center; font-size: .8rem; padding: 11px; }
 .clarity-page .lp-stickycta__txt strong { font-size: .8rem; }
 .clarity-page .lp-stickycta__txt span { font-size: .71rem; }
}
@media (prefers-reduced-motion:reduce) {
 .clarity-page *, .clarity-page *::before, .clarity-page *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}