.sd-problems{background:#ffffff14;border:1px solid #ffffff14;border-radius:1.25rem;gap:1px;display:grid;overflow:hidden}@media (min-width:768px){.sd-problems{grid-template-columns:repeat(3,1fr)}}.sd-problem{background:var(--studio-bg-deep);padding:2rem 1.75rem}.sd-problem h3,.sd-step h3,.sd-card h3{color:#fff;font-size:1.0625rem;font-weight:600}.sd-problem p,.sd-step p,.sd-card p{color:#a3a3a3;margin-top:.625rem;font-size:.9375rem;line-height:1.6}.sd-includes{gap:.25rem 2rem;display:grid}@media (min-width:640px){.sd-includes{grid-template-columns:1fr 1fr}}.sd-includes li{color:#e5e5e5;border-bottom:1px solid #ffffff14;align-items:baseline;gap:.75rem;padding:1rem 0;display:flex}.sd-includes li svg{transform:translateY(.15em)}.sd-process{gap:2.25rem 1.5rem;display:grid}@media (min-width:640px){.sd-process{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.sd-process{grid-template-columns:repeat(4,1fr)}}.sd-step{border-top:1px solid #ffffff1a;padding-top:1.25rem}.sd-step__num{font-family:var(--sv-mono);letter-spacing:.14em;color:var(--sv-violet);margin-bottom:.75rem;font-size:.6875rem;display:block}.sd-faq{border-top:1px solid #ffffff14}.sd-faq__item{border-bottom:1px solid #ffffff14}.sd-faq__item summary{cursor:pointer;color:#fff;padding:1.375rem 2.5rem 1.375rem 0;font-weight:500;list-style:none;position:relative}.sd-faq__item summary::-webkit-details-marker{display:none}.sd-faq__item summary:after{content:"+";color:#ffffff80;transition:transform .3s var(--sv-ease);font-size:1.25rem;font-weight:300;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.sd-faq__item[open] summary:after{transform:translateY(-50%)rotate(45deg)}.sd-faq__item p{color:#a3a3a3;max-width:42rem;padding-bottom:1.5rem;line-height:1.7}.sd-support{gap:.75rem;padding:2rem 0;display:grid}@media (min-width:1024px){.sd-support{grid-template-columns:5fr 7fr;gap:2rem}}.sd-support h2{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;color:#fff;font-size:1.25rem;font-weight:600}.sd-support p{color:#a3a3a3;max-width:40rem;line-height:1.7}.sd-card{background:var(--studio-surface);height:100%;transition:border-color .4s var(--sv-ease), background-color .4s var(--sv-ease);border:1px solid #ffffff14;border-radius:1.25rem;flex-direction:column;padding:1.75rem 1.5rem;display:flex}.sd-card:hover{background:#a855f70f;border-color:#a855f759}.sd-card__more{color:#e5e5e5;align-items:center;gap:.375rem;margin-top:auto;padding-top:1.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.sd-list{border-top:1px solid #ffffff14}.sd-row{transition:padding .5s var(--sv-ease);border-bottom:1px solid #ffffff14;grid-template-columns:1fr auto;align-items:center;gap:.375rem 1.5rem;padding:1.5rem 0;display:grid}.sd-row h3{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;letter-spacing:-.03em;color:#fff;font-size:clamp(1.5rem,3.2vw,2.5rem);font-weight:600;line-height:1.1;transition:color .3s}.sd-row p{color:#a3a3a3;grid-column:1;max-width:34rem;font-size:.9375rem;line-height:1.55}.sd-row__go{color:#f3f0eabf;width:2.75rem;height:2.75rem;transition:background-color .3s ease, color .3s ease, transform .4s var(--sv-ease);border:1px solid #f3f0ea26;border-radius:999px;grid-area:1/2/span 2;justify-content:center;align-items:center;display:flex}@media (min-width:1024px){.sd-row{grid-template-columns:minmax(0,5fr) minmax(0,6fr) auto;gap:2rem;padding:2rem 0}.sd-row p{grid-column:2}.sd-row__go{grid-area:auto/3}}@media (hover:hover){.sd-row:hover{padding-left:1rem}.sd-row:hover h3{color:var(--color-accent-ink,#c9a3f2)}.sd-row:hover .sd-row__go{background:var(--color-ink);color:#14130f;transform:rotate(-45deg)}}.sd-row:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}@media (prefers-reduced-motion:reduce){.sd-row,.sd-row h3,.sd-row__go{transition:none}}@media (min-width:1024px){.sv-audiences.sd-examples{grid-template-columns:repeat(4,1fr)}}.sd-plans{gap:1rem;display:grid}@media (min-width:900px){.sd-plans{grid-template-columns:repeat(3,1fr)}}.sd-plan{background:var(--studio-surface);border:1px solid #ffffff14;border-radius:1.25rem;flex-direction:column;padding:2rem 1.75rem;display:flex;position:relative}.sd-plan.is-recommended{background:radial-gradient(ellipse 80% 60% at 50% 0%, #a855f724, transparent 70%), var(--studio-surface);border-color:#a855f773}.sd-plan__badge{background:var(--sv-violet);letter-spacing:.04em;color:#fff;border-radius:9999px;padding:.2rem .65rem;font-size:.6875rem;font-weight:600;position:absolute;top:-.7rem;left:1.75rem}.sd-plan h3{color:#fff;font-size:1.125rem;font-weight:600}.sd-plan__lead{color:#a3a3a3;margin-top:.5rem;font-size:.9375rem;line-height:1.55}.sd-plan__price{color:#fff;margin-top:1.5rem}.sd-plan__price strong{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;letter-spacing:-.03em;font-size:2.25rem;font-weight:700}.sd-plan__price .sd-plan__oneoff{letter-spacing:-.01em;font-size:1.375rem}.sd-plan__from{color:#a3a3a3;font-size:.875rem}.sd-plan__features{border-top:1px solid #ffffff14;gap:.75rem;margin:1.5rem 0 2rem;padding-top:1.5rem;display:grid}.sd-plan__features li{color:#e5e5e5;align-items:baseline;gap:.65rem;font-size:.9375rem;display:flex}.sd-plan__features li svg{transform:translateY(.15em)}.sd-support__link{color:#e5e5e5;align-items:center;gap:.375rem;margin-top:.75rem;font-size:.875rem;font-weight:500;display:inline-flex}.sd-support__link:hover{color:#fff}.sd-related{gap:1rem;display:grid}@media (min-width:640px){.sd-related{grid-template-columns:repeat(3,1fr)}}.sd-tools{background:radial-gradient(ellipse 90% 60% at 100% 0%, #a855f724, transparent 60%), var(--studio-surface);border:1px solid #a855f738;border-radius:1.25rem;padding:1.75rem}.sd-tools>h3{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;color:#fff;font-size:1.375rem;font-weight:600}.sd-tools>p{color:#a3a3a3;margin-top:.4rem;font-size:.9375rem}.sd-tools ul{margin-top:1.25rem}.sd-tools a{color:#e5e5e5;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.sd-tools a>span{gap:.2rem;display:grid}.sd-tools strong{color:#fff;font-weight:600}.sd-tools a>span>span{color:#a3a3a3;font-size:.875rem;line-height:1.5}.sd-tools a:hover strong{color:var(--color-brand-soft)}
