@layer components{html[data-theme=spectrum] .pricing-card{--pc-scale:1;--tilt-x:0deg;--tilt-y:0deg;border-radius:var(--radius-xl);transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(var(--pc-scale));transition:transform var(--dur-slow,.52s) var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)), border-color var(--dur-base,.28s) var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)), background-color var(--dur-base,.28s) var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)), box-shadow var(--dur-base,.28s) var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1));flex-direction:column;gap:1.75rem;padding:1.75rem;display:flex;position:relative;overflow:hidden}@media (min-width:640px){html[data-theme=spectrum] .pricing-card{padding:2rem}}html[data-theme=spectrum] .pricing-card[data-tilting=true]{will-change:transform;transition:transform .12s linear, border-color var(--dur-base,.28s) var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)), background-color var(--dur-base,.28s) var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)), box-shadow var(--dur-base,.28s) var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1))}html[data-theme=spectrum] .pricing-card[data-featured=true]{z-index:1;color:#fff;background:linear-gradient(160deg,#0369a1,#0f766e);border-color:#0000;box-shadow:0 30px 60px -28px #0369a1b3}@media (min-width:1024px){html[data-theme=spectrum] .pricing-card[data-featured=true]{--pc-scale:1.03}}html[data-theme=spectrum] .pricing-card[data-featured=true]:before{opacity:0!important}html[data-theme=spectrum] .pricing-card[data-featured=true]:hover,html[data-theme=spectrum] .pricing-card[data-featured=true]:focus-within{border-color:#0000;box-shadow:0 36px 70px -28px #0369a1cc}html[data-theme=spectrum] .pricing-card[data-featured=true] :is(.pricing-card-name,.pricing-card-price,.pricing-card-minutes,.pricing-card-feature){color:#fff}html[data-theme=spectrum] .pricing-card[data-featured=true] :is(.pricing-card-tagline,.pricing-card-period,.pricing-card-equivalent){color:#ffffffeb}html[data-theme=spectrum] .pricing-card[data-featured=true] .pricing-card-features{border-top-color:#ffffff40}html[data-theme=spectrum] .pricing-card[data-featured=true] .pricing-card-check{color:#99f6e4}html[data-theme=spectrum] .pricing-card[data-featured=true] .pricing-card-icon{color:#fff;background:#ffffff2e}html[data-theme=spectrum] .pricing-card[data-featured=true] .btn-primary{color:var(--oc-sky-800);background:#fff;box-shadow:0 14px 30px -12px #00000059}html[data-theme=spectrum] .pricing-card[data-featured=true] .btn-primary:hover,html[data-theme=spectrum] .pricing-card[data-featured=true] .btn-primary:focus-visible{background:var(--oc-sky-50);color:var(--oc-sky-800)}html[data-theme=spectrum] .pricing-card-sheen{z-index:1;pointer-events:none;opacity:0;background:linear-gradient(105deg,#0000 42%,#ffffff1a 47%,#ffffff47 50%,#ffffff1a 53%,#0000 58%);position:absolute;inset:-20% -40%;transform:translate(-60%)}html[data-theme=spectrum] .pricing-card[data-featured=true][data-revealed=true] .pricing-card-sheen{animation:sp-pricing-sheen var(--dur-cinematic,1.1s) var(--ease-in-out-quart,cubic-bezier(.76, 0, .24, 1)) .35s forwards}html[data-theme=spectrum] .pricing-card-glare{z-index:1;pointer-events:none;opacity:0;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), #0ea5e914, transparent 70%);transition:opacity var(--dur-base,.28s) var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1));position:absolute;inset:0}html[data-theme=spectrum] .pricing-card[data-tilting=true] .pricing-card-glare{opacity:1}html[data-theme=spectrum] .pricing-card-head{flex-direction:column;gap:.5rem;display:flex}html[data-theme=spectrum] .pricing-card-head-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}html[data-theme=spectrum] .pricing-card-title{align-items:center;gap:.75rem;min-width:0;display:flex}html[data-theme=spectrum] .pricing-card-icon{flex:none}html[data-theme=spectrum] .pricing-card-icon svg{width:1.25rem;height:1.25rem}html[data-theme=spectrum] .pricing-card:hover .pricing-card-icon{color:var(--oc-sky-700)}html[data-theme=spectrum] .pricing-card-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--sp-text-1);margin:0;font-size:1.375rem;font-weight:700;line-height:1.2}html[data-theme=spectrum] .pricing-card-tagline{color:var(--sp-text-2);margin:0;font-size:.9375rem;line-height:1.5}html[data-theme=spectrum] .pricing-card-pricing{flex-direction:column;gap:.25rem;display:flex}html[data-theme=spectrum] .pricing-card-price{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--sp-text-1);flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0;display:flex}html[data-theme=spectrum] .pricing-card-price-value{letter-spacing:-.04em;font-size:clamp(2.5rem,3.2vw,3.25rem);font-weight:700;line-height:1;display:inline-block}html[data-theme=spectrum] .pricing-card[data-revealed=true] .pricing-card-price-value{animation:sp-pricing-price var(--dur-base,.28s) var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)) both}html[data-theme=spectrum] .pricing-card-period{font-family:var(--font-sans);color:var(--sp-text-2);font-size:.9375rem}html[data-theme=spectrum] .pricing-card-equivalent{min-height:1.25rem;color:var(--sp-text-3);margin:0;font-size:.8125rem;line-height:1.25rem}html[data-theme=spectrum] .pricing-card-minutes{color:var(--sp-text-1);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:.75rem 0 0;font-size:.9375rem;font-weight:500;display:flex}html[data-theme=spectrum] .pricing-card-features{border-top:1px solid var(--sp-line-1);flex-direction:column;gap:.75rem;margin:0;padding:1.5rem 0 0;list-style:none;display:flex}html[data-theme=spectrum] .pricing-card-feature{color:var(--sp-text-2);align-items:flex-start;gap:.75rem;font-size:.9375rem;line-height:1.5;display:flex}html[data-theme=spectrum] .pricing-card[data-featured=true] .pricing-card-feature{color:var(--sp-text-1)}html[data-theme=spectrum] .pricing-card-check{width:1.25rem;height:1.25rem;color:var(--oc-teal-600);flex:none;margin-top:.125rem}html[data-theme=spectrum] .pricing-card-check-path{stroke-dasharray:1 2;stroke-dashoffset:0}html[data-theme=spectrum].js .pricing-card:not([data-revealed=true]) .pricing-card-check-path{stroke-dashoffset:1px}html[data-theme=spectrum] .pricing-card[data-revealed=true] .pricing-card-check-path{animation:sp-pricing-check var(--dur-slow,.52s) var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)) both;animation-delay:calc(var(--i,0) * 60ms + .16s)}html[data-theme=spectrum] .pricing-card-cta{margin-top:auto;padding-top:.25rem}@media (prefers-reduced-motion:reduce){html[data-theme=spectrum]:not([data-reduce-motion=false]) .pricing-card{transform:scale(var(--pc-scale));will-change:auto;transition:none}html[data-theme=spectrum]:not([data-reduce-motion=false]) .pricing-card-sheen,html[data-theme=spectrum]:not([data-reduce-motion=false]) .pricing-card-price-value,html[data-theme=spectrum]:not([data-reduce-motion=false]) .pricing-card-check-path{animation:none!important}html[data-theme=spectrum]:not([data-reduce-motion=false]) .pricing-card-check-path{stroke-dashoffset:0!important}html[data-theme=spectrum]:not([data-reduce-motion=false]) .pricing-card-glare{display:none}}html[data-theme=spectrum][data-reduce-motion=true] .pricing-card{transform:scale(var(--pc-scale));will-change:auto;transition:none}html[data-theme=spectrum][data-reduce-motion=true] .pricing-card-sheen,html[data-theme=spectrum][data-reduce-motion=true] .pricing-card-price-value,html[data-theme=spectrum][data-reduce-motion=true] .pricing-card-check-path{animation:none!important}html[data-theme=spectrum][data-reduce-motion=true] .pricing-card-check-path{stroke-dashoffset:0!important}html[data-theme=spectrum][data-reduce-motion=true] .pricing-card-glare{display:none}}@keyframes sp-pricing-sheen{0%{opacity:0;transform:translate(-60%)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(60%)}}@keyframes sp-pricing-check{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes sp-pricing-price{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
