/* FIGSITE RC5 — premium editorial clarity & accessibility. Scoped to rendered experience.
   Preserve approved layout, brand, imagery, animations and functional behavior.
   Defend light surfaces from active WordPress theme heading/label colors. */
body.fg-experience{--fgbx-reading:#182e4c;--fgbx-reading-muted:#405674;--fgbx-heading:#091a36;--fgbx-accent:#1552dc;color:var(--fgbx-reading);font-size:clamp(17px,.28vw + 16px,18px);line-height:1.68}
body.fg-experience :is(.hero h1,.page-title,.page-intro h1,.page-hero h1,.section-title,.title-sm){color:var(--fgbx-heading)!important}
body.fg-experience :is(.hero h1,.page-title,.page-intro h1,.page-hero h1,.section-title,.title-sm) .blue,
body.fg-experience .hero h1>span{color:var(--fgbx-accent)!important}
body.fg-experience .section-title{font-weight:600;letter-spacing:-.039em;line-height:1.14;text-wrap:balance}
body.fg-experience :is(.page-title,.page-intro h1,.page-hero h1){font-weight:600;line-height:1.12}
body.fg-experience .hero h1{font-weight:600;line-height:1.07}
body.fg-experience :is(.section-intro,.hero-lead){font-size:clamp(1.07rem,.45vw + 1rem,1.22rem);line-height:1.7;color:var(--fgbx-reading)!important;font-weight:450}
body.fg-experience .section-heading{margin-bottom:clamp(30px,3.2vw,43px)}
body.fg-experience .section-heading .eyebrow{font-weight:800;letter-spacing:.13em;color:#1345bf}
/* Easy to scan: every card title has a reliable foreground, sufficient weight and adequate size. */
body.fg-experience :is(.path-card h3,.deliverable h3,.value-card b,.onboard-item b,.locale-visual-step h3,.locale-tile h3,.proof-card h3,.service-card:not(.primary) h3,.fg-post-card h2,.fg-post-card h3,.demo-card h3,.sheet-question,.quote-issue p,.mini-step b,.catalog-sheet strong){color:var(--fgbx-heading)!important;font-weight:750!important;letter-spacing:-.016em}
body.fg-experience :is(.path-card h3,.deliverable h3,.value-card b,.onboard-item b){font-size:clamp(1.03rem,.28vw + 1rem,1.13rem);line-height:1.36}
body.fg-experience .sheet-question{font-size:clamp(1.45rem,2.15vw,1.8rem);line-height:1.33;font-weight:600!important}
body.fg-experience :is(.path-card p,.deliverable p,.value-card p,.onboard-item p,.locale-visual-step p,.locale-tile p,.proof-card p,.sheet-row small,.mini-step span,.fg-post-card p){color:var(--fgbx-reading-muted)!important;font-size:clamp(.95rem,.22vw + .89rem,1.03rem);line-height:1.62}
body.fg-experience :is(.path-card,.deliverable,.value-card,.onboard-item,.catalog-sheet,.fg-post-card){color:var(--fgbx-heading)}
body.fg-experience :is(.path-card,.deliverable,.value-card,.onboard-item) :is(h3,b){margin-bottom:.52em}
body.fg-experience :is(.path-card,.deliverable,.value-card,.onboard-item) .icon{color:#1154ee}
body.fg-experience :is(.path-card,.deliverable,.value-card,.onboard-item) p{max-width:47ch}
body.fg-experience .mini-step b{font-size:.93rem}
body.fg-experience :is(.quote-issue span,.sheet-row strong){color:var(--fgbx-heading)!important}
body.fg-experience :is(.section:not(.contact-cta) p,.info-content p,.section-heading p){text-wrap:pretty}
body.fg-experience :is(p strong,p b){color:#091a36;font-weight:750}
body.fg-experience :is(.faq summary,.comparison h3,.comparison b){color:var(--fgbx-heading)!important;font-weight:700!important}
body.fg-experience .faq summary{font-size:clamp(1rem,.3vw + .96rem,1.12rem);line-height:1.48}
body.fg-experience .fg-insights-empty{color:var(--fgbx-reading-muted)}
/* Dark surfaces keep their light-on-dark hierarchy; never apply the light-card rule here. */
body.fg-experience :is(.footer h2,.contact-cta h2,.service-card.primary h3,.catalog-mock>.kicker){color:#fff!important}
body.fg-experience :is(.footer p,.contact-cta>div>p,.service-card.primary p){color:#dce9fa!important}
body.fg-experience .service-card.primary :is(strong,b){color:#fff!important}
body.fg-experience .contact-cta .mini-form :is(label,p,small){color:#193452}
body.fg-experience .contact-cta .mini-form .fg-form-status{color:#234561}
body.fg-experience .contact-cta .mini-form .fg-form-status[data-state=error]{color:#9e2036}
/* Other accessible light-surface headings, independent of theme's global h2/h3 color. */
body.fg-experience :is(.problem-grid,.two-col,.fg-generated-panel,.info-content,.proof-grid,.service-grid) :is(h3,h4){color:var(--fgbx-heading)}
body.fg-experience .fg-generated-panel h1{color:var(--fgbx-heading)!important}
body.fg-experience .sheet-top :is(span,b,strong),body.fg-experience .catalog-sheet .label{color:var(--fgbx-heading)!important}
body.fg-experience :is(.footer p,.contact-cta>div>p,.service-card.primary p) :is(strong,b){color:#fff!important}
body.fg-experience .footer-links h3{color:#a9caff!important}
body.fg-experience .footer-links :is(a,p){color:#dbe7f9}
/* Fine print must still be comfortably readable, including trust disclosures. */
body.fg-experience :is(.fg-client-note,.fg-client-approval,.visual-caption,.locale-footnote,.page-shell-note,.contact-meta){font-size:clamp(.88rem,.16vw + .86rem,.96rem);line-height:1.58}
body.fg-experience .fg-client-note{color:#3e526e}
body.fg-experience .fg-client-approval{color:#405574}
body.fg-experience .fg-client-description{color:#3e526e;font-size:1rem}
/* Language glyphs remain readable; do not force Latin letter spacing on Chinese. */
html[lang='zh-Hans'] body.fg-experience :is(.section-title,.page-title,.page-intro h1,.page-hero h1){letter-spacing:-.015em;line-height:1.27}
@media(max-width:520px){body.fg-experience .section-title{line-height:1.17}body.fg-experience :is(.path-card p,.deliverable p,.value-card p,.onboard-item p){font-size:1rem}}
@media(prefers-reduced-motion:reduce){body.fg-experience :is(.section-title,.path-card,.deliverable,.value-card){transition:none!important}}

/* RC7 control-first presentation. Scoped solely to the homepage hero; no structural redesign. */
body.fg-experience .fg-control-hero h1{font-size:clamp(2.68rem,3.85vw,3.95rem);line-height:1.105;letter-spacing:-.048em;margin:13px 0 19px;text-wrap:balance;max-width:18ch}
body.fg-experience .fg-control-hero .hero-lead{margin-bottom:12px;line-height:1.58;max-width:59ch}
body.fg-experience .fg-control-hero .fg-product-definition{max-width:59ch;margin:0 0 23px;padding:11px 15px;border-left:3px solid #1552dc;border-radius:0 7px 7px 0;background:rgba(232,241,255,.88);color:#102746!important;font-size:clamp(.94rem,.17vw + .91rem,1.02rem);font-weight:480;line-height:1.55}
body.fg-experience .fg-control-hero .fg-product-definition strong{color:#091a36!important;font-weight:800}
body.fg-experience .fg-control-hero .hero-proof{margin-top:20px;gap:11px 18px}
body.fg-experience .fg-control-hero .hero-grid{padding-block:50px 55px}
html[lang='es'] body.fg-experience .fg-control-hero h1{font-size:clamp(2.55rem,3.5vw,3.72rem);letter-spacing:-.039em}
html[lang='zh-Hans'] body.fg-experience .fg-control-hero h1{font-size:clamp(2.6rem,3.9vw,4rem);line-height:1.24;letter-spacing:0}
@media(max-width:800px){body.fg-experience .fg-control-hero .hero-grid{padding-block:32px 45px}body.fg-experience .fg-control-hero h1{max-width:unset}}
@media(max-width:520px){body.fg-experience .fg-control-hero h1{font-size:clamp(2.45rem,9.4vw,3.2rem);line-height:1.13}html[lang='es'] body.fg-experience .fg-control-hero h1{font-size:clamp(2.3rem,8.9vw,3.05rem)}html[lang='zh-Hans'] body.fg-experience .fg-control-hero h1{font-size:clamp(2.35rem,9.1vw,3.15rem)}body.fg-experience .fg-control-hero .fg-product-definition{margin-bottom:18px;padding:11px 12px}}


/* RC8: buyer outcomes in the existing four-card audience section only. */
body.fg-experience .fgbx-audience-section .section-heading{max-width:900px;margin-inline:auto;margin-bottom:35px}
body.fg-experience .fgbx-audience-section .section-title{color:#091a36!important;font-size:clamp(2.08rem,3.65vw,3.55rem);line-height:1.13;letter-spacing:-.037em;max-width:22ch;margin-inline:auto}
body.fg-experience .fgbx-audience-section .section-intro{color:#233953!important;font-size:clamp(1.03rem,.2vw + 1rem,1.14rem);line-height:1.7;max-width:74ch}
body.fg-experience .fgbx-audience-section .fgbx-audience-card{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:flex-start;padding:23px 21px 26px}
body.fg-experience .fgbx-audience-section .fgbx-audience-card > .icon{width:29px;height:29px;margin:0 0 17px}
body.fg-experience .fgbx-audience-section .fgbx-audience-card > .iconbox{margin-bottom:15px}
body.fg-experience .fgbx-audience-section .fgbx-audience-role{display:block;color:#1a4cb9!important;font-family:var(--sans,Arial,sans-serif);font-size:.71rem;font-weight:850!important;line-height:1.45;letter-spacing:.075em;text-transform:uppercase;overflow-wrap:break-word;margin-bottom:10px}
body.fg-experience .fgbx-audience-section .fgbx-audience-benefit{font-family:var(--sans,Arial,sans-serif);font-size:clamp(1.1rem,.31vw + 1.06rem,1.22rem);font-weight:800!important;line-height:1.29;letter-spacing:-.02em;color:#091a36!important;margin:0 0 14px;max-width:26ch;text-wrap:pretty}
body.fg-experience .fgbx-audience-section .fgbx-audience-card p{font-size:clamp(.97rem,.1vw + .96rem,1.035rem);font-weight:450;line-height:1.67;color:#2d4261!important;margin:0;overflow-wrap:break-word;max-width:51ch}
body.fg-experience .fgbx-audience-section .fgbx-audience-note{font-size:.84rem;line-height:1.55;color:#3d5574!important;max-width:86ch;text-align:center;margin:26px auto 0}
html[lang='zh-Hans'] body.fg-experience .fgbx-audience-section .section-title{max-width:100%;overflow-wrap:normal;word-break:keep-all;letter-spacing:0}
html[lang='zh-Hans'] body.fg-experience .fgbx-audience-section .section-title span{display:block}
html[lang='zh-Hans'] body.fg-experience .fgbx-audience-section .fgbx-audience-benefit{letter-spacing:0;line-height:1.48}
html[lang='zh-Hans'] body.fg-experience .fgbx-audience-section .fgbx-audience-role{letter-spacing:.035em}
@media(max-width:1100px){body.fg-experience .fgbx-audience-section .value-cards,body.fg-experience .fgbx-audience-section .locale-visual-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){html[lang='zh-Hans'] body.fg-experience .fgbx-audience-section .section-title{word-break:normal;overflow-wrap:anywhere;font-size:clamp(1.88rem,8vw,2.4rem)}}
@media(max-width:600px){body.fg-experience .fgbx-audience-section .value-cards,body.fg-experience .fgbx-audience-section .locale-visual-steps{grid-template-columns:1fr}body.fg-experience .fgbx-audience-section .fgbx-audience-card{padding:23px 22px}body.fg-experience .fgbx-audience-section .section-title{font-size:clamp(2.08rem,8.7vw,2.85rem)}}

/* RC10 intermediate-width hero correction: retain the approved desktop and phone layouts.
   The standard site navigation collapses at 1160px; the hero now follows the same boundary.
   Applies only to the 801-1160px transition, leaving 800px-and-below untouched. */
@media (min-width:801px) and (max-width:1160px){
  body.fg-experience .fg-control-hero .hero-grid{grid-template-columns:minmax(0,1fr);gap:10px;}
  body.fg-experience .fg-control-hero .hero-visual{width:100%;max-width:640px;min-height:555px;margin-inline:auto;}
  body.fg-experience .fg-control-hero .photo-frame{width:60%;right:8%;height:375px;}
  body.fg-experience .fg-control-hero .question-float{left:0;}
  body.fg-experience .fg-control-hero .mini-answer{top:272px;left:3%;width:80%;}
}