.pb{display:flex;flex-direction:column;gap:var(--sp-2)}.pb__label{font-size:.85rem;font-weight:var(--fw-medium);color:var(--color-text-muted);letter-spacing:.01em}.pb__label strong{color:var(--color-text);font-weight:var(--fw-bold)}.pb__track{position:relative;height:10px;background:var(--progress-track);border-radius:var(--radius-pill);overflow:hidden}.pb__fill{height:100%;background:linear-gradient(90deg,var(--progress-fill-from),var(--progress-fill-to));border-radius:var(--radius-pill);transition:width .6s cubic-bezier(.2,0,0,1)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);animation:modal-fade-in .18s ease}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-box{position:relative;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:100%;max-width:520px;max-height:85dvh;display:flex;flex-direction:column;animation:modal-slide-in .2s cubic-bezier(.2,0,0,1)}@keyframes modal-slide-in{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-5) var(--sp-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal-title{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:1.05rem;color:var(--color-text)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-muted);font-size:1.1rem;line-height:1;transition:var(--transition);flex-shrink:0}.modal-close:hover{background:var(--color-border);color:var(--color-text)}.modal-body{padding:var(--sp-5);overflow-y:auto;flex:1;color:var(--color-text-muted);font-size:.93rem;line-height:1.65}.svc-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--color-border)}.svc-card__banner{background:var(--color-accent);color:var(--color-accent-contrast);padding:var(--sp-3) var(--sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.svc-card__banner-text{font-weight:var(--fw-bold);font-size:.92rem;line-height:1.3}.svc-card__info-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-pill);border:1.5px solid var(--color-accent-contrast);background:transparent;color:var(--color-accent-contrast);font-size:.8rem;font-weight:var(--fw-bold);flex-shrink:0;transition:var(--transition)}.svc-card__info-btn:hover{background:#0000001f}.svc-card__body{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-5)}.svc-card__identity{display:flex;align-items:center;gap:var(--sp-4)}.svc-card__logo{width:64px;height:64px;border-radius:var(--radius-md);object-fit:contain;flex-shrink:0}.svc-card__name{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:1.25rem;color:var(--color-text);line-height:1.2}.svc-card__tagline{font-size:.88rem;color:var(--color-text-muted);margin-top:var(--sp-1);line-height:1.4}.svc-card__price-row{display:flex;align-items:baseline;gap:var(--sp-2)}.svc-card__price{font-family:var(--font-display);font-weight:var(--fw-black);font-size:1.9rem;color:var(--color-text);letter-spacing:-.03em}.svc-card__price-unit{font-size:.88rem;color:var(--color-text-muted);font-weight:var(--fw-medium)}.svc-card__credit-row{background:var(--color-surface-2);border-radius:var(--radius-md);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1)}.svc-card__credit-main{font-weight:var(--fw-bold);color:var(--color-success);font-size:1rem}.svc-card__credit-extra{font-size:.83rem;color:var(--color-text-muted)}.svc-card__placeholder-badge{display:inline-flex;align-items:center;padding:2px var(--sp-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:.75rem;color:var(--color-text-faint);font-weight:var(--fw-medium);align-self:flex-start}.modal-terms-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-3)}.modal-terms-list li{display:flex;gap:var(--sp-3);align-items:flex-start}.modal-terms-list li:before{content:"✓";color:var(--color-success);font-weight:var(--fw-bold);font-size:.9rem;flex-shrink:0;margin-top:1px}.marketplace-header{margin-bottom:var(--sp-5)}.section-title{font-family:var(--font-display);font-weight:var(--fw-black);font-size:1.75rem;color:var(--color-text);line-height:1.2;margin-bottom:var(--sp-2)}.section-sub{font-size:1rem;color:var(--color-text-muted);font-weight:var(--fw-normal)}.sales-team-cta{margin-bottom:var(--sp-6)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-pill);font-size:.95rem;font-weight:var(--fw-medium);transition:background var(--transition),color var(--transition),box-shadow var(--transition)}.btn.is-locked{background:var(--color-surface-2);color:var(--color-locked);border:1.5px solid var(--color-border);cursor:pointer;width:100%;justify-content:center}.btn.is-locked:hover{background:var(--color-surface);color:var(--color-text-muted);border-color:var(--color-locked)}.btn.is-locked:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--sp-5)}.sales-modal-body{color:var(--color-text);font-size:.97rem;line-height:1.65}.sales-modal-body p{margin-bottom:var(--sp-4)}.sales-modal-body p:last-child{margin-bottom:0}.sales-modal-body strong{color:var(--color-accent);font-weight:var(--fw-bold)}.sales-modal-steps{list-style:none;padding:0;margin:var(--sp-4) 0;display:flex;flex-direction:column;gap:var(--sp-3)}.sales-modal-steps li{display:flex;gap:var(--sp-3);align-items:flex-start}.sales-modal-step-icon{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:var(--color-primary-contrast);font-weight:var(--fw-bold);font-size:.8rem;display:flex;align-items:center;justify-content:center;margin-top:2px}.sales-modal-reward{background:var(--color-surface-2);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-4);margin-top:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);text-align:center}.sales-modal-reward .reward-amount{font-size:1.6rem;font-weight:var(--fw-black);color:var(--color-accent);line-height:1.1}.sales-modal-reward .reward-label{font-size:.85rem;color:var(--color-text-muted)}.sales-modal-reward .reward-split{font-size:.82rem;color:var(--color-text-faint);margin-top:var(--sp-1)}@media (max-width: 360px){.services-grid{grid-template-columns:1fr}}.referrals-page{max-width:640px;margin:0 auto;padding:var(--sp-5) var(--sp-4) var(--sp-8)}.section-title{font-family:var(--font-display);font-size:1.75rem;font-weight:var(--fw-black);color:var(--color-text);margin-bottom:var(--sp-3)}.login-gate{display:flex;flex-direction:column;gap:var(--sp-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-6);box-shadow:var(--shadow-card)}.login-gate__pitch{color:var(--color-text-muted);font-size:1rem;line-height:1.6}.login-gate__input{width:100%;padding:var(--sp-3) var(--sp-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-body);font-size:1rem;transition:border-color var(--transition)}.login-gate__input:focus{outline:none;border-color:var(--color-primary-hover)}.login-gate__input::placeholder{color:var(--color-text-faint)}.login-gate__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--sp-3) var(--sp-5);background:var(--color-primary);color:var(--color-primary-contrast);border-radius:var(--radius-pill);font-weight:var(--fw-bold);font-size:.95rem;transition:background var(--transition);cursor:pointer}.login-gate__btn:hover:not(:disabled){background:var(--color-primary-hover)}.login-gate__btn:disabled{opacity:.55;cursor:not-allowed}.login-gate__feedback{font-size:.9rem;border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4)}.login-gate__feedback--success{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 30%,transparent)}.login-gate__feedback--error{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent)}.ref-link-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-5);box-shadow:var(--shadow-card);margin-bottom:var(--sp-5)}.ref-link-card__label{font-size:.8rem;font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--sp-3)}.ref-link-card__row{display:flex;align-items:center;gap:var(--sp-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3)}.ref-link-card__url{flex:1;font-family:monospace;font-size:.9rem;color:var(--color-text);word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-link-card__copy-btn{flex-shrink:0;padding:var(--sp-2) var(--sp-4);background:var(--color-accent);color:var(--color-accent-contrast);border-radius:var(--radius-pill);font-weight:var(--fw-bold);font-size:.85rem;transition:opacity var(--transition)}.ref-link-card__copy-btn:hover{opacity:.85}.ref-link-card__copy-btn--copied{background:var(--color-success);color:var(--color-primary-contrast)}.ref-link-card__caption{font-size:.8rem;color:var(--color-text-faint);line-height:1.5}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-bottom:var(--sp-5)}@media (max-width: 420px){.stat-grid{grid-template-columns:1fr}}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-5);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--sp-2)}.stat-card__value{font-size:2.2rem;font-weight:var(--fw-black);color:var(--color-text);line-height:1}.stat-card__label{font-size:.82rem;color:var(--color-text-muted);line-height:1.4}.sales-progress-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-5);margin-bottom:var(--sp-5);box-shadow:var(--shadow-card)}.sales-badge--reached{display:inline-flex;align-items:center;gap:var(--sp-2);background:color-mix(in srgb,var(--color-success) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 40%,transparent);color:var(--color-success);border-radius:var(--radius-pill);padding:var(--sp-2) var(--sp-4);font-weight:var(--fw-bold);font-size:.9rem}.sales-remaining{color:var(--color-text-muted);font-size:.95rem;line-height:1.5}.sales-remaining strong{color:var(--color-accent);font-weight:var(--fw-bold)}.explanation-panel{background:var(--color-surface);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--sp-5);margin-bottom:var(--sp-6)}.explanation-panel__title{font-size:.8rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--sp-3)}.explanation-panel__body{font-size:.9rem;color:var(--color-text-muted);line-height:1.7}.logout-btn{padding:var(--sp-3) var(--sp-5);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:.9rem;font-weight:var(--fw-medium);transition:border-color var(--transition),color var(--transition);background:none}.logout-btn:hover{border-color:var(--color-danger);color:var(--color-danger)}.referrals-error{background:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent);border-radius:var(--radius-sm);padding:var(--sp-4) var(--sp-5);color:var(--color-danger);font-size:.9rem;margin-bottom:var(--sp-5)}.referrals-loading{color:var(--color-text-faint);font-size:.95rem;padding:var(--sp-6) 0;text-align:center}.app-shell{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px))}.app-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--color-bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.app-header__inner{max-width:var(--maxw);margin:0 auto;padding:var(--sp-4) var(--sp-5);display:flex;align-items:center;justify-content:space-between}.app-brand{font-family:var(--font-display);font-weight:var(--fw-black);font-size:1.25rem;letter-spacing:-.02em}.app-brand__accent{color:var(--color-accent)}.app-wallet-link{font-size:.85rem;font-weight:var(--fw-medium);color:var(--color-text-muted);padding:var(--sp-2) var(--sp-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);transition:var(--transition)}.app-wallet-link:hover{color:var(--color-text);border-color:var(--color-primary)}.app-main{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:var(--sp-5)}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:flex;background:var(--color-surface);border-top:1px solid var(--color-border)}.tabbar__btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.72rem;font-weight:var(--fw-medium);color:var(--color-text-faint);transition:var(--transition)}.tabbar__btn.is-active{color:var(--color-primary-contrast)}.tabbar__btn.is-active .tabbar__icon{transform:translateY(-1px) scale(1.08)}.tabbar__icon{font-size:1.2rem;transition:var(--transition)}.section-title{font-family:var(--font-display);font-weight:var(--fw-black);font-size:clamp(1.5rem,5vw,2.1rem);letter-spacing:-.02em;margin-bottom:var(--sp-2)}.section-sub{color:var(--color-text-muted);margin-bottom:var(--sp-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-pill);font-weight:var(--fw-bold);background:var(--color-primary);color:var(--color-primary-contrast);transition:var(--transition)}.btn:hover{background:var(--color-primary-hover)}.btn--accent{background:var(--color-accent);color:var(--color-accent-contrast)}.btn--block{width:100%}.btn:disabled,.btn.is-locked{background:var(--color-locked);color:var(--color-text-faint);cursor:not-allowed}