.op-plan{--ease-out: cubic-bezier(.23, 1, .32, 1);max-width:440px;margin-top:44px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:24px;padding:28px;background:color-mix(in srgb,var(--ink) 5%,transparent);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:inset 0 1px color-mix(in srgb,#fff 22%,transparent),0 24px 50px -32px color-mix(in srgb,#000 65%,transparent)}.op-seg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border:1px solid var(--hair);border-radius:999px;background:color-mix(in srgb,var(--ink) 6%,var(--bg))}.op-seg-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);border-radius:999px;background:color-mix(in srgb,var(--accent) 15%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);transform:translate(calc(var(--seg, 0) * 100%));transition:transform .3s var(--ease-out)}.op-seg-btn{position:relative;z-index:1;appearance:none;background:none;border:0;cursor:pointer;padding:11px 8px;font-family:var(--mono);font-size:13px;letter-spacing:.03em;color:var(--ink);opacity:.55;transition:opacity .16s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.op-seg-btn.is-active{opacity:1}.op-seg-tag{font-size:9px;letter-spacing:.04em;color:var(--accent);line-height:1;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;padding:2px 5px}@media(hover:hover)and (pointer:fine){.op-seg-btn:hover{opacity:.9}}.op-plan-body{margin-top:26px}.op-amount{display:flex;align-items:baseline;gap:3px;font-family:var(--fhead);letter-spacing:-.03em;line-height:1;transition:opacity .18s var(--ease-out),filter .18s var(--ease-out)}.op-amount .op-cur{font-size:clamp(26px,3.5vw,34px);opacity:.65}.op-amount .op-amt-num{font-size:clamp(52px,9vw,82px)}.op-amount .op-amt-per{font-family:var(--mono);font-size:14px;letter-spacing:0;opacity:.5;margin-left:4px}.op-amount-sub{font-family:var(--mono);font-size:12px;opacity:.6;margin-top:14px;min-height:1.2em;transition:opacity .18s var(--ease-out)}.op-plan.is-swapping .op-amount{opacity:0;filter:blur(6px)}.op-plan.is-swapping .op-amount-sub{opacity:0}.op-buy{display:inline-flex;align-items:center;justify-content:center;margin-top:26px;width:100%;box-sizing:border-box;transition:transform .14s var(--ease-out)}.op-buy:active{transform:scale(.97)}.op-plan-note{font-family:var(--mono);font-size:11px;opacity:.5;margin-top:14px;text-align:center}@media(prefers-reduced-motion:reduce){.op-seg-thumb{transition:none}.op-plan.is-swapping .op-amount,.op-plan.is-swapping .op-amount-sub{filter:none;opacity:.4}}.op-included{margin-top:52px;max-width:760px}.op-included-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 26px;margin-top:6px}.op-included-list li{font-size:15px;opacity:.85;padding-left:22px;position:relative}.op-included-list li:before{content:"✓";position:absolute;left:0;color:var(--accent)}.op-fineprint{font-family:var(--mono);font-size:12px;opacity:.55;margin-top:24px;line-height:1.6}@media(max-width:640px){.op-included-list{grid-template-columns:1fr}}.op-apps-sec{margin-top:84px}.op-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.op-app{border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:18px;padding:28px;background:color-mix(in srgb,var(--ink) 5%,transparent);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px color-mix(in srgb,#fff 22%,transparent),0 20px 44px -30px color-mix(in srgb,#000 65%,transparent);transition:transform .22s var(--ease-out),border-color .22s var(--ease-out),box-shadow .22s var(--ease-out)}@media(hover:hover)and (pointer:fine){.op-app:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#fff 28%,transparent),0 28px 54px -30px color-mix(in srgb,var(--accent) 55%,transparent)}}.op-app-badge{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:999px;padding:3px 10px}.op-app h4{font-family:var(--fhead);font-size:22px;letter-spacing:-.02em;margin:16px 0 10px}.op-app p{font-size:15px;opacity:.82;line-height:1.6}@media(max-width:760px){.op-apps{grid-template-columns:1fr}}
