@layer base{:root{--color-primary:#005CA2;--color-title:hsla(0,0%,0%,1);--color-text-secondary:rgba(0,0,0,0.6);--color-body:hsla(0,0%,0%,0.6);--navbar-height:72px;--transition-normal:0.3s ease;--transition-card-float:0.5s ease;--card-lay:0px 2px 4px rgba(0,0,0,0.1),0px 7px 7px rgba(0,0,0,0.09),0px 15px 9px rgba(0,0,0,0.05),0px 27px 11px rgba(0,0,0,0.01),0px 42px 12px rgba(0,0,0,0.01);--card-float:0px 5px 11px rgba(0,0,0,0.1),0px 20px 20px rgba(0,0,0,0.09),0px 45px 27px rgba(0,0,0,0.05),0px 81px 32px rgba(0,0,0,0.01),0px 126px 35px rgba(0,0,0,0.01)}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);pointer-events:none;opacity:0;transition:opacity .3s ease-in-out;z-index:1000;display:flex;justify-content:center;padding:30px;overflow-y:scroll;box-sizing:border-box;transition-delay:.2s}.modal--open{opacity:1;pointer-events:auto;transition-delay:0s}.modal__close-button{position:absolute;top:0;right:0;background:none;border:none;cursor:pointer;padding:8px;color:#1C1B1F;transition:background-color .2s ease}@media (max-width:899px){.modal__close-button{top:-8px;right:-8px}}.modal__close-button:hover{background-color:rgba(0,0,0,.05)}.modal__close-button svg{width:24px;height:24px}.modal__content{background:transparent;overflow-y:visible;opacity:0;margin:auto 0;height:-moz-fit-content;height:fit-content;transform:translateY(100px);transition:transform,opacity;transition-delay:.2s;transition-timing-function:ease;transition-duration:.3s}.modal--open .modal__content{opacity:1;transform:translateY(0);transition-timing-function:cubic-bezier(0,0,0,1)}.plan-card{background-color:white;width:80%;max-width:600px;padding:2.25rem 2.5rem 2.5rem;display:flex;flex-direction:column;position:relative}.plan-card--popular{outline:3px solid var(--color-primary)}.plan-card__badge{position:absolute;top:-1.2em;font-size:clamp(1rem,.8125rem + .5vw,1.375rem);left:50%;transform:translateX(-50%);text-wrap:nowrap}.plan-card__badge-text{background-color:var(--color-primary);color:white!important;padding:.3em 1.2em;font-family:var(--font-noto-sans-tc),sans-serif;font-weight:400;letter-spacing:.025em}.plan-card__header{display:flex;flex-direction:column;gap:.875rem}.plan-card__name{font-family:var(--font-noto-sans-tc),sans-serif;font-size:clamp(1.125rem,.9375rem + .5vw,1.5rem);font-weight:400;letter-spacing:.08em;margin-bottom:.15em;color:var(--color-primary)!important}.plan-card__price{display:flex;align-items:baseline;gap:0;font-weight:400;line-height:1}.plan-card__currency{font-weight:600;color:#111827;font-size:2.25rem}.plan-card__amount{font-size:3.75rem}.plan-card__period{font-size:1rem!important;color:var(--color-subtitle);margin-left:.25rem}.plan-card__title{font-size:1.5rem!important;letter-spacing:.025em}.plan-card__description{font-size:1rem!important;color:var(--color-text-secondary);margin-bottom:1.5rem;text-wrap:pretty}.plan-card__features{padding-bottom:1em}.plan-card__divider{border-color:rgba(0,0,0,.2);border-top-width:1px;margin:1.5em 0}.plan-card__feature-list{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.plan-card__feature{display:flex;align-items:center;gap:.625rem}.plan-card__feature-icon{width:.4rem;height:.4rem;color:var(--color-primary);flex-shrink:0}.plan-card__feature-icon svg{width:100%;height:100%;fill:currentColor}.plan-card__feature-text{font-family:var(--font-noto-sans-tc),sans-serif;font-size:1rem;font-weight:400;line-height:1.6;color:black;opacity:.8}.plan-card__feature-text--highlight{color:var(--color-primary)!important;font-weight:500}.plan-card__cta{margin-top:auto}.plan-card--sm{width:85%;padding:32px}.plan-card--sm .plan-card__header{gap:.5rem}.plan-card--sm .plan-card__currency{font-size:1.25rem}.plan-card--sm .plan-card__name{font-size:18px}.plan-card--sm .plan-card__amount{font-size:2.25rem}.plan-card--sm .plan-card__period{font-size:14px!important;margin-left:.125rem}.plan-card--sm .plan-card__title{font-size:20px!important}.plan-card--sm .plan-card__description{font-size:14px!important;margin-bottom:1rem}.plan-card--sm .plan-card__divider{margin:1rem 0}