:root{--container-sm:320px;--container-md:480px;--container-lg:640px;--container-xl:800px}.container-query{container-type:inline-size}.card-container{container:card/inline-size}.section-container{container:section/inline-size}.hero-container{container:hero/inline-size}.feature-container{container:feature/inline-size}.pricing-page{--_accent:var(--color-secondary);--_accent-dark:var(--color-secondary-dark);--_accent-darker:var(--color-secondary-darker);--_accent-light:var(--color-secondary-light);position:relative;overflow-x:hidden}.pricing-decor{pointer-events:none;z-index:0;block-size:400px;inline-size:200px;position:absolute}.pricing-decor-left{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200'%3E%3Cpath d='M80 0 Q 20 100 80 200' fill='none' stroke='%23e5e7eb' stroke-width='2'/%3E%3C/svg%3E") no-repeat;inset-block-start:20%;inset-inline-start:-50px}.pricing-decor-right{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200'%3E%3Cpath d='M20 0 Q 80 100 20 200' fill='none' stroke='%23e5e7eb' stroke-width='2'/%3E%3C/svg%3E") no-repeat;inset-block-end:10%;inset-inline-end:-50px}.pricing-hero{text-align:center;z-index:1;padding-block:6rem 3rem;position:relative}.pricing-hero-badge{color:var(--gray-500);margin-block-end:1rem;font-size:.875rem;font-weight:500;display:inline-block}.pricing-hero-title{color:var(--_accent-dark);margin-block-end:3rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1.2}.pricing-slider-section{max-inline-size:32rem;margin-inline:auto}.pricing-slider-label{color:var(--gray-600);margin-block-end:1.5rem;font-size:1rem}.pricing-slider-container{padding-block-start:3rem;position:relative}.pricing-slider-value{background-color:var(--_accent);color:var(--color-white);border-radius:var(--radius-full);white-space:nowrap;padding:.5rem 1rem;font-size:.875rem;font-weight:600;position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%)}.pricing-slider-value:after{content:"";border-inline:6px solid #0000;border-block-start:6px solid var(--_accent);position:absolute;inset-block-end:-6px;inset-inline-start:50%;transform:translate(-50%)}.pricing-slider{appearance:none;background:var(--gray-200);border-radius:var(--radius-full);cursor:pointer;block-size:8px;inline-size:100%}.pricing-slider::-webkit-slider-thumb{appearance:none;background:var(--_accent);cursor:grab;block-size:24px;inline-size:24px;box-shadow:0 2px 8px color-mix(in srgb, var(--_accent) 40%, transparent);transition:transform var(--transition-fast);border-radius:50%}.pricing-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.pricing-slider::-webkit-slider-thumb:active{cursor:grabbing}.pricing-slider::-moz-range-thumb{background:var(--_accent);cursor:grab;block-size:24px;inline-size:24px;box-shadow:0 2px 8px color-mix(in srgb, var(--_accent) 40%, transparent);border:none;border-radius:50%}.pricing-slider-marks{color:var(--gray-400);justify-content:space-between;margin-block-start:.5rem;font-size:.75rem;display:flex}.pricing-slider-link{color:var(--gray-500);text-underline-offset:2px;margin-block-start:1.5rem;font-size:.875rem;text-decoration:underline;display:inline-block}.pricing-slider-link:hover{color:var(--gray-700)}.pricing-plans{z-index:1;padding-block:3rem;position:relative}.pricing-plans-header{flex-direction:column;gap:1.5rem;margin-block-end:2rem;display:flex}@media (width>=768px){.pricing-plans-header{flex-direction:row;justify-content:space-between;align-items:center}}.pricing-plans-title{color:var(--_accent-dark);font-size:1.5rem}.pricing-toggle{background-color:var(--gray-100);border-radius:var(--radius-full);padding:.25rem;display:flex}.pricing-toggle-btn{border-radius:var(--radius-full);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;display:flex}.pricing-toggle-btn:hover{color:var(--gray-900)}.pricing-toggle-btn-active{background-color:var(--color-white);color:var(--gray-900);box-shadow:var(--shadow-sm)}.pricing-toggle-save{color:var(--_accent);font-size:.75rem;font-weight:600}.pricing-cards{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.pricing-cards{grid-template-columns:repeat(3,1fr)}}.pricing-card{background-color:var(--color-white);border:1px solid color-mix(in srgb, var(--_accent) 15%, transparent);transition:all var(--transition-slow);border-radius:1rem;padding:2rem;position:relative}.pricing-card:hover{box-shadow:0 8px 24px -8px color-mix(in srgb, var(--_accent) 12%, transparent);transform:translateY(-4px)}.pricing-card-popular{background-color:var(--_accent);color:var(--color-white);border-radius:var(--radius-full);box-shadow:0 4px 12px -2px color-mix(in srgb, var(--_accent) 30%, transparent);padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;inset-block-start:-.75rem;inset-inline-start:1.5rem}.pricing-card-name{color:var(--_accent-dark);margin-block-end:.5rem;font-size:1.5rem}.pricing-card-audience{color:var(--gray-500);margin-block-end:1rem;font-size:.875rem;font-weight:500}.pricing-card-description{color:var(--gray-600);min-block-size:4rem;margin-block-end:1.5rem;font-size:.875rem;line-height:1.6}.pricing-card-price{align-items:baseline;gap:.25rem;margin-block-end:1.5rem;display:flex}.pricing-card-amount{color:var(--_accent-dark);letter-spacing:-.02em;font-size:2.5rem;font-weight:700;font-family:var(--font-display)}.pricing-card-period{color:var(--gray-500);font-size:1rem}.pricing-card-cta{text-align:center;inline-size:100%;transition:all var(--transition-fast);border-radius:.5rem;padding:.875rem;font-size:1rem;font-weight:600;display:block}.pricing-card-cta-green{background-color:var(--color-card-mint);color:var(--_accent-darker);border:1px solid var(--color-card-mint-dark)}.pricing-card-cta-green:hover{background-color:var(--color-card-mint-dark)}.pricing-card-cta-blue{background-color:var(--_accent-darker);color:var(--color-white);box-shadow:0 4px 14px -3px color-mix(in srgb, var(--_accent-darker) 30%, transparent)}.pricing-card-cta-blue:hover{background-color:var(--_accent-dark)}.pricing-card-cta-orange{background-color:var(--color-card-cream);color:var(--_accent-darker);border:1px solid var(--color-card-cream-dark)}.pricing-card-cta-orange:hover{background-color:var(--color-card-cream-dark)}.pricing-card.is-recommended{border-color:var(--_accent);box-shadow:0 8px 30px -8px color-mix(in srgb, var(--_accent) 20%, transparent);transform:translateY(-4px)}.pricing-card-total{color:var(--_accent);text-align:center;min-block-size:1.25rem;font-size:.8125rem;font-weight:600}.pricing-card-total:empty{display:none}.pricing-card-note{color:var(--gray-500);text-align:center;margin-block-start:1rem;font-size:.75rem}.pricing-card-features-mobile{border-block-start:1px solid var(--gray-100);margin-block-start:1.5rem;padding-block-start:1rem}@media (width>=768px){.pricing-card-features-mobile{display:none}}.pricing-card-features-toggle{color:var(--gray-600);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;list-style:none;display:flex}.pricing-card-features-toggle::-webkit-details-marker{display:none}.pricing-card-features-toggle svg{transition:transform var(--transition-fast)}details[open] .pricing-card-features-toggle svg{transform:rotate(180deg)}.pricing-card-features-list{flex-direction:column;gap:.75rem;margin-block-start:1rem;list-style:none;display:flex}.pricing-card-feature{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.pricing-card-feature.included{color:var(--gray-700)}.pricing-card-feature.included svg{color:var(--_accent)}.pricing-card-feature.excluded{color:var(--gray-400)}.pricing-card-feature.excluded svg{color:var(--gray-300)}.pricing-features{background-color:var(--gray-50);padding-block:4rem;display:none}@media (width>=768px){.pricing-features{display:block}}.pricing-feature-group{margin-block-end:2rem}.pricing-feature-group:last-child{margin-block-end:0}.pricing-feature-category{color:var(--_accent-dark);margin-block-end:1rem;padding-inline-start:1rem;font-size:1.25rem}.pricing-feature-table{background-color:var(--color-white);box-shadow:var(--shadow-sm);border-radius:.75rem;overflow:hidden}.pricing-feature-header{background-color:var(--gray-50);color:var(--gray-600);text-align:center;grid-template-columns:1fr repeat(3,100px);gap:1rem;padding:1rem;font-size:.875rem;font-weight:600;display:grid}.pricing-feature-header>span:first-child{text-align:start}.pricing-feature-header-highlight{color:var(--_accent)}.pricing-feature-row{border-block-end:1px solid var(--gray-100);transition:background-color var(--transition-fast);grid-template-columns:1fr repeat(3,100px);gap:1rem;padding:1rem;display:grid}.pricing-feature-row:last-child{border-block-end:none}.pricing-feature-row:hover{background-color:var(--gray-50)}.pricing-feature-name{color:var(--gray-700);font-size:.875rem}.pricing-feature-value{text-align:center;color:var(--gray-600);justify-content:center;align-items:center;font-size:.875rem;display:flex}.pricing-feature-value .check{color:var(--_accent)}.pricing-feature-value .x{color:var(--gray-300)}.pricing-feature-value-highlight{background-color:var(--_accent-light);margin:-1rem;padding:1rem}.pricing-hero-badge,.pricing-hero-title,.pricing-slider-section{opacity:0;transition:opacity .6s,transform .6s;transition-delay:calc(var(--i,0) * .1s);transform:translateY(24px)}.pricing-hero-badge.is-visible,.pricing-hero-title.is-visible,.pricing-slider-section.is-visible{opacity:1;transform:translateY(0)}.pricing-card{opacity:0;transition:opacity .6s ease, transform .6s ease, box-shadow var(--transition-slow);transition-delay:calc(var(--i,0) * .12s);transform:translateY(30px)}.pricing-card.is-visible{opacity:1;transform:translateY(0)}@media (width>=768px){.pricing-card-blue.is-visible{transform:translateY(-1rem)}}.pricing-feature-group[data-reveal]{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(20px)}.pricing-feature-group[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.pricing-hero-badge,.pricing-hero-title,.pricing-slider-section,.pricing-card,.pricing-feature-group[data-reveal]{opacity:1;transition:none;transform:none}}