.sector-mockup .mockup-vignette{background:radial-gradient(120% 90% at 65%,#0000 55%,oklab(0% none none/.7) 100%)}@media (width<=1023px){.sector-mockup .mockup-vignette{background:linear-gradient(#0000 45%,oklab(0% none none/.55) 70%,oklab(0% none none/.92) 100%)}}@media (width>=1024px){.sector-mockup .mockup-vignette{background:linear-gradient(90deg,oklab(0% none none/.85) 0%,oklab(0% none none/.4) 30%,#0000 48%),radial-gradient(120% 90% at 65%,#0000 60%,oklab(0% none none/.6) 100%)}}.mockup-caption-panel{max-width:30rem}@media (width<=1023px){.mockup-caption-panel{background:color-mix(in oklab, var(--color-case-dark,black) 72%, transparent);border:1px solid color-mix(in oklab, var(--primary-foreground) 12%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);border-radius:1.25rem;margin-inline:auto;padding:1rem 1.1rem 1.1rem}}.mockup-caption{opacity:0;filter:blur(4px);grid-area:1/1;transition:opacity .55s,transform .55s,filter .55s;transform:translateY(10px)}.mockup-caption[data-active=true]{opacity:1;filter:none;transform:none}.mockup-closing{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(6px)}.mockup-closing[data-active=true]{opacity:1;transform:none}.mockup-steps{gap:.375rem;display:flex}.mockup-steps li{background:color-mix(in oklab, var(--primary-foreground) 18%, transparent);border-radius:999px;flex:1;max-width:3rem;height:2px;transition:background .4s}.mockup-steps li[data-active=true]{background:var(--color-parogon-teal)}.mockup-plan-label{font-family:var(--font-serif,Georgia, serif);white-space:nowrap;color:var(--color-parogon-teal);letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-size:13px;font-style:italic}.mockup-marker-label{white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:12px;font-weight:600;display:inline-flex}.mockup-marker-label.is-compact{padding:.25rem .55rem;font-size:10px}.mockup-marker-dot{background:var(--color-parogon-teal);border-radius:999px;width:6px;height:6px}.mockup-photo-shade{background:linear-gradient(#0000 55%,oklab(0% none none/.45))}.mockup-marker{pointer-events:none;align-items:center;gap:.5rem;display:inline-flex;transform:translate(-50%,-50%)}.mockup-marker-pulse{background:var(--color-parogon-teal);width:12px;height:12px;box-shadow:0 0 0 3px color-mix(in oklab, var(--color-parogon-teal) 30%, transparent);border-radius:999px;flex:none;position:relative}.mockup-marker-pulse:after{content:"";border-radius:inherit;border:2px solid var(--color-parogon-teal);animation:2s ease-out infinite mockup-pulse;position:absolute;inset:0}@keyframes mockup-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}@media (prefers-reduced-motion:reduce){.mockup-marker-pulse:after{animation:none}}@media (width<=639px){.mockup-marker .mockup-marker-label{padding:.25rem .55rem;font-size:10px}}
