/* Readable supporting text across the home page. */
.hp3 :is(.story-post header b,.drive-window header b){color:#f4f7f8;font-size:15px}
.hp3 :is(.story-post header small,.drive-window header small){color:#c4d0d7;font-size:12px;line-height:1.5}
.hp3 .story-post footer span{color:#cbd6dc;font-size:12px}
.hp3 .story-person b{color:#f4f7f8;font-size:12px}
.hp3 .story-person i{font-size:12px}
.hp3 .story-live{color:#e2bcff;font-size:11px;line-height:1.5}
.hp3 .drive-window header em{font-size:12px}
.hp3 .drive-breadcrumb{color:#c4d0d7;font-size:12px}
.hp3 .drive-breadcrumb b{color:#d3e6ff}
.hp3 .drive-files>span>b{color:#f4f7f8;font-size:13px;overflow-wrap:anywhere;min-width:0}
.hp3 .drive-files>span>small{color:#c4d0d7;font-size:11px}
.hp3 .drive-files>span>i{color:#b8d8ff;font-size:10px}
.hp3 .drive-window footer>span{color:#c4d0d7;font-size:11px;line-height:1.5}
.hp3 .drive-folder{color:#d3e6ff;font-size:11px}
.hp3 .drive-folder b{color:#c4d0d7;font-size:11px;line-height:1.5}
.hp3 .hp3-result-card>header>span{color:#d5dfe5;font-size:11px!important}
.hp3 .hp3-result-file>div{min-width:0}
.hp3 .hp3-result-file b{color:#f4f7f8;font-size:13px;overflow-wrap:anywhere}
.hp3 .hp3-result-file small{color:#c4d0d7;font-size:11px;line-height:1.5}
.hp3 .hp3-result-file>span{font-size:10px}
.hp3 .hp3-result-labels{color:#c4d0d7;font-size:10px}
.hp3 .hp3-result-card>footer b{color:#dce5ea;font-size:11px}
.hp3 .hp3-result-card>footer a{font-size:12px}
.hp3 .result-image em{font-size:10px!important;color:#edf3f6}
.hp3 .result-format-file b{font-size:17px!important;color:#dce5ea}
.hp3 .result-format-file small{font-size:10px!important;color:#c4d0d7}
.hp3 .result-format-file.webp b,.hp3 .result-format-file.webp small{color:var(--lime)}
.hp3 :is(.result-background>strong,.result-compress>strong){font-size:10px}
@media(max-width:720px){
  .hp3 .hp3-result-card .hp3-result-body>p{font-size:12px!important;line-height:1.6!important}
  .hp3 .hp3-result-card h3{font-size:15px!important;line-height:1.3!important}
  .hp3 .result-format-file{width:48px!important;height:70px!important}
  .hp3 .result-format-file b{font-size:11px!important}
  .hp3 .result-format-file small{font-size:9px!important}
  .hp3 .story-post footer span{font-size:10px}
  .hp3 .drive-files>span>b{font-size:11px}
  .hp3 .drive-files>span>small{font-size:10px}
}
.hp3 .hp3-workflow>header span{color:#e0e7eb;font-size:11px;line-height:1.5}
.hp3 .hp3-file-card>div{min-width:0;gap:5px}
.hp3 .hp3-file-card b{color:#f4f7f8;font-size:14px;overflow-wrap:anywhere}
.hp3 .hp3-file-card small{color:#c4d0d7;font-size:12px;line-height:1.5}
.hp3 .hp3-file-card>span{font-size:10px}
.hp3 .hp3-tool-chip small{color:#c4d0d7;font-size:10px;line-height:1.5}
.hp3 .hp3-tool-chip b{color:#f4f7f8;font-size:12px;line-height:1.5}
.hp3 .hp3-workflow>footer b{color:#f4f7f8;font-size:13px;line-height:1.5}
.hp3 .hp3-workflow>footer small{color:#c4d0d7;font-size:11px;line-height:1.5}
.hp3 .hp3-workflow>footer button{font-size:12px;color:#11160d}
.hp3 .hp3-workflow>footer button b{color:inherit;font-size:inherit}
.hp3 .hp3-preview-top span{color:#d2dde3;font-size:10px;line-height:1.5}
.hp3 .hp3-preview-top span:last-child{color:var(--lime)}
.hp3 .hp3-preview-palette>span{font-size:11px}
.hp3 .hp3-eyebrow{color:#d3dce1;font-size:11px;line-height:1.5}
.hp3 .hp3-lead{color:#d0d9de;font-size:17px;line-height:1.7}
.hp3 .hp3-offer>span{color:#d0d9de;font-size:12px;line-height:1.5}
.hp3 .hp3-offer>span:first-child b{font-size:13px}
.hp3 .hp3-offer>span:first-child i{font-size:10px}
.hp3 .hp3-offer>a{font-size:12px}
.hp3 .hp3-proof{color:#c7d2d8;font-size:12px;gap:12px 20px;line-height:1.5}
.hp3 .hp3-button{font-size:13px}
.hp3 :is(.hp3-section-head>div:last-child p,.hp3-step-intro>p:not(.hp3-eyebrow),.hp3-ecosystem p,.hp3-results>header>p:not(.hp3-eyebrow),.hp3-story-copy>p:not(.hp3-eyebrow),.hp3-final>p:not(.hp3-eyebrow)){color:#c7d2d8;font-size:15px;line-height:1.7}
.hp3 :is(.hp3-tool-card p,.hp3-steps li p,.hp3-result-body>p,.hp3-story-points small){color:#c3cfd5;font-size:13px;line-height:1.6}
.hp3 :is(.hp3-tool-card small,.hp3-step-benefits small,.hp3-signal div>small,.hp3-signal div>span,.hp3-final-note,.hp3-pricing-proof){color:#bcc9d0;font-size:11px;line-height:1.5}
.hp3 :is(.hp3-text-link,.hp3-section-head a,.hp3-tool-card u,.hp3-ecosystem a>b){font-size:12px}
@media(max-width:720px){
  .hp3 .hp3-eyebrow,.hp3 .hp3-copy .hp3-eyebrow{color:#d3dce1!important;font-size:10px!important;max-width:100%;width:fit-content;line-height:1.5!important}
  .hp3 .hp3-lead{color:#d0d9de!important;font-size:15px!important;line-height:1.65!important}
  .hp3 .hp3-offer>span:not(:first-child){color:#d0d9de!important;font-size:10px!important}
  .hp3 .hp3-offer>span:first-child b{font-size:12px!important}
  .hp3 .hp3-offer>span:first-child i{font-size:9px!important}
  .hp3 .hp3-offer>a{font-size:10px!important;padding-inline:10px!important}
  .hp3 .hp3-proof span{color:#c7d2d8;font-size:11px!important;white-space:normal;line-height:1.5}
  .hp3 .hp3-button{font-size:13px!important}
  .hp3 :is(.hp3-section-head>div:last-child p,.hp3-step-intro>p:not(.hp3-eyebrow),.hp3-ecosystem p,.hp3-results>header>p:not(.hp3-eyebrow),.hp3-story-copy>p:not(.hp3-eyebrow),.hp3-final>p:not(.hp3-eyebrow)){font-size:14px!important;line-height:1.65!important}
  .hp3 :is(.hp3-tool-card p,.hp3-steps li p,.hp3-result-body>p,.hp3-story-points small){font-size:12px!important;line-height:1.6!important}
}