.pro-card{--pc-ink:#f3efe3;--pc-ink-2:#c9c3b4;--pc-ink-3:#a8a397;--pc-foil:#e4d296;isolation:isolate;color:var(--pc-ink);background:linear-gradient(140deg,#1d1e23 0%,#15161a 55%,#1f1b12 100%);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d6be8261}html[data-site-theme=light] .pro-card{background:linear-gradient(140deg,#2a2b31 0%,#1c1d22 60%,#2b2416 100%);box-shadow:inset 0 0 0 1px #d6be8273,0 10px 28px -18px #1b16088c}.pro-card:after{content:"";z-index:-1;opacity:.07;pointer-events:none;background:#d6be82;width:120px;height:120px;position:absolute;inset-block-end:-22px;inset-inline-end:-14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.2 7.8 11.8 12 5.5l4.2 6.3 4.3-3.6-1.7 9.3H5.2L3.5 8.2Z'/%3E%3Cpath d='M5.5 20.5h13'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.2 7.8 11.8 12 5.5l4.2 6.3 4.3-3.6-1.7 9.3H5.2L3.5 8.2Z'/%3E%3Cpath d='M5.5 20.5h13'/%3E%3C/svg%3E") 50%/contain no-repeat}.pro-card--sm:after{width:84px;height:84px;inset-block-end:-16px}.pro-card :is(.text-ink,h2,h3){color:var(--pc-ink)}.pro-card .text-ink-2{color:var(--pc-ink-2)}.pro-card :is(.text-ink-3,.text-ink-4){color:var(--pc-ink-3)}.pro-card .pro-foil{color:var(--pc-foil)}.pro-card .pro-perk-icon{width:28px;height:28px;color:var(--pc-foil);background:#d6be8214;border-radius:8px;flex-shrink:0;place-content:center;display:grid;box-shadow:inset 0 0 0 1px #d6be8247}.pro-card .pro-perk-icon--lg{border-radius:12px;width:40px;height:40px}.pro-card .pro-perk-icon--xl{border-radius:12px;width:44px;height:44px}.pro-card .pro-row:hover{background:#ffffff0d}.pro-card .pro-meter{background:#ffffff1a}.pro-card .pro-meter>span[data-tone=pro]{background:linear-gradient(90deg,#b99a55,#e4d296)}.pro-card .pro-quiet{color:var(--pc-ink-3)}.pro-card .pro-quiet:hover{color:var(--pc-ink)}.pro-card .pro-chip{color:var(--pc-ink-2);background:#d6be8214;border:1px solid #d6be824d}.pro-card .pro-btn{color:var(--pc-ink);background:#ffffff0a;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:background-color .15s;display:inline-flex;box-shadow:inset 0 0 0 1px #d6be8259}.pro-card .pro-btn:hover{background:#ffffff17}.pro-tag{letter-spacing:.02em;color:#1b1608;background:linear-gradient(135deg,#e9d9a6,#b99a55);border-radius:6px;flex-shrink:0;align-items:center;font-weight:800;display:inline-flex}a.pro-tag:hover{background:linear-gradient(135deg,#f1e4b9,#c6a862)}.pro-cta{color:#1b1608;background:linear-gradient(135deg,#e9d9a6,#c3a35e);border-radius:10px;align-items:center;gap:6px;font-weight:800;transition:filter .15s;display:inline-flex}.pro-cta:hover{filter:brightness(1.06)}@media (max-width:47.99rem){.pro-cta[data-pro-entry=bar]{display:none}}.pro-cta svg,.pro-tag svg,.pro-card .pro-cta .pro-foil,.pro-card .pro-tag .pro-foil{color:inherit}.pro-ghost{color:var(--color-pro-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-pro-edge) 55%, transparent);background:0 0;border-radius:10px;align-items:center;gap:6px;font-weight:700;transition:box-shadow .15s,background-color .15s;display:inline-flex}.pro-ghost:hover{box-shadow:inset 0 0 0 1px var(--color-pro-edge);background:color-mix(in srgb, var(--color-pro-tint) 60%, transparent)}.pro-row-edge{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-pro-edge) 60%, transparent);transition:box-shadow .15s}.pro-row-edge:hover{box-shadow:inset 0 0 0 1px var(--color-pro-edge)}.learner-sheet__row.pro-row-edge{border-color:#0000}.pro-plan{flex-direction:column;gap:20px;display:flex}@media (min-width:768px){.pro-plans{grid-template-rows:repeat(6,auto);align-items:stretch}.pro-plans>.pro-plan{grid-row:span 6;grid-template-rows:subgrid;row-gap:20px;display:grid}}.pro-plan__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.pro-plan__price{flex-direction:column;gap:6px;display:flex}.pro-plan__action{flex-direction:column;gap:8px;display:flex}.pro-plan__rule{border-top:1px solid var(--color-line);padding-top:16px}.pro-card .pro-plan__rule{border-top-color:#d6be822e}.pro-plan__list{align-self:start}.pro-plan__tile{border-radius:var(--radius-lg);background:var(--color-raised);box-shadow:inset 0 0 0 1px var(--color-line);align-items:flex-start;gap:12px;padding:16px;display:flex}.pro-plan__tile-icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-ink-2);background:var(--color-base);box-shadow:inset 0 0 0 1px var(--color-line-2);flex-shrink:0;place-content:center;display:grid}.pro-card .pro-plan__tile{background:#d6be8212;box-shadow:inset 0 0 0 1px #d6be8240}.pro-card .pro-plan__tile-icon{color:var(--pc-foil);background:#d6be821a;box-shadow:inset 0 0 0 1px #d6be824d}.pro-card.pro-plan:after{opacity:.06;width:230px;height:230px;inset-block-end:-40px;inset-inline-end:-26px}.pro-card.classmate-card__band,html[data-site-theme=light] .pro-card.classmate-card__band{box-shadow:none;border-radius:0}.pro-card.classmate-card__band:after{opacity:.09;width:70px;height:70px;inset-block-end:-22px;inset-inline-end:10px}.classmate-card--pro:before{z-index:3}.pro-community-say{align-items:flex-end;min-width:0;max-width:100%;display:flex}.pro-community-bubble{--pcb-edge:color-mix(in srgb, var(--color-pro-edge) 55%, var(--color-line-2));border:1px solid var(--pcb-edge);background:var(--color-base);min-width:0;box-shadow:0 12px 30px -24px color-mix(in srgb, var(--color-pro-edge) 80%, transparent);border-radius:14px;align-items:center;gap:10px;margin-block-end:10px;margin-inline-end:4px;padding-block:8px;padding-inline:14px 8px;display:flex;position:relative}.pro-community-bubble:after{content:"";inset-inline-end:-6px;background:var(--color-base);border-top:1px solid var(--pcb-edge);border-inline-end:1px solid var(--pcb-edge);width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;transform:rotate(45deg)}[dir=rtl] .pro-community-bubble:after{transform:rotate(-45deg)}.pro-community-allam{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 12px #0000004d);flex:none;width:auto;height:84px}.pro-community-pill{white-space:nowrap;min-height:36px;color:var(--color-pro-ink);border:1px solid color-mix(in srgb, var(--color-pro-edge) 60%, transparent);background:color-mix(in srgb, var(--color-pro-edge) 8%, var(--color-base));border-radius:999px;align-items:center;gap:8px;padding-inline:4px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.pro-community-pill:hover{background:color-mix(in srgb, var(--color-pro-edge) 14%, var(--color-base))}.pro-community-mine{min-width:0;max-width:100%;min-height:36px;color:var(--color-ink-2);border:1px solid color-mix(in srgb, var(--color-pro-edge) 45%, var(--color-line-2));background:var(--color-base);border-radius:999px;align-items:center;gap:10px;margin-block-end:10px;padding-inline:6px 14px;font-size:12.5px;display:inline-flex}.pro-profile{isolation:isolate;background:radial-gradient(120% 70% at 100% 100%, #d6be8212, transparent 60%), var(--color-base);border-color:#0000;box-shadow:inset 0 0 0 1px #d6be826b,0 26px 70px -40px #d6be828c}html[data-site-theme=light] .pro-profile{background:radial-gradient(120% 70% at 100% 100%, #c4a05a1a, transparent 60%), var(--color-base);box-shadow:inset 0 0 0 1px #b08c4a80,0 22px 56px -36px #8a6a2873}.pro-seam{pointer-events:none;opacity:.9;background:linear-gradient(90deg,#0000,#b99a55 18%,#f1e4b9 50%,#b99a55 82%,#0000);height:2px;position:absolute;inset-block-end:0;inset-inline:0}.pro-rim{background:linear-gradient(135deg,#f1e4b9 0%,#d2b874 45%,#9c7b3c 100%);box-shadow:0 10px 26px -10px #d6be82a6}@media (prefers-reduced-motion:no-preference){.pro-seam{background-size:200% 100%;animation:6s ease-in-out infinite alternate pro-seam-sheen}}@keyframes pro-seam-sheen{0%{background-position:0 0}to{background-position:100% 0}}
