.how-to-section{padding:4rem 0;background:var(--bg)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;text-align:center;margin-top:3rem}.step-card{display:flex;flex-direction:column;align-items:center}.step-number{width:60px;height:60px;background-color:var(--brand-orange);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;margin-bottom:1.5rem;box-shadow:0 4px 14px color-mix(in srgb,var(--brand-orange) 40%,transparent)}.step-card h3{color:var(--text);font-size:1.4rem;font-weight:800;margin-bottom:1rem}.step-card p{color:var(--text-muted);line-height:1.6;font-size:.95rem}.seo-content-section{padding:4rem 0}.formats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.format-panel{background:var(--surface);padding:2.5rem;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow)}.format-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.format-badge{background:color-mix(in srgb,var(--brand-purple) 15%,transparent);color:var(--brand-purple);font-weight:800;padding:.4rem 1rem;border-radius:8px;font-size:.9rem}.format-panel h3{color:var(--text);font-size:1.4rem;margin:0;font-weight:800}.format-panel p{color:var(--text-muted);font-size:1rem;line-height:1.7;margin:0}.conversion-details-panel{background:var(--surface);padding:2.5rem;border-radius:16px;border-left:5px solid var(--brand-orange);border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.conversion-details-panel h3{color:var(--text);font-size:1.6rem;margin-bottom:1.25rem;font-weight:800}.conversion-details-panel p{color:var(--text-muted);font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.details-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.details-list li{color:var(--text-muted);font-size:1rem;line-height:1.6;position:relative;padding-left:1.5rem}.details-list li:before{content:"✓";color:var(--brand-orange);position:absolute;left:0;font-weight:700}.details-list strong{color:var(--text)}.tool-page{padding:4rem 0 5rem;min-height:calc(100vh - 200px)}.tool-header{text-align:center;margin-bottom:3rem}.tool-header h1{color:var(--text);font-size:clamp(2rem,4vw,3rem);margin-bottom:.75rem;font-weight:900;letter-spacing:-.02em}.tool-header .subtitle{color:var(--text-muted);font-size:1.15rem;max-width:600px;margin:0 auto;line-height:1.6}.tool-wrapper{max-width:750px;margin:0 auto}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;border:3px dashed var(--border);border-radius:var(--radius);background:var(--surface-1);cursor:pointer;transition:all .3s ease}.dropzone:hover,.dropzone.active{border-color:var(--brand-purple);background-color:color-mix(in srgb,var(--brand-purple) 3%,transparent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.dropzone-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.dropzone .icon{color:var(--brand-purple);transition:color .3s ease}.dropzone:hover .icon{color:var(--brand-orange);transform:scale(1.1)}.cta-text{font-weight:800;font-size:1.3rem;color:var(--text)}.file-support{font-size:.95rem;font-weight:600;color:var(--text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.state-box{background:var(--surface-1);padding:3rem 2rem;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;gap:1.25rem;box-shadow:var(--shadow-md);text-align:center;border:1px solid var(--border)}.state-box h3{color:var(--text);font-size:1.5rem;margin:0;font-weight:800}.file-info-text{font-size:.95rem;font-weight:600;color:var(--text-muted);background:var(--surface-2);padding:.75rem 1.25rem;border-radius:8px;border:1px solid var(--border)}.action-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:350px;margin-top:1rem}.download-btn{background:var(--brand-orange);color:#fff;padding:1.1rem;border-radius:50px;font-weight:800;font-size:1.1rem;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;display:block;text-align:center;box-shadow:var(--glow-orange)}.download-btn:hover{background-color:#e65c10;transform:translateY(-3px);box-shadow:var(--glow-orange)}.reset-btn-styled{background:transparent;border:2px solid var(--border);color:var(--text);padding:1rem;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.reset-btn-styled:hover{border-color:var(--brand-purple);color:var(--brand-purple);background:var(--surface-2)}.spinner{width:50px;height:50px;border:4px solid var(--surface-2);border-top:4px solid var(--brand-purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-divider{border:0;border-top:1px solid var(--border);margin:4rem auto;max-width:900px}.section-title{text-align:center;font-size:2.2rem;color:var(--text);margin-bottom:3rem;font-weight:800}