#onova-prices .op-paths{grid-template-columns:repeat(4,minmax(0,1fr))}
.pricing-context{max-width:950px;margin:25px 0 35px;color:#59616b;font-size:15px;line-height:1.7}
.subscription-symbol{display:block;font-size:90px;line-height:1.5;color:#ef8354;font-weight:300}
.subscription-options{display:grid;gap:12px;margin-top:24px}.subscription-option{display:grid;grid-template-columns:20px 1fr;gap:7px 12px;padding:20px;border:1px solid #b9bbb5;border-radius:16px;cursor:pointer}.subscription-option input{grid-row:span 2;accent-color:#ef8354;width:17px;height:17px;margin-top:4px}.subscription-option span{grid-column:2;font-size:19px}.subscription-option:has(input:checked){border-color:#bd613d;box-shadow:inset 0 0 0 1px #bd613d}.subscription-option:focus-within{outline:2px solid #bd613d;outline-offset:3px}.subscription-summary{align-self:start}.subscription-panel .op-cta:disabled{opacity:.5;cursor:default}
.subscription-panel{background:#eeeae4;border:1px solid #d2d0c8;border-radius:24px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:30px 0 70px}
.subscription-panel[hidden]{display:none}.subscription-panel h2{font-size:40px;margin:15px 0}.subscription-panel h3{font-size:25px;margin-bottom:18px}.subscription-panel p{line-height:1.7}.subscription-price{font-size:24px;margin:24px 0}.subscription-panel .op-cta{margin-top:24px}
@media(max-width:1050px){#onova-prices .op-paths{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.subscription-panel{grid-template-columns:1fr;padding:25px;gap:25px}.subscription-panel h2{font-size:32px}#onova-prices .op-paths{grid-template-columns:1fr}}
.subscription-payment{display:grid;gap:10px;border-top:1px solid #ccc9c0;border-bottom:1px solid #ccc9c0;padding:22px 0;margin:22px 0}.subscription-payment strong{font-size:32px}.subscription-payment span{font-size:14px}.subscription-upgrade{grid-column:1/-1;border-top:1px solid #ccc9c0;padding-top:28px}.subscription-upgrade p{max-width:950px;margin-top:15px}.subscription-note{font-size:13px;color:#59616b}
.subscription-upgrade-heading{margin-top:32px}
.subscription-option .subscription-cadence{font-size:13px;color:#59616b}
#onova-prices .op-paths #subscription-choice{background:#ef8354;color:#2d3142}#onova-prices .op-paths #subscription-choice .op-path-number{color:#644438}
#onova-prices .op-paths [data-route="renew"]{background:#bfc0c0;color:#2d3142}#onova-prices .op-paths [data-route="support"]{background:#4f5d75;color:#f4f3ef}#onova-prices .op-paths #redesign-choice{background:#d5dfd7;color:#2d3142}#onova-prices .op-paths [data-route="support"] .op-path-number{color:#e0e3eb}#onova-prices .op-paths [data-route="renew"] .op-path-number{color:#444956}

/* Route colors stay the same whether collapsed, hovered or selected. */
#onova-prices .op-paths .op-path[data-route="create"]{background:#eeeee9;color:#2d3142}
#onova-prices .op-paths .op-path[data-route="renew"]{background:#bfc0c0;color:#2d3142}
#onova-prices .op-paths #redesign-choice{background:#4f5d75;color:#f4f3ef}
#onova-prices .op-paths #subscription-choice{background:#ef8354;color:#2d3142}
#onova-prices .op-paths .op-path[data-route="support"]{background:#2d3142;color:#f4f3ef}
#onova-prices .op-paths #redesign-choice .op-path-number,#onova-prices .op-paths .op-path[data-route="support"] .op-path-number{color:#e0e3eb}

#onova-prices .op-paths .op-label-seam{position:absolute;z-index:2;pointer-events:none;left:79px;top:18px;bottom:18px;width:1px;background:#17202e24;box-shadow:1px 0 0 #ffffff40,-1px 0 3px #17202e0e}
@media(max-width:850px) and (min-width:651px){#onova-prices .op-paths .op-label-seam{left:63px}}
@media(max-width:650px){#onova-prices .op-paths .op-label-seam{left:18px;right:18px;top:61px;bottom:auto;width:auto;height:1px;box-shadow:0 1px 0 #ffffff40,0 -1px 3px #17202e0e}#onova-prices .op-paths:has([aria-pressed=true]) .op-path:not([aria-pressed=true]) .op-label-seam{display:none}}
/* Inset label strip: the panel color remains visible through the relief. */
#onova-prices .op-paths .op-label-seam{left:0;top:0;bottom:0;width:80px;border-right:1px solid #17202e45;background:linear-gradient(90deg,#ffffff0a 0%,transparent 72%,#17202e13 100%);box-shadow:inset -5px 0 7px -5px #10182780,2px 0 1px #ffffff55,5px 0 7px -5px #10182735;z-index:0}
#onova-prices .op-paths .op-path b,#onova-prices .op-paths .op-path .op-path-number{z-index:2}
@media(max-width:850px) and (min-width:651px){#onova-prices .op-paths .op-label-seam{left:0;width:64px}}
@media(max-width:650px){#onova-prices .op-paths .op-label-seam{left:0;right:0;top:0;bottom:auto;width:auto;height:62px;border-right:0;border-bottom:1px solid #17202e45;background:linear-gradient(180deg,#ffffff0a,transparent 65%,#17202e13);box-shadow:inset 0 -5px 7px -5px #10182780,0 2px 1px #ffffff55,0 5px 7px -5px #10182735}}
/* Fine recessed seam without shading the label strip. */
#onova-prices .op-paths .op-label-seam{background:transparent;border-right:1px solid #17202e25;box-shadow:1px 0 0 #ffffff40}
@media(max-width:650px){#onova-prices .op-paths .op-label-seam{background:transparent;border-right:0;border-bottom:1px solid #17202e25;box-shadow:0 1px 0 #ffffff40}}
@media(max-width:650px){#onova-prices .op-paths:has([aria-pressed=true]){height:700px}#onova-prices .op-paths .op-path[aria-pressed=true] .op-direction-art{top:175px;height:220px}#onova-prices .op-paths .op-path[aria-pressed=true] small{inset:300px 24px 24px 45px;font-size:23px}}

#onova-prices .op-paths .op-path[data-route="support"][aria-pressed=true]{background:#2d3142;color:#f4f3ef}
