/* Homepage product teasers use the same identities/actions as their chapters.
   The original traveller remains the BrandPOD glass; only its lettering/framing
   follows the product family. Opening material/physics are unchanged. */
.home-clarity.okto-equal-columns,.brandpod.okto-equal-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--okto-grid-gap);align-items:center;padding:var(--okto-chapter-space) var(--okto-edge);background:var(--okto-paper)}
.home-clarity-copy,.brandpod .brandpod-copy{display:flex;flex-direction:column;align-items:flex-start;gap:32px;padding:0;min-width:0}
.home-product-identity{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}
.home-product-identity .okto-product-descriptor{margin:0}
.brandpod .brandpod-copy .okto-product-title{margin:0}
.home-clarity-copy>.okto-type-body,.brandpod-copy>.okto-type-body{margin:0;max-width:46ch}
.home-clarity-copy>.okto-copy-lead,.brandpod-copy>.okto-copy-lead{margin:0;max-width:42ch}
.home-clarity-copy>.okto-type-caption{margin:0;max-width:52ch}
.home-product-proof{width:100%;border-top:1px solid var(--okto-line);padding-top:8px}
.home-product-proof>summary{list-style:none}
.home-product-proof>summary::after{content:'+';font-size:20px}
.home-product-proof[open]>summary::after{content:'−'}
.home-product-proof .home-clarity-visual{aspect-ratio:auto;padding:32px 16px;margin-top:16px}
.brandpod-visual .brandpod-glass-word{top:50%;display:flex;align-items:baseline;font-family:var(--okto-font);font-size:6.5cqw;font-weight:400;line-height:1.15;letter-spacing:-.025em;white-space:nowrap}
.brandpod-visual .bubble-anchor{top:50%;width:79%;height:79%}
.brandpod-visual .brandpod-fallback{filter:none;opacity:1}
:is(.clarity-feature-identity,.brandpod-feature-identity) .okto-product-descriptor{margin:0}
.home-clarity.okto-equal-columns,.brandpod.okto-equal-columns{row-gap:56px;align-content:start}
.home-clarity>.okto-lens,.brandpod>.brandpod-visual{width:100%;max-width:840px;justify-self:center}
.home-product-outputs,.home-product-footer,.home-product-proof{grid-column:1/-1}
.home-product-footer{display:flex;align-items:center;gap:40px;flex-wrap:wrap}
.home-product-footer .home-clarity-scope{max-width:42ch;margin:0;font-size:18px;line-height:1.4}
.home-product-proof{margin-top:-24px}
.home-product-proof>summary.okto-text-action{font-size:20px;line-height:1.3;gap:24px}
.home-positioning-preview{max-width:1120px;padding-top:24px}
.home-positioning-preview>.okto-type-label{margin:0 0 20px;color:var(--okto-muted)}
.home-positioning-art{container-type:inline-size;aspect-ratio:636/386.509;width:100%;margin:0;background:transparent;overflow:hidden}
.home-positioning-art p{margin:0}
@media(min-width:1800px){
 .home-product-identity{gap:20px;margin-bottom:12px}
 .home-product-identity .okto-product-name{font-size:clamp(80px,4.5vw,112px)}
 :is(.home-clarity-copy,.brandpod-copy) .okto-product-title{font-size:clamp(72px,4vw,104px)}
 .brandpod-copy>.okto-type-body{font-size:26px;line-height:1.4}
}
@media(max-width:800px){
 .home-clarity.okto-equal-columns,.brandpod.okto-equal-columns{grid-template-columns:minmax(0,1fr);gap:40px}
 .home-clarity-copy,.brandpod .brandpod-copy{order:0;gap:24px}
 .home-clarity>.okto-lens,.brandpod>.brandpod-visual{order:1;max-width:640px;width:100%;justify-self:center}
 .home-product-identity{margin-bottom:8px}
 .home-product-outputs{order:2}.home-product-footer{order:3;gap:24px}.home-product-proof{order:4;margin-top:0}
 .home-product-footer .home-clarity-scope{font-size:17px}
 .home-positioning-preview{padding-top:20px}
}
/* While the ClarityPOD lens draws the page's cursor droplet, it sits above the
   page's refraction layer (3) and glass canvas (4), so the droplet keeps the same
   bent content beneath it and glass on top as the free droplet. */
.home-clarity .okto-lens[data-state=ready]{z-index:5}