.tp-layout{min-height:100vh;font-family:var(--font-sans);background:#fff}.tp-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#f8fafbf2;border-bottom:1px solid #00000012;position:sticky;top:0}.tp-header-content{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:1rem 1.5rem;display:flex}.tp-logo{font-family:var(--font-serif);color:#1a1a2e;font-size:1.1rem;text-decoration:none}.tp-logo:hover{color:#059669}.tp-nav-cta{color:#fff;background:linear-gradient(135deg,#059669,#047857);border-radius:2rem;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:flex}.tp-nav-cta:hover{opacity:.85}.tp-main{max-width:900px;margin:0 auto;padding:0 1.5rem 5rem}.tp-hero{text-align:center;padding:3rem 1rem 2.5rem}.tp-hero-badge{color:#059669;background:#34d3991a;border:1px solid #34d39940;border-radius:2rem;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.35rem 1rem;font-size:.8rem;font-weight:500;display:inline-flex}.tp-hero-title{font-family:var(--font-serif);color:#1a1a2e;margin:0 0 1rem;font-size:clamp(1.9rem,5vw,3rem);font-weight:400;line-height:1.2}.tp-hero-lead{color:#4b5563;max-width:640px;margin:0 auto;font-size:1.05rem;line-height:1.7}.tp-featured{text-align:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #34d3994d;border-radius:1.25rem;margin:2rem 0;padding:2rem}.tp-featured-icon{margin-bottom:.75rem;font-size:2.5rem}.tp-featured-title{font-family:var(--font-serif);color:#1a1a2e;margin:0 0 .5rem;font-size:1.5rem;font-weight:400}.tp-featured-desc{color:#4b5563;margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.tp-featured-cta{color:#fff;background:linear-gradient(135deg,#059669,#047857);border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.tp-featured-cta:hover{opacity:.85}.tp-tools-section{margin:3rem 0}.tp-tools-section h2{font-family:var(--font-serif);color:#1a1a2e;margin:0 0 1.25rem;font-size:1.5rem;font-weight:400}.tp-tools-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.tp-tool-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.875rem;align-items:center;gap:1rem;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.tp-tool-card:hover{border-color:#34d39966;box-shadow:0 2px 12px #34d3991f}.tp-tool-emoji{flex-shrink:0;font-size:1.75rem}.tp-tool-info{flex-direction:column;gap:.2rem;display:flex}.tp-tool-name{color:#1a1a2e;font-size:.95rem;font-weight:600}.tp-tool-desc{color:#6b7280;font-size:.82rem}.tp-faq{margin:3rem 0}.tp-faq h2{font-family:var(--font-serif);color:#1a1a2e;margin:0 0 1.5rem;font-size:1.5rem;font-weight:400}.tp-faq-list{flex-direction:column;gap:1rem;display:flex}.tp-faq-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.875rem;padding:1.25rem 1.5rem}.tp-faq-q{color:#1a1a2e;margin:0 0 .6rem;font-size:.95rem;font-weight:600}.tp-faq-a{color:#4b5563;margin:0;font-size:.9rem;line-height:1.65}.tp-seo{border-top:1px solid #f0f0f0;margin:3rem 0;padding-top:2.5rem}.tp-seo h2{font-family:var(--font-serif);color:#1a1a2e;margin:0 0 .75rem;font-size:1.35rem;font-weight:400}.tp-seo h3{color:#374151;margin:1.5rem 0 .5rem;font-size:1rem;font-weight:600}.tp-seo p{color:#4b5563;margin:0 0 1rem;font-size:.92rem;line-height:1.75}.tp-seo a{color:#059669;text-decoration:underline}.tp-seo a:hover{color:#047857}.tp-cta-banner{text-align:center;background:linear-gradient(135deg,#064e3b,#065f46);border-radius:1.25rem;margin:3rem 0;padding:2.5rem 2rem}.tp-cta-banner h3{font-family:var(--font-serif);color:#fff;margin:0 0 .6rem;font-size:1.5rem;font-weight:400}.tp-cta-banner p{color:#ffffffbf;margin:0 0 1.5rem;font-size:.92rem;line-height:1.6}.tp-cta-btn{color:#064e3b;background:#34d399;border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.tp-cta-btn:hover{opacity:.9}@media (max-width:640px){.tp-tools-grid{grid-template-columns:1fr}}