/* ClarityPOD expands within the existing OKTObrand chapter system.
   The optical artwork is decorative; every essential word stays sharp. */
.offering-brand .clarity-feature{min-height:0;gap:72px;background:var(--paper)}
.clarity-feature-identity{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.clarity-feature .offering-product-name{font-size:clamp(72px,7.778vw,112px);line-height:1.04;letter-spacing:-.04em}
.clarity-feature-descriptor{font-size:24px;line-height:32px;letter-spacing:-.015em}
.clarity-feature-main{align-items:center}
.clarity-feature-copy{gap:32px}
.offering-main .clarity-feature-title{font-size:clamp(48px,4.8vw,72px);line-height:1.02;letter-spacing:-.035em;font-weight:700;text-wrap:balance}
.clarity-feature-copy>.offering-body{max-width:46ch}
.clarity-feature-copy>.offering-button{margin-top:8px}
.clarity-lens-stage{position:relative;aspect-ratio:1;width:100%;min-width:0;container-type:inline-size;overflow:hidden;isolation:isolate;background:var(--paper)}
.clarity-lens-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:flex;align-items:baseline;white-space:nowrap;font-family:HeartLausanne,Lausanne,sans-serif;font-size:16cqw;font-weight:100;line-height:1;letter-spacing:-.05em;filter:blur(calc(2px + (1 - var(--clarity-focus,0)) * 5px));pointer-events:none}
.clarity-lens-word>strong{font-weight:800;background:var(--heart-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.clarity-lens-canvas,.clarity-lens-fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.clarity-lens-canvas{z-index:2}
.clarity-lens-fallback{z-index:3;object-fit:contain}
.clarity-lens-stage[data-state=ready] .clarity-lens-fallback{visibility:hidden}
.clarity-feature-output-band{display:flex;flex-direction:column;gap:56px;padding-top:48px;border-top:1px solid rgb(24 27 24 / .16)}
.clarity-feature-outputs{row-gap:56px}
.clarity-feature-output{display:flex;flex-direction:column;gap:20px;min-width:0}
.clarity-feature-output h4{font-size:36px;line-height:42px;letter-spacing:-.025em;font-weight:700;max-width:28ch;text-wrap:balance;hyphens:auto;overflow-wrap:anywhere}
.clarity-feature-output>.offering-body{font-size:20px;line-height:29px;max-width:43ch}
.clarity-feature-scope{max-width:none}
@media(max-width:1100px){
 .offering-main .clarity-feature-title{font-size:48px}
 .clarity-feature-output h4{font-size:28px;line-height:34px}
}
@media(max-width:800px){
 .clarity-feature-main{gap:32px}
 .clarity-lens-stage{max-width:640px;justify-self:center}
 .clarity-feature-outputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
}
@media(max-width:700px){
 .offering-brand .clarity-feature{gap:48px}
 .clarity-feature .offering-product-name{font-size:clamp(52px,14.36vw,72px)}
 .clarity-feature-descriptor{font-size:20px;line-height:28px}
 .offering-main .clarity-feature-title{font-size:clamp(36px,9.74vw,44px);line-height:1.05}
 .clarity-feature-copy{gap:28px}
 .clarity-feature-output-band{gap:40px;padding-top:40px}
 .clarity-feature-outputs{grid-template-columns:minmax(0,1fr);gap:40px}
 .clarity-feature-output{gap:16px}
 .clarity-feature-output h4{font-size:25px;line-height:31px}
}
@media(prefers-reduced-motion:reduce){
 .clarity-lens-word{filter:blur(2px)}
}