.plans-toggle{justify-content:center;margin-bottom:28px;display:flex}.plans{grid-template-columns:1fr 1.08fr;align-items:stretch;gap:18px;display:grid}.plan{flex-direction:column;padding:30px;display:flex;position:relative;overflow:hidden}.plan-studio{background:linear-gradient(#9b6bff24,#4a8dff0a 60%),#ffffff05;box-shadow:inset 0 0 0 1px #aa8cff66,0 40px 80px -40px #9b6bff99}.plan-glow{pointer-events:none;background:radial-gradient(closest-side,#9b6bff59,#0000);width:360px;height:360px;position:absolute;inset:-40% -20% auto auto}.plan-icon{background:var(--surface-2);width:42px;height:42px;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:12px;place-items:center;display:grid}.plan-studio .plan-icon{background:var(--grad);box-shadow:none}.plan h3{align-items:center;gap:10px;margin-top:20px;font-size:26px;display:flex}.plan-pop{letter-spacing:0;color:#d4c4ff;background:#9b6bff33;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:600}.plan-tag{color:var(--text-2);margin-top:6px}.plan-price{letter-spacing:-.05em;align-items:flex-start;height:76px;margin-top:26px;font-weight:620;display:flex}.plan-cur{margin-top:8px;margin-right:2px;font-size:30px}.plan-num{font-variant-numeric:tabular-nums;font-size:72px;line-height:1}.plan-per{letter-spacing:-.01em;color:var(--text-2);align-self:flex-end;margin:0 0 10px 10px;font-size:16px;font-weight:500}.plan-note{color:var(--text-2);min-height:1.5em;margin-top:8px;font-size:14px}.plan-cta{width:100%;margin-top:24px}.plan-list{color:#d6d9e2;gap:11px;margin:26px 0 0;padding:0;font-size:15px;list-style:none;display:grid}.plan-list li{align-items:flex-start;gap:10px;display:flex}.plan-list svg{color:#8fb3ff;flex:none;margin-top:4px}.plan-studio .plan-list svg{color:#c4a8ff}.plans-fine{color:var(--text-3);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:13.5px;display:flex}@media (max-width:820px){.plans{grid-template-columns:1fr}.plan{padding:24px}}.roll{height:1em;line-height:1;display:inline-flex;overflow:hidden}.roll-digit{height:1em;display:inline-block;overflow:hidden}.roll-strip{flex-direction:column;transition:transform .8s cubic-bezier(.2,.9,.2,1);display:flex}.roll-strip span{text-align:center;height:1em;display:block}.roll-static{animation:fade-in .5s var(--ease-out)}.roll-digit:nth-last-child(2) .roll-strip{transition-delay:40ms}.roll-digit:nth-last-child(3) .roll-strip{transition-delay:80ms}@keyframes fade-in{0%{opacity:0}}.compare{margin-top:18px;padding:30px}.compare-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.compare h3{font-size:24px}.compare-head p{color:var(--text-2);max-width:520px;margin-top:8px}.bars{gap:14px;margin-top:28px;display:grid}.bar-row{grid-template-columns:150px 1fr 70px;align-items:center;gap:16px;font-size:14.5px;display:grid}.bar-row b{text-align:right;font-variant-numeric:tabular-nums}.bar-name{color:var(--text-2)}.bar-track{background:#ffffff0d;border-radius:99px;height:14px;overflow:hidden}.bar{width:0;height:100%;transition:width 1.1s var(--ease-out);border-radius:99px;display:block}.compare.seen .bar{width:var(--w)}.bar.ours{background:var(--grad)}.bar.theirs{background:#ffffff42}.compare-fine{color:var(--text-3);margin-top:20px;font-size:12.5px;line-height:1.6}@media (max-width:560px){.compare{padding:22px}.bar-row{grid-template-columns:1fr 60px}.bar-name{grid-column:1/-1;margin-bottom:-8px}}.faq{grid-template-columns:1fr 1.5fr;gap:60px;padding-top:140px;display:grid}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);interpolate-size:allow-keywords}.faq-list summary{letter-spacing:-.015em;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:17.5px;font-weight:560;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{color:var(--text-3);transition:transform .35s var(--ease-out);flex:none}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list details::details-content{block-size:0;transition:block-size .4s var(--ease-out), content-visibility .4s allow-discrete;overflow:hidden}.faq-list details[open]::details-content{block-size:auto}.faq-a p{color:var(--text-2);padding:0 40px 24px 0;line-height:1.65}@media (max-width:860px){.faq{grid-template-columns:1fr;gap:24px;padding-top:100px}}
