.dev-nav{position:sticky;top:0;z-index:50;background:var(--color-surface,#fff);border-bottom:1px solid var(--color-border,#e5e7eb);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.06))}.dev-nav__inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:56px;gap:1.5rem}.dev-nav__brand{font-weight:700;font-size:1.05rem;color:var(--color-text,#1a1a1a);text-decoration:none;display:flex;align-items:center;gap:.25rem}.dev-nav__badge,.dev-nav__brand span:first-of-type{color:var(--color-primary,#01696f)}.dev-nav__badge{margin-left:.5rem;font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--color-primary-highlight,#cedcd8);padding:.15rem .5rem;border-radius:999px}.dev-nav__links{display:flex;gap:.25rem;align-items:center}.dev-nav__link{font-size:.875rem;color:var(--color-text-muted,#6b7280);text-decoration:none;padding:.35rem .75rem;border-radius:var(--radius-md,.5rem);transition:background .18s,color .18s}.dev-nav__link:hover{background:var(--color-surface-offset,#f3f0ec);color:var(--color-text,#1a1a1a)}.dev-nav__link--active{color:var(--color-primary,#01696f);font-weight:600;background:var(--color-primary-highlight,#cedcd8)}.dev-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;border-radius:var(--radius-md,.5rem);border:1.5px solid transparent;cursor:pointer;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;text-decoration:none}.dev-btn--full{width:100%}.dev-btn--primary{background:var(--color-primary,#01696f);color:#fff;border-color:var(--color-primary,#01696f)}.dev-btn--primary:hover:not(:disabled){background:var(--color-primary-hover,#0c4e54);border-color:var(--color-primary-hover,#0c4e54);box-shadow:0 4px 12px oklch(from var(--color-primary,#01696f) l c h/.25)}.dev-btn--outline{background:transparent;color:var(--color-text,#1a1a1a);border-color:var(--color-border,#d4d1ca)}.dev-btn--outline:hover:not(:disabled){background:var(--color-surface-offset,#f3f0ec);border-color:var(--color-text-muted,#6b7280)}.billing-btn--current,.dev-btn:disabled{opacity:.55;cursor:not-allowed}.dev-container{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.billing-content{display:flex;flex-direction:column;gap:2.5rem}.billing-header{border-bottom:1px solid var(--color-divider,#dcd9d5);padding-bottom:1.5rem}.billing-title{font-size:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);font-weight:700;color:var(--color-text,#1a1a1a);line-height:1.15;margin-bottom:.5rem}.billing-subtitle{font-size:.95rem;color:var(--color-text-muted,#6b7280)}.billing-current-plan{color:var(--color-primary,#01696f);font-weight:700}.billing-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:1.25rem;align-items:start}.billing-plan{position:relative;background:var(--color-surface,#fff);border:1.5px solid var(--color-border,#d4d1ca);border-radius:var(--radius-xl,1rem);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:box-shadow .2s,border-color .2s}.billing-plan:hover{box-shadow:var(--shadow-md,0 4px 12px rgba(0,0,0,.08))}.billing-plan--highlight{border-color:var(--color-primary,#01696f);box-shadow:0 0 0 3px var(--color-primary-highlight,#cedcd8)}.billing-plan--active{border-color:var(--color-primary,#01696f);background:var(--color-surface-2,#fbfbf9)}.billing-plan__badge{left:50%;transform:translateX(-50%);background:var(--color-primary,#01696f)}.billing-plan__badge,.billing-plan__current-badge{position:absolute;top:-.625rem;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#fff;padding:.2rem .75rem;border-radius:999px;white-space:nowrap}.billing-plan__current-badge{right:1rem;background:var(--color-success,#437a22)}.billing-plan__name{font-size:1.05rem;font-weight:700;color:var(--color-text,#1a1a1a)}.billing-plan__price{display:flex;align-items:baseline;gap:.35rem}.billing-plan__price-num{font-size:1.6rem;font-weight:800;color:var(--color-text,#1a1a1a);line-height:1}.billing-plan__price-period{font-size:.8rem;color:var(--color-text-muted,#6b7280)}.billing-plan__desc{font-size:.825rem;color:var(--color-text-muted,#6b7280);margin-bottom:.25rem}.billing-plan__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;flex:1}.billing-plan__feature{display:flex;align-items:center;gap:.5rem;font-size:.83rem;color:var(--color-text,#1a1a1a)}.billing-plan__feature--no{color:var(--color-text-faint,#bab9b4);text-decoration:line-through}.billing-plan__check{color:var(--color-primary,#01696f);flex-shrink:0}.billing-plan__feature--no .billing-plan__check{color:var(--color-text-faint,#bab9b4)}.billing-addon{display:grid;padding:20px;background:#fff}.billing-addon__left{padding-bottom:10px;text-align:center}.billing-addon__right{display:grid;text-align:center}span.billing-addon__price{padding-bottom:15px;font-weight:600}.billing-subscription{background:var(--color-surface,#fff);border:1.5px solid var(--color-border,#d4d1ca);border-radius:var(--radius-xl,1rem);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.billing-subscription__row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.billing-subscription__label{font-size:.875rem;color:var(--color-text-muted,#6b7280)}.billing-subscription__value{font-size:.875rem;font-weight:600;color:var(--color-text,#1a1a1a)}.billing-subscription__value--on{color:var(--color-success,#437a22)}.billing-subscription__value--off{color:var(--color-text-muted,#6b7280)}.billing-cancel-btn{align-self:flex-start;margin-top:.25rem}.billing-usage{background:var(--color-surface,#fff);border:1.5px solid var(--color-border,#d4d1ca);border-radius:var(--radius-xl,1rem);padding:1.5rem;display:flex;flex-direction:column;gap:.875rem}.billing-usage__title{font-size:1.05rem;font-weight:700;color:var(--color-text,#1a1a1a);margin-bottom:.25rem}.billing-usage__bar-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.billing-usage__label{font-size:.875rem;color:var(--color-text-muted,#6b7280)}.billing-usage__count{font-size:.875rem;font-weight:700;color:var(--color-text,#1a1a1a)}.billing-usage__track{height:8px;background:var(--color-surface-offset,#f3f0ec);border-radius:999px;overflow:hidden}.billing-usage__fill{height:100%;background:var(--color-primary,#01696f);border-radius:999px;transition:width .6s cubic-bezier(.16,1,.3,1)}.billing-usage__fill--warn{background:var(--color-warning,#964219)}.billing-usage__breakdown{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.25rem}.billing-usage__service{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--color-text-muted,#6b7280)}.billing-usage__service-count{font-weight:700;color:var(--color-text,#1a1a1a)}.billing-usage__note{font-size:.8rem;color:var(--color-text-faint,#bab9b4);text-align:center;padding-top:.5rem}.billing-faq{background:var(--color-surface,#fff);border:1.5px solid var(--color-border,#d4d1ca);border-radius:var(--radius-xl,1rem);padding:1.5rem}.billing-faq .billing-usage__title{margin-bottom:1rem}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--color-divider,#dcd9d5)}.faq-item:last-child{border-bottom:none}.faq-item__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:none;border:none;cursor:pointer;text-align:left;padding:1rem 0;font-size:.925rem;font-weight:600;color:var(--color-text,#1a1a1a);transition:color .18s}.faq-item__q:hover{color:var(--color-primary,#01696f)}.faq-item__chevron{flex-shrink:0;transition:transform .25s}.faq-item--open .faq-item__chevron{transform:rotate(180deg)}.faq-item__a{font-size:.875rem;color:var(--color-text-muted,#6b7280);line-height:1.7;padding-bottom:1rem;max-width:70ch}.payment-modal-overlay{position:fixed;inset:0;z-index:1000;background:oklch(.1 0 0/.55);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeInOverlay .2s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.payment-modal{background:var(--color-surface-2,#fff);border:1px solid var(--color-border,#d4d1ca);border-radius:var(--radius-xl,1rem);padding:2rem;width:100%;max-width:460px;box-shadow:var(--shadow-lg,0 12px 32px rgba(0,0,0,.12));display:flex;flex-direction:column;gap:1.25rem;animation:slideUpModal .22s cubic-bezier(.16,1,.3,1)}@keyframes slideUpModal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.payment-modal__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.payment-modal__title{font-size:1.15rem;font-weight:700;color:var(--color-text,#1a1a1a)}.payment-modal__close{background:none;border:none;cursor:pointer;color:var(--color-text-muted,#6b7280);padding:.25rem;border-radius:var(--radius-md,.5rem);transition:color .18s,background .18s}.payment-modal__close:hover:not(:disabled){color:var(--color-text,#1a1a1a);background:var(--color-surface-offset,#f3f0ec)}.payment-modal__plan{display:flex;align-items:center;gap:.875rem;padding:.875rem;background:var(--color-surface-offset,#f3f0ec);border-radius:var(--radius-lg,.75rem)}.payment-modal__plan-icon{width:44px;height:44px;border-radius:var(--radius-md,.5rem);background:var(--color-primary-highlight,#cedcd8);color:var(--color-primary,#01696f);display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-modal__plan-name{font-size:.95rem;font-weight:700;color:var(--color-text,#1a1a1a)}.payment-modal__plan-sub{font-size:.8rem;color:var(--color-text-muted,#6b7280);margin-top:.125rem}.payment-modal__details{display:flex;flex-direction:column;gap:.625rem;border:1px solid var(--color-divider,#dcd9d5);border-radius:var(--radius-lg,.75rem);padding:1rem}.payment-modal__row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.payment-modal__row--total{padding-top:.625rem;border-top:1px solid var(--color-divider,#dcd9d5);margin-top:.125rem}.payment-modal__label{font-size:.85rem;color:var(--color-text-muted,#6b7280)}.payment-modal__value{font-size:.85rem;font-weight:600;color:var(--color-text,#1a1a1a)}.payment-modal__value--total{font-size:1rem;font-weight:800;color:var(--color-text,#1a1a1a)}.payment-modal__consent{display:flex;align-items:flex-start;gap:.625rem;cursor:pointer}.payment-modal__checkbox{width:16px;height:16px;margin-top:2px;flex-shrink:0;cursor:pointer;accent-color:var(--color-primary,#01696f)}.payment-modal__consent-text{font-size:.8rem;color:var(--color-text-muted,#6b7280);line-height:1.5}.payment-modal__link{color:var(--color-primary,#01696f);text-decoration:underline;text-underline-offset:2px}.payment-modal__link:hover{color:var(--color-primary-hover,#0c4e54)}.payment-modal__error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-error-highlight,#e0ced7);border:1px solid var(--color-error,#a12c7b);border-radius:var(--radius-md,.5rem);color:var(--color-error,#a12c7b);font-size:.825rem}.payment-modal__actions{display:flex;gap:.75rem}.payment-modal__btn-cancel{flex:0 0 auto}.payment-modal__btn-pay{flex:1}.btn--disabled{opacity:.5;cursor:not-allowed}.payment-modal__spinner{animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.payment-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1100;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-radius:var(--radius-lg,.75rem);font-size:.875rem;font-weight:500;max-width:400px;box-shadow:var(--shadow-lg,0 12px 32px rgba(0,0,0,.12));animation:slideUpModal .22s cubic-bezier(.16,1,.3,1)}.payment-toast--success{background:var(--color-success,#437a22);color:#fff}.payment-toast--error{background:var(--color-error,#a12c7b);color:#fff}.payment-toast__close{background:none;border:none;cursor:pointer;color:inherit;opacity:.8;padding:.125rem;margin-left:auto;flex-shrink:0;transition:opacity .18s}.payment-toast__close:hover{opacity:1}@media (max-width:768px){.billing-plans{grid-template-columns:1fr}.dev-nav__links{display:none}.payment-modal{padding:1.5rem}.billing-subscription__row{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (max-width:480px){.payment-modal{border-radius:var(--radius-lg,.75rem);padding:1.25rem}.payment-modal__actions{flex-direction:column-reverse}.payment-modal__btn-cancel,.payment-modal__btn-pay{width:100%}.payment-toast{left:1rem;right:1rem;bottom:1rem;max-width:unset}}