.palette-preview-tool__inputs{margin-bottom:var(--space-lg);flex-wrap:wrap;gap:.75rem;display:flex}.preview-color-input{flex:1;min-width:100px}.preview-color-input__row{align-items:center;gap:.375rem;display:flex}.preview-color-input__picker{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:6px;flex-shrink:0;width:32px;height:32px;padding:2px}.preview-color-input__picker::-webkit-color-swatch-wrapper{padding:0}.preview-color-input__picker::-webkit-color-swatch{border:none;border-radius:4px}.preview-color-input__picker::-moz-color-swatch{border:none;border-radius:4px}.preview-color-input__text{width:100%;padding:.375rem .5rem;font-size:.75rem}.palette-preview-tool__tabs{margin-bottom:var(--space-md);flex-wrap:wrap;gap:.375rem;display:flex}.palette-preview-tool__tab{color:var(--color-text-muted);font-family:var(--font-alfabet);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff24;border-radius:6px;padding:.375rem .75rem;font-size:.5625rem;font-weight:900}.palette-preview-tool__tab:hover{color:var(--color-text);background:#ffffff1a}.palette-preview-tool__tab.is-active{color:#000;background:#fff;border-color:#fff}.palette-preview-tool__frame{background:#fff;border:1px solid #ffffff24;border-radius:12px;overflow:hidden}.preview-template{font-family:var(--font-primary);font-size:13px;line-height:1.5}.preview-template[hidden]{display:none}.pt-nav{justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.pt-nav__logo{letter-spacing:-.02em;font-size:14px;font-weight:700}.pt-nav__links{align-items:center;gap:1rem;font-size:11px;display:flex}.pt-btn{cursor:default;text-align:center;border-radius:6px;padding:.5rem 1rem;font-size:11px;font-weight:600;display:inline-block}.pt-btn--sm{padding:.3rem .75rem;font-size:10px}.pt-btn--outline{background:0 0;border:1px solid}.pt-hero{text-align:center;padding:3rem 1.25rem 2.5rem}.pt-hero--light{padding:3rem 1.25rem 2.5rem}.pt-hero--tall{padding:4rem 1.25rem 3rem;position:relative}.pt-hero--centered{flex-direction:column;align-items:center;display:flex}.pt-hero__eyebrow{text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:11px;font-weight:700}.pt-hero__title{letter-spacing:-.03em;max-width:400px;margin-bottom:.75rem;margin-left:auto;margin-right:auto;font-size:22px;font-weight:700;line-height:1.2}.pt-hero__title--large{font-size:28px}.pt-hero__sub{max-width:360px;margin:0 auto 1.25rem;font-size:12px;line-height:1.6}.pt-hero__actions{justify-content:center;gap:.5rem;display:flex}.pt-badge{border-radius:100px;margin-bottom:.75rem;padding:.2rem .6rem;font-size:10px;font-weight:700;display:inline-block}.pt-section{padding:2rem 1.25rem}.pt-section__title{letter-spacing:-.02em;text-align:center;margin-bottom:1.25rem;font-size:16px;font-weight:700}.pt-cards{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.pt-card{opacity:.95;border:1px solid;border-radius:8px;padding:1rem}.pt-card__icon{border-radius:8px;width:32px;height:32px;margin-bottom:.625rem}.pt-card h4{margin-bottom:.25rem;font-size:12px;font-weight:600}.pt-card p{font-size:10.5px;line-height:1.5}.pt-stats{justify-content:center;gap:2rem;display:flex}.pt-stat{text-align:center}.pt-stat__number{letter-spacing:-.03em;font-size:24px;font-weight:700;display:block}.pt-stat__label{font-size:10px}.pt-testimonial{max-width:400px;margin:0 auto;padding:1rem 1.25rem}.pt-testimonial p{margin-bottom:.5rem;font-size:12px;line-height:1.6}.pt-testimonial span{font-size:10.5px}.pt-portfolio{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.pt-portfolio__item{aspect-ratio:4/3;border-radius:8px;align-items:flex-end;padding:.75rem;display:flex}.pt-portfolio__label{font-size:10px;font-weight:600}.pt-features{text-align:center;grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.pt-feature__icon{border-radius:10px;width:36px;height:36px;margin:0 auto .5rem}.pt-feature h4{margin-bottom:.25rem;font-size:12px;font-weight:600}.pt-feature p{font-size:10.5px;line-height:1.5}.pt-cta{text-align:center;padding:2rem 1.25rem}.pt-cta h3{letter-spacing:-.02em;margin-bottom:.375rem;font-size:16px;font-weight:700}.pt-cta p{margin-bottom:1rem;font-size:11px}@media (width<=768px){.palette-preview-tool__inputs{grid-template-columns:1fr 1fr 1fr;display:grid}.pt-cards,.pt-features,.pt-portfolio{grid-template-columns:1fr}.pt-stats{flex-direction:column;gap:.75rem}.pt-nav__links{display:none}.pt-hero__title{font-size:18px}.pt-hero__title--large{font-size:22px}}