.clarity-home .under-workspace { font-size:13px; gap:20px; min-height:58px; }
.clarity-home .hero { padding-bottom:0; }
.clarity-showcase-band { background:var(--ink); color:#c2cdbb; }
.clarity-service { padding:76px 0; background:#f6f8f3; }
.clarity-service-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:90px; }
.clarity-heading .eyebrow,.clarity-example .eyebrow { color:#607453; margin-bottom:21px; }
.clarity-heading h2,.clarity-example h2 { font-size:38px; line-height:1.22; }
.clarity-heading > p:not(.eyebrow) { max-width:490px; color:#52634c; font-size:16px; margin:22px 0; }
.clarity-work { margin:0; }
.clarity-work > div { padding:22px 0; border-top:1px solid #d2ddcc; }
.clarity-work dt { display:flex; align-items:center; gap:12px; font:500 20px/1.4 Manrope,sans-serif; }
.clarity-work dt svg { color:#65864a; }
.clarity-work dd { margin:10px 0 0 31px; color:#52634c; font-size:15px; line-height:1.7; }
.clarity-example { background:#e5edf5; padding:58px 0; color:#243f5a; }
.clarity-example > .container { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:90px; }
.clarity-example .eyebrow { color:#4c6d8c; }
.clarity-example p:not(.eyebrow) { max-width:430px; margin:17px 0 22px; font-size:16px; }
.clarity-preview { padding:28px 32px; border-block:1px solid #b7c9db; }
.clarity-preview-top { display:flex; align-items:center; gap:10px; font-size:14px; }
.clarity-preview-top > span { margin-left:auto; font-size:11px; color:#58718a; }
.clarity-example .clarity-preview > p { font:500 24px/1.6 Manrope,sans-serif; }
.clarity-preview-foot { display:block; font-size:13px; color:#526e86; line-height:1.65; }
.clarity-home .questions { padding:66px 0; }
.clarity-home .questions h2 { font-size:36px; }
.clarity-home .questions summary { font-size:16px; }
.clarity-home .questions details > p { font-size:15px; color:#52634c; }
.clarity-guide-link { margin-top:24px; color:#456536; }
.clarity-links { display:flex; flex-wrap:wrap; gap:16px 26px; }
.clarity-proof-link { display:block; min-width:0; }
.clarity-proof-link img { display:block; width:100%; height:auto; border:1px solid #b7c9db; border-radius:6px; }
.clarity-proof-link > span { display:flex; align-items:center; justify-content:space-between; gap:15px; font-size:12px; margin-top:12px; }
.clarity-home .closing { padding:56px 0; }
.clarity-home .closing h2 { font-size:36px; }
.clarity-home .closing .container > p:last-child { max-width:610px; font-size:15px; }
.service-example-detail { border-top:1px solid #c9d6bf; padding-top:24px; margin-top:24px; }
.service-example-detail summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:16px; list-style:none; }
.service-example-detail summary::-webkit-details-marker { display:none; }
.service-example-detail[open] summary svg { transform:rotate(45deg); }
.example-receipt { display:grid; grid-template-columns:1fr 1fr; gap:48px; margin-top:25px; }
.example-receipt h3 { font-size:20px; margin-bottom:14px; }
.example-receipt p,.example-receipt li { font-size:15px; line-height:1.7; color:#4f6346; }
.example-receipt ul { margin:0; padding-left:18px; }
.example-receipt blockquote { margin:0; border-left:2px solid #92aa7d; padding-left:20px; }
.example-receipt .example-caveat { margin-top:18px; font-size:13px; }
.page-intro .intro-bottom > p:not(.intro-lead),.detail-copy p,.story-explanation p { color:inherit; }
.content-page .resource-grid { align-items:stretch; }
@media(max-width:800px) {
  .clarity-service-layout,.clarity-example > .container { gap:35px; }
  .clarity-heading h2,.clarity-example h2 { font-size:30px; }
  .clarity-preview { padding:22px 0; }
  .clarity-example .clarity-preview > p { font-size:21px; }
}
@media(max-width:640px) {
  .clarity-home .under-workspace { display:flex; font-size:12px; padding:15px 0; min-height:0; }
  .clarity-home .under-workspace > a { display:none; }
  .clarity-service,.clarity-example { padding:44px 0; }
  .clarity-service-layout,.clarity-example > .container,.example-receipt { grid-template-columns:1fr; gap:26px; }
  .clarity-heading h2,.clarity-example h2 { font-size:29px; }
  .clarity-heading > p:not(.eyebrow),.clarity-example p:not(.eyebrow) { font-size:15px; }
  .clarity-work dt { font-size:18px; }
  .clarity-work dd { margin-left:0; font-size:14px; }
  .clarity-home .questions { padding:44px 0; }
  .clarity-home .questions h2,.clarity-home .closing h2 { font-size:29px; }
  .clarity-home .closing { padding:42px 0; }
  .clarity-home .questions summary { font-size:15px; }
  .clarity-home .questions details > p { font-size:14px; }
  /* On phones, show readable outcomes instead of shrinking desktop documents. */
  .clarity-home .showcase-stage { height:390px; }
  .clarity-home .showcase-slide { grid-template-rows:180px minmax(0,1fr); }
  .clarity-home .slide-copy { padding:18px 20px; }
  .clarity-home .slide-copy h2 { font-size:25px; }
  .clarity-home .slide-copy h2 br { display:none; }
  .clarity-home .slide-copy h2 span::before { content:' '; }
  .clarity-home .slide-description { font-size:13px; line-height:1.65; }
  .clarity-home .showcase .slide-copy .eyebrow { font-size:10px; }
  .clarity-home .source-notes { display:none; }
  .clarity-home .workflow-scene { display:block; max-width:340px; }
  .clarity-home .handoff-sheet { padding:13px 16px; }
  .clarity-home .sheet-heading { font-size:12px; }
  .clarity-home .handoff-line { margin-top:12px; }
  .clarity-home .handoff-line strong { font-size:13px; }
  .clarity-home .handoff-line p { display:block; font-size:12px; }
  .clarity-home .handoff-line:nth-of-type(3) { margin-bottom:0; }
  .clarity-home .insight-scene { gap:15px; }
  .clarity-home .insight-heading h3 { font-size:19px; }
  .clarity-home .insight-heading .scene-label { font-size:10px; }
  .clarity-home .chart-plot { height:75px; }
  .clarity-home .chart-fill > span { font-size:18px; }
  .clarity-home .chart-column > p { font-size:10px; }
  .clarity-home .insight-attention strong { font-size:12px; }
  .clarity-home .knowledge-source strong { font-size:12px; }
  .clarity-home .output-page { height:110px; padding:12px 8px; }
  .clarity-home .output-page h3 { font-size:12px; }
  .clarity-home .page-top svg { width:20px; height:20px; }
  .clarity-home .page-top > span,.clarity-home .page-deck { display:none; }
  .clarity-home .output-connection { height:15px; margin-top:13px; }
  .clarity-home .output-connection span { height:15px; }
}
@media(max-width:360px) {
  .clarity-home .showcase-stage { height:420px; }
  .clarity-home .showcase-slide { grid-template-rows:200px minmax(0,1fr); }
  .clarity-home .slide-copy { padding-inline:16px; }
  .clarity-home .slide-copy h2 { font-size:23px; }
  .clarity-preview-top { flex-wrap:wrap; }
}