:root[data-theme=light]{--pico-background-color:#f8f9fa}:root[data-theme=dark]{--pico-background-color:#1a1a2e}.landing-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.hero-content{text-align:center;max-width:800px;margin:0 auto;padding:3rem 0 4rem}.hero-content h1{margin-bottom:1.5rem;font-size:2.75rem;font-weight:800;line-height:1.2}.hero-subtitle{color:var(--pico-muted-color);margin-bottom:2.5rem;font-size:1.2rem;line-height:1.7}.seo-intro{color:var(--pico-muted-color);max-width:800px;margin:0 auto 4rem;font-size:1.1rem;line-height:1.6}.cta-button{background:var(--pico-primary);color:#fff;border-radius:var(--pico-border-radius);cursor:pointer;display:inline-block;border:none;margin:0 auto;padding:1rem 2.5rem;transition:all .2s;font-size:1.2rem;font-weight:700;box-shadow:0 4px 12px #00000026}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:5rem 0 6rem;padding:0 1rem}.feature-card{background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);text-align:center;padding:2rem 1.5rem;transition:all .2s}.feature-card h3{margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.feature-card p{color:var(--pico-muted-color);margin:0;font-size:.95rem;line-height:1.6}.how-it-works{text-align:center;background:var(--pico-card-background-color);border-radius:var(--pico-border-radius);border:1px solid var(--pico-muted-border-color);margin:5rem 0 6rem;padding:3rem 1rem}.how-it-works-left{background:var(--pico-card-background-color);border-radius:var(--pico-border-radius);border:1px solid var(--pico-muted-border-color);margin:5rem 0 6rem;padding:3rem 1rem}.how-it-works h2{margin-bottom:3.5rem;font-size:2rem;font-weight:700}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:3rem;max-width:900px;margin:0 auto}.step{text-align:center}.step-number{background:var(--pico-primary);color:#fff;display:flex;border-radius:50%;justify-content:center;align-items: center;width:64px;height:64px;margin:0 auto 1.25rem;font-size:1.75rem;font-weight:800;box-shadow:0 4px 12px #00000026}.step h4{margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.step p{color:var(--pico-muted-color);margin:0;font-size:.95rem;line-height:1.5}@media (max-width:768px){.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}}.two-column-layout{display:grid;grid-template-columns:1fr;gap:3rem;margin-top:1rem}@media (min-width:768px){.two-column-layout{align-items: start;grid-template-columns:1fr 1fr!important}}.column-left,.column-right{width:100%;min-width:0}.column-heading{border-bottom:2px solid var(--pico-primary);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.5rem}.empty-preview{text-align:center;background:var(--pico-card-background-color);border:2px dashed var(--pico-muted-border-color);border-radius:var(--pico-border-radius);color:var(--pico-muted-color);padding:4rem 2rem}.empty-preview p{color:var(--pico-color);margin-bottom:.5rem;font-size:1.1rem}.empty-preview small{font-size:.9rem}.result-preview{position:sticky;top:2rem}.column-left form{background:var(--pico-card-background-color);border-radius:var(--pico-border-radius);border:1px solid var(--pico-muted-border-color);padding:1.5rem}.font-preview{background-color:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:150px;margin-top:1rem;padding:1rem}.font-preview label{display:block;margin-bottom:.5rem;font-weight:600}.font-preview-image{border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);background:#fff;max-width:100%;height:auto;min-height:100px;padding:.5rem}.error-message{background-color:var(--pico-del-color);color:var(--pico-contrast);border-left:4px solid var(--pico-primary)}.preview-container{text-align:center;background-color:var(--pico-card-background-color);border-radius:var(--pico-border-radius);padding-top:2rem;padding-bottom:2rem}.preview-container img{border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);background:#fff;width:100%;max-width:600px;height:auto;padding:1rem}.pricing-section{margin-top:1rem}.pricing-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.5rem}.pricing-option{border:2px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);text-align:left;position:relative;padding:1.25rem 1rem;transition:all .2s}.pricing-option:hover{border-color:var(--pico-primary);box-shadow:0 2px 8px #0000001a}.pricing-option.highlighted{border-color:var(--pico-primary);background:linear-gradient(135deg,var(--pico-card-background-color)0%,color-mix(in srgb,var(--pico-primary)5%,var(--pico-card-background-color))100%);border-width:3px;box-shadow:0 4px 12px #00000026}.pricing-badge{position:absolute;background:linear-gradient(135deg,var(--pico-primary)0%,color-mix(in srgb,var(--pico-primary)80%,black)100%);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:1rem;padding:.35rem .85rem;font-size:.75rem;font-weight:800;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}.pricing-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.pricing-label{color:var(--pico-color);flex:1;font-size:1rem;font-weight:700}.pricing-price{color:var(--pico-primary);white-space:nowrap;font-size:1.5rem;font-weight:800}.pricing-period{color:var(--pico-muted-color);font-size:.9rem;font-weight:400}.pricing-description{color:var(--pico-muted-color);font-size:.85rem;line-height:1.4}@media (max-width:576px){.pricing-options{grid-template-columns:1fr}}.faq-section{margin:5rem 0 6rem}.faq-section h2{text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:700}.faq-container{max-width:900px;margin:0 auto}.faq-item{border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);overflow:hidden;color:#000;background:var(--pico-card-background-color);margin-bottom:.75rem}.faq-question{text-align:left;color:#000;cursor:pointer;display:flex;border:none;justify-content:space-between;align-items: center;gap:1rem;width:100%;padding:1rem 1.25rem;font-size:1rem;font-weight:600}.faq-question span:first-child{flex:1}.faq-icon{color:#000;text-align:center;min-width:20px;font-size:1.25rem;font-weight:400}.faq-answer{overflow:hidden;max-height:0;transition:max-height .15s}.faq-answer.open{max-height:500px;padding:0 1.25rem 1rem}.faq-answer p{color:var(--pico-muted-color);margin:0;font-size:.95rem;line-height:1.7}