.protected-feature{isolation:isolate;position:relative}.protected-feature--gated{max-height:min(100svh - 11rem,40rem);overflow:hidden}.protected-feature--gated .protected-feature__preview{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(#000 52%,#0000004d 80%,#0000 100%),linear-gradient(90deg,#0000 0,#000 5% 95%,#0000 100%);mask-image:linear-gradient(#000 52%,#0000004d 80%,#0000 100%),linear-gradient(90deg,#0000 0,#000 5% 95%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.protected-feature__preview{pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .26s}.protected-feature__preview--light{filter:blur(5px);opacity:.72}.protected-feature__preview--medium{filter:blur(7px);opacity:.68}.premium-access-overlay{z-index:20;background:radial-gradient(62% 58%,#050608e0 0%,#05060899 55%,#05060800 100%);justify-content:center;align-items:center;padding:1.5rem 1rem 2rem;display:flex;position:absolute;inset:0}.premium-access-card{background:radial-gradient(120% 100% at 0 0,#2eea7a17 0%,#2eea7a00 55%),linear-gradient(#0d1319f7 0%,#080b10fa 100%);border:1px solid #ffffff0f;border-radius:26px;width:min(100%,30rem);padding:1.75rem 1.5rem;position:relative;box-shadow:0 40px 120px -45px #000000e6,0 0 60px -30px #2eea7a80,inset 0 1px #ffffff0d}.premium-access-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(150deg,#2eea7a80 0%,#2eea7a00 42% 62%,#2eea7a3d 100%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (min-width:640px){.premium-access-card{padding:2rem}}.premium-access-card__icon{color:#2eea7a;background:#2eea7a1a;border:1px solid #2eea7a40;border-radius:16px;justify-content:center;align-items:center;width:3rem;height:3rem;display:inline-flex;box-shadow:0 12px 30px -18px #2eea7ae6}.premium-access-card__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#2eea7a;margin-top:1.1rem;font-size:.6875rem;font-weight:700;display:block}.premium-access-card__title{letter-spacing:-.01em;color:#fff;margin-top:.5rem;font-size:1.375rem;font-weight:800;line-height:1.25}@media (min-width:640px){.premium-access-card__title{font-size:1.5rem}}.premium-access-card__description{color:#9ba3af;margin-top:.625rem;font-size:.9375rem;line-height:1.6}.gate-meter{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;margin-top:1.25rem;padding:.875rem 1rem}.gate-meter__row{color:#6b7280;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.75rem;display:flex}.gate-meter__value{color:#fff;font-size:1.25rem;font-weight:800}.gate-meter__target{color:#9ba3af;font-weight:600}.gate-meter__track{background:#ffffff14;border-radius:999px;height:6px;margin-top:.625rem;overflow:hidden}.gate-meter__fill{background:linear-gradient(90deg,#1fb862,#2eea7a);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 16px -2px #2eea7acc}.premium-access-card__actions{flex-direction:column;gap:.625rem;margin-top:1.5rem;display:flex}@media (min-width:480px){.premium-access-card__actions{flex-direction:row}}.gate-btn{text-align:center;white-space:nowrap;cursor:pointer;border-radius:14px;flex:1 1 0;justify-content:center;align-items:center;gap:.5rem;min-width:0;min-height:3rem;padding:0 1.25rem;font-size:.9375rem;font-weight:700;line-height:1;transition:transform .18s cubic-bezier(.16,1,.3,1),filter .18s,background-color .18s,border-color .18s;display:inline-flex}.gate-btn:focus-visible{outline-offset:2px;outline:2px solid #2eea7a}.gate-btn:disabled{opacity:.55;cursor:not-allowed}.gate-btn--primary{color:#04120a;background:linear-gradient(135deg,#2eea7a 0%,#1fb862 100%);border:1px solid #2eea7a8c;box-shadow:0 18px 40px -18px #2eea7ad9,inset 0 1px #ffffff59}.gate-btn--primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.gate-btn--primary:active:not(:disabled){transform:translateY(0)scale(.99)}.gate-btn--ghost{color:#e5e7eb;background:#ffffff08;border:1px solid #ffffff1a}.gate-btn--ghost:hover:not(:disabled){color:#fff;background:#2eea7a12;border-color:#2eea7a59}.gate-btn__icon{transition:transform .18s cubic-bezier(.16,1,.3,1)}.gate-btn--primary:hover .gate-btn__icon{transform:translate(2px)}.gate-btn__icon--spin{animation:.9s linear infinite gate-spin}@keyframes gate-spin{to{transform:rotate(360deg)}}.premium-access-card__footnote{color:#6b7280;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;display:flex}@media (prefers-reduced-motion:reduce){.gate-btn,.gate-btn__icon,.gate-meter__fill{transition:none}.gate-btn__icon--spin{animation:none}}