/* A product is introduced as one whole: identity, value, working example,
   tangible deliverables and a single next step. Runtime optics stay scoped. */
.offering-page :is(.clarity-feature,.brandpod-feature){min-height:0;gap:56px;background:var(--paper)}
:is(.clarity-feature-main,.brandpod-feature-main){align-items:center}
:is(.clarity-feature-identity,.brandpod-feature-identity){display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:8px}
:is(.clarity-feature-copy,.brandpod-feature-copy){gap:28px}
:is(.clarity-feature-copy,.brandpod-feature-copy)>.okto-copy-lead{max-width:44ch}
:is(.clarity-feature-copy,.brandpod-feature-copy)>.offering-detail{max-width:48ch}
:is(.clarity-feature-identity,.brandpod-feature-identity)>.okto-product-descriptor{margin:0}
.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:14.5cqw;font-weight:100;line-height:1;letter-spacing:-.05em;filter:blur(calc((1 - var(--clarity-focus,0)) * max(7px,2.1cqw)));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}
:is(.clarity-feature-output-band,.brandpod-feature-output-band){padding-top:40px;border-top:1px solid var(--okto-line)}
.product-feature-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:8px}
.product-feature-footer>.offering-service-summary{max-width:52ch;margin:0}
.product-feature-footer>.offering-button{flex-shrink:0;margin:0}
@media(max-width:800px){
 :is(.clarity-feature-main,.brandpod-feature-main){gap:40px}
 .clarity-lens-stage{max-width:640px;justify-self:center}
 .product-feature-footer{align-items:flex-start;flex-direction:column;gap:24px}
}
@media(max-width:700px){
 .offering-page :is(.clarity-feature,.brandpod-feature){gap:40px}
 :is(.clarity-feature-copy,.brandpod-feature-copy){gap:24px}
 :is(.clarity-feature-output-band,.brandpod-feature-output-band){padding-top:32px}
}
@media(prefers-reduced-motion:reduce){.clarity-lens-word{filter:none}}