/* Surveylet V7 fixes on top of the accepted V6 design. */
/* 1. Background motion only: no empty framed artwork foreground. */
body[data-route] main .fluent-unified section:is([data-layout="hero"], [class$="-hero"], .cal-hero) .fluent-motion-stage,
body[data-route] main .fluent-prototype:not([data-fluent-preview="home"]) .fluent-motion-stage,
body[data-route] main .fluent-unified .fluent-old-hero-art,
body[data-route] main .fluent-unified section:is([data-layout="hero"], [class$="-hero"],.cal-hero) .site-hero-art {
 display: none !important;
}
body[data-route] main .fluent-unified .fluent-unified-hero-grid,
body[data-route] main .fluent-unified .site-hero-layout.fluent-unified-hero-grid,
body[data-route] main .fluent-unified section:is([data-layout="hero"], [class$="-hero"], .cal-hero) .site-hero-layout,
body[data-route] main .fluent-prototype:not([data-fluent-preview="home"]) .cal-hero .site-hero-layout,
body[data-route] main .fluent-prototype[data-fluent-preview="realtime"] .cal-hero .fluent-realtime-layout {
  display:block !important; grid-template-columns:1fr !important;
}
body[data-route] main :is(.fluent-prototype, .fluent-unified) section:is([data-layout="hero"], [class$="-hero"], .cal-hero) .ds-field {
 display:block!important;opacity:.92!important;pointer-events:none;
}
/* Maintain legible foreground content over the ambient background. */
body[data-route] main .fluent-unified section:is([data-layout="hero"], [class$="-hero"], .cal-hero) .fluent-unified-hero-copy,
body[data-route] main .fluent-unified section:is([data-layout="hero"], [class$="-hero"], .cal-hero) .site-hero-copy {
 max-width:1050px !important;
}
/* 2. Revert former dark-band text/color assumptions on light tab panels. */
body[data-route] main .fluent-prototype .fluent-tab-panel > section:is(.cal-home-evidence,.cal-home-beyond),
body[data-route] main .fluent-prototype .fluent-tab-panel > section.cal-home-process,
body[data-route] main .fluent-unified .fluent-unified-panel > section:is([data-layout="timeline"],[data-layout="spotlight"],.cal-delphi-modes,.cal-live-process,.cal-live-example,.cal-services-comparison) {
 background:#fff!important; color:#253d54!important;
}
body[data-route] main .fluent-prototype .fluent-tab-panel > section:is(.cal-home-evidence,.cal-home-beyond,.cal-home-process) :is(h2,h3,h4,strong),
body[data-route] main .fluent-unified .fluent-unified-panel > section:is([data-layout="timeline"],[data-layout="spotlight"],.cal-delphi-modes,.cal-live-process,.cal-live-example,.cal-services-comparison) :is(h2,h3,h4,strong) {
 color:#213b56!important;
}
body[data-route] main .fluent-prototype .fluent-tab-panel > section:is(.cal-home-evidence,.cal-home-beyond,.cal-home-process) :is(p,li,span),
body[data-route] main .fluent-unified .fluent-unified-panel > section:is([data-layout="timeline"],[data-layout="spotlight"],.cal-delphi-modes,.cal-live-process,.cal-live-example,.cal-services-comparison) :is(p,li,span) {
 color:#52667b!important;
}
body[data-route] main .fluent-prototype .fluent-tab-panel > section:is(.cal-home-evidence,.cal-home-beyond,.cal-home-process) :is(.ds-icon,svg),
body[data-route] main .fluent-unified .fluent-unified-panel > section :is(.ds-icon) {color:#416d91!important;}
body[data-route] main .fluent-prototype .fluent-tab-panel > section:is(.cal-home-evidence,.cal-home-beyond,.cal-home-process) a:not([class*="button"]):not([class*="btn"]),
body[data-route] main .fluent-unified .fluent-unified-panel > section a:not([class*="button"]):not([class*="btn"]) {color:#0e68b0!important;}
/* 3. Buttons and links: restore readable labels after white-background conversion. */
body[data-route] main .fluent-prototype .fluent-tab-panel :is(a.cal-home-button-blue,a.cal-home-button-primary,a.cal-button-primary,a.cal-button-blue),
body[data-route] main .fluent-unified .fluent-unified-panel :is(a.cal-home-button-blue,a.cal-home-button-primary,a.cal-button-primary,a.cal-button-blue) {
 color:#fff!important;background:#0f6cbd!important;border:1px solid #0f6cbd!important;
}
body[data-route] main .fluent-prototype .fluent-tab-panel :is(a.cal-home-button-outline,a.cal-home-button-secondary,a.cal-button-secondary,a.cal-button-outline),
body[data-route] main .fluent-unified .fluent-unified-panel :is(a.cal-home-button-outline,a.cal-home-button-secondary,a.cal-button-secondary,a.cal-button-outline) {
 color:#0e5f9f!important;background:#fff!important;border:1px solid #bcd3e6!important;
}
body[data-route] main .fluent-prototype .fluent-tab-panel :is(a.cal-home-button-blue,a.cal-home-button-primary,a.cal-home-button-outline,a.cal-home-button-secondary) :is(span,svg) {color:inherit!important;}
/* 4. Home Delphi pathway: numbered cards with the heading beside its number. */
body[data-route="/"] main .fluent-prototype .fluent-tab-panel .cal-home-process .cal-home-grid-3 {
 gap:16px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body[data-route="/"] main .fluent-prototype .fluent-tab-panel .cal-home-process .cal-home-card {
 position:relative!important; min-width:0;min-height:180px; padding:24px 20px 22px 78px!important;
 background:#f8fafc!important;border:1px solid #e0e9f1!important;border-radius:10px!important;
}
body[data-route="/"] main .fluent-prototype .fluent-tab-panel .cal-home-process .cal-home-card::before {
 left:20px!important;top:24px!important;width:42px!important;height:42px!important;
 background:#0f6cbd!important;color:#fff!important;border:0!important;box-shadow:none!important;
}
body[data-route="/"] main .fluent-prototype .fluent-tab-panel .cal-home-process .cal-home-card::after,
body[data-route="/"] main .fluent-prototype .fluent-tab-panel .cal-home-process .ds-steps-chart,
body[data-route="/"] main .fluent-prototype .fluent-tab-panel .cal-home-process .ds-step-ring {display:none!important;}
body[data-route="/"] main .fluent-prototype .fluent-tab-panel .cal-home-process .cal-home-card h3 {
 color:#203a56!important;font-size:clamp(17px,1.35vw,21px)!important;line-height:1.32!important;margin:0 0 12px!important;
}
body[data-route="/"] main .fluent-prototype .fluent-tab-panel .cal-home-process .cal-home-card p {
 color:#52667b!important;font-size:15px!important;line-height:1.62!important;
}
/* 5. Pricing: one original sticky interactive filter bar, styled like site tabs. */
body[data-route="/pricingpage"] main .fluent-unified .fluent-unified-anchorbar {display:none!important;}
body[data-route="/pricingpage"] #surveylet-pricing {--pricing-dock:var(--ds-nav-h,68px);}
body[data-route="/pricingpage"] #surveylet-pricing .pricing-nav {
 background:#193854!important;border-color:#0d2944!important;
 box-shadow:0 8px 20px rgba(16,36,55,.21)!important;
}
body[data-route="/pricingpage"] #surveylet-pricing .pricing-nav-track a {
 border-radius:4px!important;color:#e5edf6!important;background:transparent!important;
 border:0!important;border-bottom:3px solid transparent!important;
}
body[data-route="/pricingpage"] #surveylet-pricing .pricing-nav-track a:hover {
 background:#2a4f70!important;color:#fff!important;
}
body[data-route="/pricingpage"] #surveylet-pricing .pricing-nav-track a[aria-current="true"] {
 color:#fff!important;background:#0f6cbd!important;border-bottom:3px solid #9fd6ff!important;
}
body[data-route="/pricingpage"] #surveylet-pricing .pricing-nav-reminder,
body[data-route="/pricingpage"] #surveylet-pricing .pricing-nav-reminder strong {color:#dceafa!important;}
@media(max-width:850px) {
 body[data-route="/"] main .fluent-prototype .fluent-tab-panel .cal-home-process .cal-home-grid-3{grid-template-columns:1fr!important;}
 body[data-route="/"] main .fluent-prototype .fluent-tab-panel .cal-home-process .cal-home-card{min-height:0;}
}