.plan-benefit-preview,.plan-tier-badge--creator{--plan-preview-accent:#365bd1;--plan-preview-soft:#edf1ff;--plan-preview-border:#cbd6fa}.plan-benefit-preview--studio,.plan-tier-badge--studio{--plan-preview-accent:#4657a2;--plan-preview-soft:#edf0fc;--plan-preview-border:#cfd7f3}.plan-benefit-preview--collective,.plan-tier-badge--collective{--plan-preview-accent:#244bbd;--plan-preview-soft:#e8efff;--plan-preview-border:#bfcfff}.plan-wave-artwork{pointer-events:none;color:#bed2ff;width:100%;height:100%;position:absolute;inset:0}.plan-benefit-preview{isolation:isolate;color:#fff;min-width:0;font-family:var(--font-sans);background:radial-gradient(at 12% 0,#3c6cff80,#0000 70%),linear-gradient(125deg,#193880,#16284e 70%,#223d81);border:1px solid #6188dd;border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff30,0 12px 28px -20px #193b88a0}.plan-benefit-preview:after{content:"";pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.5' d='M0 0h140v140H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.plan-benefit-preview-toolbar,.plan-benefit-preview-panel{z-index:1;position:relative}.plan-benefit-preview-toolbar{background:#071b421f;border-bottom:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:4px 10px 4px 16px;display:flex}.plan-benefit-preview-label{color:#d9e4ff;align-items:center;gap:7px;font-size:11px;line-height:1.4;display:inline-flex}.plan-benefit-preview-tabs{flex-wrap:wrap;align-items:center;gap:2px;min-width:0;max-width:100%;margin-left:auto;display:flex}.plan-benefit-preview-tabs>button{color:#d9e4ff;min-width:0;min-height:44px;font:500 12px/1.2 var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 10px;transition:color .16s,background .16s;display:inline-flex}.plan-benefit-preview-tabs>button[aria-selected=true]{color:var(--plan-preview-accent);background:#f4f7ff}.plan-benefit-preview-tabs>button:hover{color:#fff;background:#ffffff17}.plan-benefit-preview-tabs>button[aria-selected=true]:hover{color:var(--plan-preview-accent);background:#fff}.plan-benefit-preview-tabs>button:focus-visible,.plan-benefit-preview-panel:focus-visible{outline-offset:-3px;outline:2px solid #a9c6ff}.plan-benefit-preview-panel{min-height:142px;padding:22px 20px 18px;animation:.23s cubic-bezier(.2,.7,.3,1) both plan-benefit-preview-reveal}.plan-benefit-preview-panel figure{margin:0}.plan-benefit-preview-panel figcaption{color:#c2d2f3;margin-top:17px;font-size:11px;line-height:1.4}.plan-tier-badge{border:1px solid var(--plan-preview-border);width:max-content;max-width:100%;min-height:26px;color:var(--plan-preview-accent);background:linear-gradient(115deg, #fffdf8 0%, var(--plan-preview-soft) 34%, #ffffffb3 52%, var(--plan-preview-soft) 76%, #faf7ef 100%);font:500 12px/1.2 var(--font-sans);white-space:nowrap;border-radius:6px;align-self:flex-start;align-items:center;gap:5px;padding:3px 8px;display:inline-flex;box-shadow:inset 0 1px #ffffffd9,0 1px 2px #211b1608}.plan-tier-badge>svg{flex:none}.plan-benefit-profile-identity{align-items:center;gap:14px;display:flex}.plan-benefit-profile-avatar{border:1px solid var(--plan-preview-border);color:#fff;height:58px;font:400 22px/1 var(--font-mono);letter-spacing:-1.5px;background:linear-gradient(145deg,#ffffff21,#b4ceff0b);border-radius:19px;flex:0 0 58px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff26}.plan-benefit-profile-name{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;display:flex}.plan-benefit-profile-heading{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.plan-benefit-profile-heading>.plan-tier-badge{align-self:center}.plan-benefit-profile-handle{font:500 34px/1 var(--font-sans);letter-spacing:-1px}.plan-benefit-supporter{color:#d2dfff;font-size:12px;line-height:1.3}.plan-benefit-skillspace-tile{align-items:center;gap:13px;min-height:92px;display:flex}.plan-benefit-skillspace-image{background:#e8e5dc;border:1px solid #ffffff40;border-radius:12px;flex:0 0 94px;height:92px;overflow:hidden}.plan-benefit-skillspace-image>img{object-fit:cover;object-position:50% 60%;width:100%;height:100%}.plan-benefit-skillspace-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.plan-benefit-skillspace-copy>strong{letter-spacing:-.3px;font-size:18px;font-weight:500;line-height:1.2}.plan-benefit-skillspace-copy>span:last-child{color:#d2dfff;font-size:12px;line-height:1.3}@keyframes plan-benefit-preview-reveal{0%{opacity:0;transform:translateY(5px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=360px){.plan-benefit-preview-toolbar{gap:4px;padding-inline:10px}.plan-benefit-preview-tabs{flex:1 0 100%}.plan-benefit-preview-tabs>button{flex:1;padding-inline:7px}.plan-benefit-preview-label{min-height:30px}.plan-benefit-profile-avatar{border-radius:15px;flex-basis:48px;height:48px}.plan-benefit-profile-identity{gap:11px}.plan-benefit-preview-panel{padding:14px}.plan-benefit-skillspace-image{flex-basis:80px}.plan-benefit-skillspace-copy>strong{font-size:16px}}@media (prefers-reduced-motion:reduce){.plan-benefit-preview-panel{animation:none}.plan-benefit-preview-tabs>button{transition:none}}