.topbar,.topbar-right{display:flex;align-items:center}.topbar-brand,h1{font-weight:700;letter-spacing:-.04em;color:var(--text-primary)}.topbar-brand,body,h1{color:var(--text-primary)}#volumeVal,.faq-item summary:hover,.footer-brand-name span,.footer-col nav a:hover,.topbar-brand span,h1 .accent-word{color:var(--accent)}.btn-download,.btn-hub,.footer-col nav a,.topbar-brand{text-decoration:none}:root{--bg:#f2f4f3;--surface:#ffffff;--surface-2:#eef1f0;--border:#d8dedd;--border-bright:#b0c4be;--accent:#1a7a5e;--accent-2:#0f9b7a;--accent-light:#e6f5f1;--accent-muted:#4a9e88;--text-primary:#111c18;--text-secondary:#3d5a52;--text-muted:#7a9990;--radius:14px;--radius-sm:9px;--max-w:700px;--transition:0.16s ease}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6}.topbar{position:sticky;top:0;z-index:100;justify-content:space-between;padding:0 32px;height:60px;background:rgba(242,244,243,.92);border-bottom:1px solid var(--border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-hub,.drop-zone{background:var(--surface)}.topbar-left{display:flex;align-items:baseline;gap:10px}.topbar-brand{font-family:'Space Grotesk',sans-serif;font-size:22px}.topbar-sub{font-size:12px;color:var(--text-muted);letter-spacing:.02em;font-weight:400}.topbar-right{gap:10px}.btn-hub{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:var(--text-secondary);transition:border-color var(--transition),color var(--transition)}.btn-again:hover,.btn-hub:hover{border-color:var(--accent);color:var(--accent)}.btn-hub svg,.file-icon{flex-shrink:0}.btn-browse,.hero-eyebrow{display:inline-flex;align-items:center;font-weight:600}.hero{padding:72px 32px 48px;max-width:var(--max-w);margin:0 auto}.hero-eyebrow{gap:6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-muted);margin-bottom:18px}.asset-loader-label,.options-title{letter-spacing:.06em;font-family:'Space Grotesk',sans-serif;text-transform:uppercase}.hero-eyebrow::before{content:'';display:block;width:18px;height:2px;background:var(--accent-muted);border-radius:2px}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(2.4rem, 5.5vw, 3.6rem);line-height:1.08;margin-bottom:16px}.hero-sub{font-size:17px;color:var(--text-secondary);max-width:500px;line-height:1.65}.container,.hub-card{max-width:var(--max-w)}.tool-section{padding:0 32px 100px}.container{margin:0 auto}.drop-zone{border:1.5px dashed var(--border-bright);border-radius:var(--radius);padding:52px 32px;text-align:center;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.drop-zone.drag-over,.drop-zone:hover{border-color:var(--accent);background:var(--accent-light)}.drop-zone:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.drop-primary{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.drop-secondary{font-size:14px;color:var(--text-muted);margin-bottom:28px;line-height:1.5}.btn-browse{gap:8px;padding:11px 28px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-family:'Space Grotesk',sans-serif;font-size:15px;cursor:pointer;transition:opacity var(--transition)}.btn-browse:hover{opacity:.88}.drop-wrap{position:relative}.asset-loader{position:absolute;inset:0;border-radius:var(--radius);background:rgba(242,244,243,.88);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .4s;pointer-events:none;z-index:10}.asset-loader.hidden{opacity:0}.asset-loader-inner{display:flex;flex-direction:column;align-items:center;gap:14px;width:200px}.asset-loader-label{font-size:13px;font-weight:600;color:var(--text-muted)}.asset-loader-track{width:100%;height:3px;background:var(--border);border-radius:2px;overflow:hidden}.asset-loader-fill{height:100%;width:0%;background:var(--accent);border-radius:2px;transition:width .3s}.btn-clear,.card{border:1px solid var(--border)}.card{background:var(--surface);border-radius:var(--radius);padding:28px;margin-top:12px}.file-meta{display:flex;align-items:center;gap:16px}.file-details,.result-info{flex:1;min-width:0}.file-name{font-size:15px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-clear,.file-size,.label-hint,.options-title{color:var(--text-muted)}.file-size{font-size:13px;margin-top:2px}.btn-clear{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:0 0;border-radius:50%;cursor:pointer;transition:color var(--transition),border-color var(--transition)}.btn-clear:hover{color:#c0392b;border-color:#c0392b}.options-title{font-size:13px;font-weight:600;margin-bottom:18px}.options-grid,.use-cases-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.option-group{display:flex;flex-direction:column;gap:7px}.option-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.label-hint{font-weight:400;font-size:12px}.option-group input[type=text],.option-group select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 34px 11px 14px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237a9990' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}.option-group input[type=text]{background-image:none;padding-right:14px}.option-group input[type=text]:focus,.option-group select:focus{outline:0;border-color:var(--accent)}.option-group input[type=range]{-webkit-appearance:none;appearance:none;height:4px;background:var(--border);border-radius:2px;cursor:pointer;margin-top:8px}.option-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border-bright);cursor:pointer}#volumeVal{font-size:12px}.action-row{margin-top:20px;display:flex;justify-content:flex-start}.btn-convert{display:inline-flex;align-items:center;gap:10px;padding:14px 40px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:-.01em;transition:opacity var(--transition),transform var(--transition)}.btn-convert:hover{opacity:.88;transform:translateY(-1px)}.btn-convert:active{transform:translateY(0)}.btn-convert:disabled{opacity:.45;cursor:not-allowed;transform:none}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;color:var(--text-secondary);font-weight:500}.btn-download,.progress-pct,.result-label{font-family:'Space Grotesk',sans-serif;font-weight:700}.progress-pct{color:var(--accent)}.progress-bar-track{height:5px;background:var(--surface-2);border-radius:3px;overflow:hidden;border:1px solid var(--border)}.progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:3px;transition:width .15s}.progress-log{margin-top:10px;font-size:12px;color:var(--text-muted);font-family:'Space Grotesk',sans-serif;min-height:18px}.result-block{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-color:#b8ddd4;background:#f0faf7}.result-label{font-size:16px;color:var(--accent)}.error-msg,.result-meta{font-size:13px;color:var(--text-muted);margin-top:3px}.btn-again,.btn-download{font-size:14px;cursor:pointer}.btn-download{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;transition:opacity var(--transition)}.btn-download:hover{opacity:.85}.btn-again{padding:11px 20px;background:0 0;border:1px solid var(--border-bright);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:Inter,sans-serif;transition:border-color var(--transition),color var(--transition)}.accent-red,.error-label{color:#b94040}.error-label,.hub-card h2,.step-num{font-family:'Space Grotesk',sans-serif;font-weight:700}.error-block{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-color:#f0c8c8;background:#fdf5f5}.hub-content{background:var(--surface);border-top:1px solid var(--border);padding:96px 32px}.hub-grid{display:flex;flex-direction:column;gap:72px}.hub-card{margin:0 auto;width:100%}.shine-icon,.step-num{width:38px;height:38px;background:var(--accent-light)}.hub-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-muted);margin-bottom:12px}.hub-card h2{font-size:clamp(1.5rem, 3.5vw, 2rem);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:32px;line-height:1.15}.shine-item strong,.step-body strong{margin-bottom:4px;display:block;font-weight:600}.steps-list{display:flex;flex-direction:column;gap:24px}.step{display:flex;gap:20px;align-items:flex-start}.step-num{flex-shrink:0;border-radius:50%;border:1.5px solid #b0d9ce;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--accent)}.step-body strong{font-size:15px;color:var(--text-primary)}.step-body p{font-size:14px;color:var(--text-secondary);line-height:1.6}.shine-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.shine-item{display:flex;gap:16px;align-items:flex-start}.shine-icon{flex-shrink:0;border:1px solid #b0d9ce;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.footer-bottom,.site-footer{border-top:1px solid var(--border)}.shine-item strong{font-size:14px;color:var(--text-primary)}.shine-item p,.use-case-item p{font-size:14px;color:var(--text-secondary);line-height:1.55}.faq-item summary,.use-case-item strong{font-size:15px;color:var(--text-primary)}@media (max-width:540px){.options-grid,.shine-grid,.use-cases-grid{grid-template-columns:1fr}}.use-case-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px}.use-case-item strong{display:block;font-weight:600;margin-bottom:6px}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--border)}.faq-item:last-child{border-bottom:none}.faq-item summary{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-weight:500;cursor:pointer;list-style:none;gap:12px}.footer-brand-name,.footer-col h4,.legal-content h1{font-weight:700;font-family:'Space Grotesk',sans-serif}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';flex-shrink:0;font-size:20px;color:var(--accent-muted);font-weight:300;line-height:1}.faq-item[open] summary::after{content:'−'}.faq-item p{padding:0 0 18px;font-size:14px;color:var(--text-secondary);line-height:1.7}.site-footer{background:var(--surface);padding:80px 32px 40px}.footer-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;align-items:start}@media (max-width:760px){.footer-inner{grid-template-columns:1fr 1fr;gap:36px}}@media (max-width:480px){.footer-inner{grid-template-columns:1fr;gap:28px}}.footer-brand-name{font-size:20px;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:10px;display:block}.footer-bottom,.footer-col h4,.footer-tagline{color:var(--text-muted)}.footer-tagline{font-size:14px;line-height:1.6;max-width:220px}.footer-col h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}.footer-col nav{display:flex;flex-direction:column;gap:11px}.footer-col nav a{font-size:14px;color:var(--text-secondary);transition:color var(--transition);line-height:1.3}.footer-bottom{max-width:960px;margin:56px auto 0;padding-top:24px;font-size:13px}.legal-content{max-width:var(--max-w);margin:0 auto;padding:60px 32px 80px}.legal-content h1{font-size:clamp(1.8rem, 4vw, 2.6rem);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:8px}.legal-content .legal-date{font-size:13px;color:var(--text-muted);margin-bottom:48px;display:block}.legal-content h2{font-family:'Space Grotesk',sans-serif;font-size:1rem;font-weight:600;color:var(--text-primary);margin:36px 0 10px}.legal-content li,.legal-content p{font-size:14px;color:var(--text-secondary);line-height:1.7}.legal-content ul{padding-left:20px;display:flex;flex-direction:column;gap:6px;margin-top:8px}.legal-content .highlight-box{background:var(--accent-light);border:1px solid #b0d9ce;border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:16px 20px;margin:24px 0}.legal-content .highlight-box p{color:var(--text-primary);font-weight:500}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;transition-duration:0s!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}