.pricing-billing-radio{position:absolute;opacity:0;pointer-events:none}
.pricing-monthly-inline,.pricing-annual-inline,.pricing-monthly-block,.pricing-annual-block{display:none}
.pricing-wrap{position:relative;max-width:72rem;margin:0 auto;padding:0 1rem}
.pricing-hero{text-align:center;padding:3rem 0 2.5rem}
.pricing-title{margin:0 0 1rem;font-size:2.25rem;line-height:1.1;font-weight:800;color:#fff}
.pricing-subhead{margin:1rem 0 0;font-size:.875rem;color:#6b7280}
.pricing-billing-tabs{margin-bottom:1.5rem;display:flex;justify-content:center}
.pricing-billing-toggle{display:inline-flex;border:1px solid var(--ccu-line);border-radius:.75rem;background:var(--ccu-panel-soft);padding:.25rem}
.pricing-billing-label{cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;color:#9ca3af;transition:color .15s,background-color .15s}
.pricing-billing-label:hover{color:#fff}
.pricing-billing-save{margin-left:.25rem;font-size:.6875rem;opacity:.8}
.pricing-plan-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}
.pricing-plan-card{position:relative;display:flex;flex-direction:column;border-width:1px;border-radius:.75rem;background:var(--ccu-panel-soft);padding:1.25rem;scroll-margin-top:5rem}
.pricing-plan-featured{border-width:2px}
.pricing-border-gray{border-color:var(--ccu-line)}
.pricing-border-info{border-color:var(--ccu-info)}
.pricing-border-live{border-color:rgba(47,143,91,.35)}
.pricing-border-studio{border-color:rgba(197,138,44,.4)}
.pricing-check-gray{color:#9ca3af}
.pricing-check-info{color:var(--ccu-info)}
.pricing-check-live{color:var(--ccu-action-hover)}
.pricing-check-studio{color:var(--ccu-attn)}
.pricing-badge-gray{color:#9ca3af;background:rgba(255,255,255,.06)}
.pricing-badge-info{color:var(--ccu-info);background:var(--ccu-panel-soft)}
.pricing-badge-live{color:var(--ccu-action-hover);background:var(--ccu-action-soft)}
.pricing-badge-studio{color:var(--ccu-attn);background:var(--ccu-attn-soft)}
.pricing-plan-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}
.pricing-tier-title{display:flex;align-items:center;gap:.375rem;font-size:1.125rem;line-height:1.75rem;font-weight:800;color:#fff}
.pricing-popular{position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);border-radius:999px;background:var(--ccu-action);padding:.25rem .75rem;font-size:.5625rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#fff}
.pricing-badge{border-radius:.25rem;padding:.125rem .375rem;font-size:.5625rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pricing-price-row{display:flex;align-items:baseline;gap:.25rem}
.pricing-price{font-size:1.875rem;line-height:2.25rem;font-weight:800;color:#fff}
.pricing-unit{font-size:.875rem;color:#6b7280}
.pricing-price-note{margin-top:.125rem;font-size:.6875rem;color:#6b7280}
.pricing-blurb{margin:.75rem 0 1rem;font-size:.75rem;color:#9ca3af}
.pricing-bullets{margin:1rem 0 1.25rem;padding:0;display:grid;gap:.5rem;flex:1;list-style:none}
.pricing-bullet{display:flex;align-items:flex-start;gap:.5rem;font-size:.75rem;color:#d1d5db}
.pricing-action-slot{min-width:0}
.pricing-action-note{margin:.375rem 0 0;text-align:center;font-size:.6875rem;color:#6b7280}
.pricing-annual-note{margin-top:.125rem;font-size:.6875rem;color:var(--ccu-action-hover)}
.pricing-note{margin:0 0 4rem;text-align:center;font-size:.75rem;line-height:1.5;color:#6b7280}
@media (min-width:640px){.pricing-wrap{padding-left:1.5rem;padding-right:1.5rem}.pricing-hero{padding-top:5rem}.pricing-title{font-size:3rem}}
@media (min-width:1024px){.pricing-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-plan-free{grid-column:span 3;flex-direction:row;align-items:center;gap:1.5rem}.pricing-plan-free .pricing-plan-main{width:16rem;flex-shrink:0}.pricing-plan-free .pricing-bullets{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0}.pricing-plan-free .pricing-action-slot{width:14rem;flex-shrink:0}}
.pricing-action{width:100%;display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s,opacity .15s;box-shadow:0 10px 15px -3px rgba(0,0,0,.2),0 4px 6px -4px rgba(0,0,0,.2)}
.pricing-action:disabled{opacity:.5}
.pricing-action-pro{background:var(--ccu-info);color:#fff}
.pricing-action-pro:hover{background:var(--ccu-muted-strong)}
.pricing-action-studio{background:var(--ccu-attn);color:#fff}
.pricing-action-studio:hover{background:#d39b43}
.pricing-action-live{background:var(--ccu-action);color:#fff}
.pricing-action-live:hover{background:var(--ccu-action-hover)}
.pricing-action-free{border:1px solid rgba(255,255,255,.08);color:rgb(209 213 219);box-shadow:none}
.pricing-action-free:hover{background:rgba(255,255,255,.04)}
.pricing-action-final{padding:1rem 2.5rem;font-size:1rem;line-height:1.5rem;background:var(--ccu-action);color:#fff}
.pricing-action-final:hover{background:var(--ccu-action-hover)}
.pricing-mark{width:1rem;height:1rem;flex-shrink:0;text-align:center;line-height:1rem}
.pricing-cell-in{color:rgb(74 222 128)}
.pricing-cell-out{color:rgb(55 65 81)}
.pricing-shell{position:relative;max-width:72rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}
@media (min-width:640px){.pricing-shell{padding-left:1.5rem;padding-right:1.5rem}}
.pricing-deferred-skel-wrap{margin-bottom:4rem}
.pricing-deferred-skel{height:7rem;border-radius:.75rem;border:1px solid var(--ccu-line);background:var(--ccu-panel-soft)}
.pricing-final{margin-bottom:5rem;text-align:center}
.pricing-final-box{border-radius:.75rem;border:1px solid var(--ccu-line);background:var(--ccu-panel-soft);padding:3rem 2rem}
.pricing-final-title{margin:0 0 .75rem;color:#fff;font-size:1.5rem;line-height:2rem;font-weight:700}
.pricing-final-copy{margin:0 auto 1.5rem;max-width:28rem;color:rgb(209 213 219);font-size:1rem;line-height:1.5rem}
.pricing-final-action-wrap{margin:0 auto;max-width:20rem}
.pricing-final-note{margin:1rem 0 0;color:rgb(75 85 99);font-size:.75rem;line-height:1rem}
.pricing-final-note a{color:var(--ccu-attn);transition:color .15s}
.pricing-final-note a:hover{color:var(--ccu-ink)}
@media (min-width:640px){.pricing-final-title{font-size:1.875rem;line-height:2.25rem}}
.pricing-section{margin-bottom:4rem}
.pricing-section-title{font-size:1.5rem;line-height:2rem;font-weight:700;color:white;text-align:center;margin-bottom:.5rem}
.pricing-section-copy{text-align:center;font-size:.875rem;line-height:1.25rem;color:rgb(107 114 128);margin:0 auto 2rem;max-width:36rem}
.pricing-panel{border-radius:.75rem;border:1px solid var(--ccu-line);background:var(--ccu-panel-soft);overflow:hidden}
.pricing-scroll{overflow-x:auto}
.pricing-compare-head,.pricing-compare-row{display:grid;grid-template-columns:1fr 72px 72px 84px;padding:.75rem 1rem;align-items:center}
.pricing-compare-row{padding-top:.625rem;padding-bottom:.625rem}
.pricing-compare-head{border-bottom:1px solid rgba(255,255,255,.08)}
.pricing-compare-row:not(:last-child){border-bottom:1px solid var(--ccu-line)}
@media (min-width:640px){.pricing-compare-head,.pricing-compare-row{grid-template-columns:1fr 110px 110px 110px;padding-left:1.5rem;padding-right:1.5rem}}
.pricing-col-head{font-size:.75rem;line-height:1rem;font-weight:500;color:rgb(107 114 128);text-transform:uppercase;letter-spacing:.05em}
.pricing-col-head-center{text-align:center}
.pricing-col-pro{color:var(--ccu-info)}
.pricing-col-studio{color:var(--ccu-attn)}
.pricing-row-label{font-size:.875rem;line-height:1.25rem;color:rgb(209 213 219);padding-right:.5rem}
.pricing-cell{display:flex;justify-content:center}
.pricing-cell-text{font-size:.75rem;line-height:1rem;color:rgb(156 163 175)}
.pricing-faq{margin:0 auto 4rem;max-width:42rem}
.pricing-faq-title{font-size:1.5rem;line-height:2rem;font-weight:700;color:white;text-align:center;margin-bottom:2rem}
.pricing-faq-list{display:grid;gap:.75rem}
.pricing-faq-item{border-radius:.75rem;border:1px solid var(--ccu-line);background:var(--ccu-panel-soft);padding:1rem 1.25rem}
.pricing-faq-summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:600;color:white}
.pricing-faq-summary::-webkit-details-marker{display:none}
.pricing-faq-icon{position:relative;height:1rem;width:1rem;flex-shrink:0;color:rgb(107 114 128);transition:transform .15s}
.pricing-faq-icon:before{content:"";position:absolute;left:.25rem;top:.3125rem;width:.5rem;height:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.pricing-faq-item[open] .pricing-faq-icon{transform:rotate(180deg)}
.pricing-faq-body{font-size:.875rem;line-height:1.625;color:rgb(156 163 175);margin-top:.75rem}
.pricing-custom{margin-bottom:4rem;text-align:center}
.pricing-custom-box{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;border-radius:.75rem;border:1px solid var(--ccu-line);background:var(--ccu-panel-soft);padding:.75rem 1.5rem}
@media (min-width:640px){.pricing-custom-box{flex-direction:row;gap:.75rem}}
.pricing-custom-text{font-size:.875rem;line-height:1.25rem;color:rgb(156 163 175)}
.pricing-custom-link{font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--ccu-info);transition:color .15s}
.pricing-custom-link:hover{color:var(--ccu-ink)}
.pricing-legal{text-align:center;font-size:.875rem;line-height:1.25rem;color:rgb(107 114 128);padding-bottom:2.5rem}
.pricing-legal a{color:rgb(156 163 175);text-decoration:underline;text-underline-offset:2px}
.pricing-legal a:hover{color:white}
#pricing-billing-monthly:checked ~ .pricing-billing-tabs label[for="pricing-billing-monthly"],#pricing-billing-annual:checked ~ .pricing-billing-tabs label[for="pricing-billing-annual"]{background:var(--ccu-action);color:white}
#pricing-billing-monthly:checked ~ .pricing-content .pricing-monthly-inline,#pricing-billing-annual:checked ~ .pricing-content .pricing-annual-inline{display:inline}
#pricing-billing-monthly:checked ~ .pricing-content .pricing-monthly-block,#pricing-billing-annual:checked ~ .pricing-content .pricing-annual-block{display:block}