/* Landing-page silver and graphite palette, scoped to the dashboard case study. */
body.uad-case{--ink:#252d32;--muted:#586770;--teal:#347d83;--teal-light:#579fa5;--uad-silver:radial-gradient(ellipse 95% 70% at 67% 2%,#f4f5f6aa,transparent 70%),linear-gradient(125deg,#b9bec2 0%,#dce0e3 45%,#aeb5ba 100%);--uad-graphite:radial-gradient(ellipse 130% 100% at 25% -22%,#e1e8ed55,transparent 70%),linear-gradient(125deg,transparent 18%,#c3cdd31c 42%,transparent 66%),linear-gradient(130deg,#3c4349 0%,#4b535a 38%,#2a3136 78%,#20262b 100%);background:#1c2227}
.uad-case .site-nav,.uad-case .case-hero,.uad-case .case-footer{background:#1c2227;color:#edf1f3}
.uad-case .case-hero .eyebrow,.uad-case .dark .eyebrow{color:#b4bfc6}.uad-case .hero-intro,.uad-case .evolution p{color:#c2ccd2}.uad-case .project-meta dt{color:#a6b2ba}.uad-case .project-meta dd{color:#edf1f3}.uad-case .footer-links{color:#a6b2ba}
.uad-case .silver{background:var(--uad-silver)}
.uad-case .hero-visual,.uad-case .detail-visual,.uad-case .role-comparison,.uad-case .device-state-board,.uad-case .device-usage-pair,.uad-case .device-destination,.uad-case .device-usage-composition{background:var(--uad-graphite)}
.uad-case .evolution{background:var(--uad-graphite);color:#edf1f3}.uad-case .evolution-list li>span{color:#85bdc2}
.uad-case .hero-visual figcaption{background:#1c2227;color:#d0d8dc}.uad-case .hero-visual figcaption span{color:#d0d8dc}
.uad-case .customer-quote{background:linear-gradient(135deg,#f8fafb99,#cbd2d755);color:#39474f;border-color:#a8b4bc66;border-left-color:#7c9299}

body.uad-case :is(.hero-visual,.detail-visual,.role-comparison,.device-state-board,.device-usage-pair,.device-destination,.device-usage-composition) :is(.hero-visual,.detail-visual,.role-comparison,.device-state-board,.device-usage-pair,.device-destination,.device-usage-composition){background:none}

/* UAD-only top refinement: neutral intro grays, with a quiet title-area sheen. */
body.uad-case .site-nav{height:94px;padding-inline:4.5%;background:#171719;color:#eeeeef}
body.uad-case .case-hero{background:radial-gradient(ellipse 105% 95% at 55% 0%,#b9b9bb0b,transparent 78%),linear-gradient(120deg,#1e1e20,#19191b 74%,#171719);color:#eeeeef}
body.uad-case .site-nav .site-talk{border-color:#bcbcbf80;color:#eeeeef;background:#17171966}
body.uad-case .site-nav .site-talk:hover,body.uad-case .site-nav .site-talk:focus-visible{background:#ffffff08;border-color:#d5d5d8;color:#fff;box-shadow:inset 0 0 0 1px #d5d5d8}
body.uad-case .site-nav .site-all-work:hover{color:#d5d5d8}
body.uad-case .site-nav a:focus-visible{outline-color:#d5d5d8}
body.uad-case .case-hero .eyebrow,body.uad-case .case-hero .project-meta dt{color:#bcbcbf}
body.uad-case .case-hero .hero-intro{color:#c9c9cb}
@media(min-width:801px){body.uad-case .site-nav .site-brand{width:clamp(236px,21vw,295px)}}
@media(max-width:800px){body.uad-case .site-nav{height:72px;padding-inline:24px}}

/* One darker Billing & Savings-style surface extends behind both nav and title. */
body.uad-case .uad-intro-surface{background:radial-gradient(ellipse 130% 100% at 25% -22%,#e1e1e422,transparent 70%),linear-gradient(125deg,transparent 18%,#c3c3c80c 42%,transparent 66%),linear-gradient(130deg,#292a2c 0%,#323335 38%,#1d1e20 78%,#151618 100%)}
body.uad-case .uad-intro-surface>.site-nav,body.uad-case .uad-intro-surface>.case-hero{background:transparent}
/* Brighter logo-derived yellow for the UAD contact action only. */
body.uad-case .site-nav .site-talk:hover,body.uad-case .site-nav .site-talk:focus-visible{background:#f2df550a;border-color:#f2df55;color:#f2df55;box-shadow:inset 0 0 0 1px #f2df55}
body.uad-case .site-nav .site-talk:focus-visible{outline-color:#f2df55}

/* Compact Challenge / Goal / Result overview, grounded in the case-study research. */
.uad-case .uad-overview-intro{margin-bottom:26px;max-width:none}
.uad-case .uad-overview-intro h2{margin-bottom:14px}
.uad-case .uad-overview-intro>p:not(.eyebrow){font-size:14px;line-height:1.6;color:var(--muted);margin:0}
.uad-case .uad-overview-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.uad-case .uad-overview-module{padding:25px 26px;border:1px solid #a8b4bc66;border-radius:6px;background:linear-gradient(135deg,#f8fafb99,#cbd2d755);min-width:0}
.uad-case .uad-module-label{display:block;font-size:10px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:#347d83;margin-bottom:16px}
.uad-case .uad-overview-module h3{font-size:21px;line-height:1.25;margin:0 0 17px;letter-spacing:-.035em}
.uad-case .uad-overview-module>p{font-size:13px;line-height:1.7;color:#586770;margin:0}
.uad-case .uad-result-module .customer-quote{padding:15px 0 0;margin:18px 0 0;border:0;border-top:1px solid #94a7ad66;border-radius:0;background:none;box-shadow:none}
.uad-case .uad-result-module .customer-quote p{font:italic 400 20px/1.3 Georgia,serif;color:#39474f;margin:0 0 9px;letter-spacing:-.02em}
.uad-case .uad-result-module .customer-quote footer{font-size:9px;line-height:1.6;color:#586770}
@media(max-width:1000px) and (min-width:751px){.uad-case .uad-overview-module{padding:22px 19px}.uad-case .uad-overview-module h3{font-size:19px}}
@media(max-width:750px){.uad-case .uad-overview-modules{grid-template-columns:1fr;gap:15px}.uad-case .uad-overview-module{padding:23px 24px}.uad-case .uad-module-label{margin-bottom:12px}.uad-case .uad-overview-module h3 br{display:none}.uad-case .uad-overview-module h3{font-size:21px;margin-bottom:13px}}
/* Give the 02 and 03 eyebrows the same section-top inset as Project Overview. */
body.uad-case #research,body.uad-case #design{padding-top:var(--space)}
/* Match Billing & Savings' label inset to the neighboring device-state board. */
body.uad-case .billing-visual{padding-top:24px}
@media(max-width:750px){body.uad-case .billing-visual{padding-top:16px}}

/* State the survey denominator and question before the percentages. */
body.uad-case .benefit-survey-context{margin-top:22px}
body.uad-case .benefit-survey-context h4{font:500 14px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:0;margin:0 0 7px;color:#39474f}
body.uad-case .benefit-survey-context p{font-size:12px;line-height:1.6;color:#586770;margin:0;max-width:650px}
body.uad-case .benefit-survey-context+.benefit-signals{margin-top:15px}
body.uad-case .benefit-survey-source{font-size:10px;line-height:1.6;color:#586770;margin-top:13px}

body.uad-case .benefit-survey-source{font-size:12px;font-weight:600;color:#39474f;margin:20px 0 0}
body.uad-case .benefit-survey-source+.benefit-signals{margin-top:14px}

/* Consistent statistic labels and artwork-header insets. */
body.uad-case .shortcut-rate-caption{font-size:12px;font-weight:600;line-height:1.6;color:#39474f;margin:20px 0 0}
body.uad-case .shortcut-rate-caption+.shortcut-metrics{margin-top:14px}
body.uad-case .shortcuts-visual{padding-top:24px}
@media(max-width:750px){body.uad-case .shortcuts-visual{padding-top:16px}}

/* Match the UAD navigation's logo-yellow rollover on the full-design control. */
body.uad-case .hero-visual .design-toggle{--button-accent:#f2df55;transition:color .2s,background .2s,border-color .2s,box-shadow .2s}
body.uad-case .hero-visual .design-toggle:hover,
body.uad-case .hero-visual .design-toggle:focus-visible{background:#f2df550a;border-color:#f2df55;color:#f2df55;box-shadow:inset 0 0 0 1px #f2df55}
body.uad-case .hero-visual .design-toggle:focus-visible{outline-color:#f2df55}

/* Approved study 05: centered bordered callouts above the dashboard design. */
body.uad-bordered-callouts .hero-intro{margin-bottom:24px}
body.uad-bordered-callouts .project-meta{max-width:none;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;padding:0;margin:0 0 20px;text-align:center}
body.uad-bordered-callouts .project-meta>div{border:1px solid #d0d5d938;border-radius:6px;padding:14px 15px;background:#ffffff03}
body.uad-bordered-callouts .project-meta dt,body.uad-bordered-callouts .project-meta dd{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:10px;font-weight:400;letter-spacing:.1em;line-height:1.6;text-transform:uppercase}
body.uad-bordered-callouts .project-meta dt{color:#bcbcbf;margin:0 0 4px}
body.uad-bordered-callouts .project-meta dd{color:#edf1f3;margin:0}
@media(max-width:750px){
 body.uad-bordered-callouts .project-meta{grid-template-columns:1fr;gap:9px}
 body.uad-bordered-callouts .project-meta>div{padding:13px 15px}
 body.uad-bordered-callouts .project-meta>div:last-child{grid-column:auto}
 body.uad-bordered-callouts .project-meta>div:last-child dt{display:block;margin-right:0}
 body.uad-bordered-callouts .project-meta dd{display:block;white-space:nowrap;letter-spacing:.06em}
}
@media(max-width:360px){body.uad-bordered-callouts .project-meta dt,body.uad-bordered-callouts .project-meta dd{font-size:9px}}

/* Approved Challenge / Goal / Result teal outline icons. */
body.uad-case .uad-overview-module{position:relative}
body.uad-case .uad-module-icon{position:absolute;top:23px;right:26px;width:23px;height:23px;color:#347d83;stroke-width:1.4;pointer-events:none}
body.uad-case .uad-module-label{padding-right:38px;min-height:21px}
@media(max-width:1000px) and (min-width:751px){body.uad-case .uad-module-icon{top:20px;right:19px}}
@media(max-width:750px){body.uad-case .uad-module-icon{top:21px;right:24px}}

/* Compact the UAD overview after simplifying the quote attribution. */
body.uad-case .uad-overview-module{padding-top:22px;padding-bottom:22px}
body.uad-case .uad-overview-module h3{margin-bottom:14px}
body.uad-case .uad-result-module .customer-quote{margin-top:14px;padding-top:12px}
body.uad-case .uad-module-icon{top:20px}
@media(max-width:1000px) and (min-width:751px){body.uad-case .uad-module-icon{top:20px}}
@media(max-width:750px){body.uad-case .uad-overview-module{padding-top:20px;padding-bottom:20px}body.uad-case .uad-overview-module h3{margin-bottom:12px}body.uad-case .uad-module-icon{top:18px}}

/* Smaller, concise headings within the UAD overview cards. */
body.uad-case .uad-overview-module h3{font-size:18px;line-height:1.3;letter-spacing:-.025em}
/* Consistent smaller card headings on mobile. */
@media(max-width:750px){body.uad-case :is(.uad-overview-module,.insight-grid) h3{font-size:17px;line-height:1.3;letter-spacing:-.025em}}
body.uad-case .uad-result-module .customer-quote p{font-size:17px}
body.uad-case :is(.uad-overview-module,.insight-grid) h3{font-size:18px;line-height:1.3;letter-spacing:-.025em}
@media(max-width:750px){body.uad-case :is(.uad-overview-module,.insight-grid) h3{font-size:17px}}
/* Align results copy with the artwork column in Dashboard Design. */
@media(min-width:751px){body.uad-case .validation-grid{grid-template-columns:.8fr 1.4fr;gap:7%}}

/* Compact overview and keep the customer quote on a single line. */
body.uad-case .uad-overview-module{padding-top:18px;padding-bottom:18px}
body.uad-case .uad-overview-module h3{margin-bottom:10px}
body.uad-case .uad-module-label{margin-bottom:10px}
body.uad-case .uad-module-icon{top:16px}
body.uad-case .uad-result-module{container-type:inline-size}
body.uad-case .uad-result-module .customer-quote{border:0;margin-top:12px;padding:0}
body.uad-case .uad-result-module .customer-quote p{font-size:clamp(10px,4.9cqw,15px);white-space:nowrap;margin-bottom:6px}

/* UAD-only trial: slightly smaller feature headings. */
body.uad-case .case-section .feature-copy h3{font-size:24px;line-height:1.3}
@media(max-width:750px){body.uad-case .case-section .feature-copy h3{font-size:22px}}