.htj-hero{text-align:center;flex-direction:column;align-items:center;max-width:720px;margin:0 auto;padding:140px 32px 80px;display:flex}@media (max-width:760px){.htj-hero{padding:110px 20px 60px}}.htj-hero .eyebrow{margin-bottom:28px}.htj-hero .headline{margin-bottom:20px}.htj-hero .sub{text-align:center;max-width:540px;margin:0 auto 28px}.htj-quality{flex-direction:column;gap:10px;width:100%;margin-bottom:16px;display:flex}.htj-quality-label{color:var(--fg);justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}.htj-quality-hint{color:var(--fg-muted);font-size:12px;font-weight:400}.htj-quality-pills{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.htj-qpill{border:1.5px solid var(--line);background:var(--bg-2);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;transition:border-color .15s,background .15s;display:flex}.htj-qpill:hover{border-color:var(--line-2);background:var(--bg-3)}.htj-qpill.active{border-color:var(--accent);background:var(--accent-soft)}.htj-qpill-label{color:var(--fg);font-size:13px;font-weight:500}.htj-qpill-value{font-family:var(--mono);color:var(--fg-dim);font-size:10px}.htj-qpill.active .htj-qpill-label{color:var(--accent)}.htj-qpill.active .htj-qpill-value{color:var(--accent);opacity:.7}@media (max-width:480px){.htj-quality-pills{grid-template-columns:repeat(2,1fr)}}.htj-drop{border:1.5px dashed var(--line-2);border-radius:var(--radius-lg);background:var(--bg-2);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;padding:56px 32px;transition:border-color .2s,background .2s;display:flex}.htj-drop:hover,.htj-drop.over{border-color:var(--accent);background:var(--accent-soft)}.htj-drop.compact{padding:28px 32px}.htj-drop-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:14px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.htj-drop h2{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:500}.htj-drop p{color:var(--fg-muted);margin:0;font-size:14px}.htj-privacy{font-size:12px;color:var(--fg-dim)!important;margin-top:6px!important}.htj-files{flex-direction:column;gap:8px;width:100%;margin-top:16px;display:flex}.htj-file{border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--line);grid-template-columns:40px 1fr auto auto;align-items:center;gap:12px;padding:12px 16px;display:grid}@media (max-width:520px){.htj-file{grid-template-columns:40px 1fr auto}.htj-status{display:none}}.htj-file[data-status=converting]{border-color:var(--accent)}.htj-file[data-status=done]{border-color:var(--good)}.htj-file[data-status=error]{border-color:#dc2626}.htj-thumb{background:var(--bg-3);width:40px;height:40px;font-family:var(--mono);color:var(--fg-dim);border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;font-size:9px;font-weight:600;display:flex}.htj-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.htj-meta{font-family:var(--mono);color:var(--fg-muted);margin-top:2px;font-size:11px}.htj-status{font-family:var(--mono);text-transform:uppercase;background:var(--bg-3);color:var(--fg-dim);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:500}.htj-status.converting{color:var(--accent);background:#f973161f}.htj-status.done{color:var(--good);background:#22c55e1f}.htj-status.error{color:#dc2626;background:#dc26261f}.htj-dl-btn{color:#14532d;white-space:nowrap;cursor:pointer;background:#4ade80;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 4px 12px -4px #4ade8073}.htj-dl-btn:hover{background:#86efac;transform:translateY(-1px);box-shadow:0 6px 16px -4px #4ade8080}.htj-dl-btn.disabled{background:var(--bg-3);color:var(--fg-dim);box-shadow:none;cursor:default;pointer-events:none}.htj-spinner{border:2px solid #f9731640;border-top-color:var(--accent);will-change:transform;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite htj-spin;display:inline-block}@keyframes htj-spin{to{transform:rotate(360deg)}}.htj-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px;display:flex}.htj-hint{font-family:var(--mono);color:var(--fg-dim);font-size:11px}.htj-upsell{color:var(--fg-muted);text-align:center;margin-top:28px;font-size:13px}.htj-upsell a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.hero-centered{text-align:center;flex-direction:column;align-items:center;max-width:860px;margin:0 auto;padding:150px 32px 100px;display:flex;position:relative}@media (max-width:760px){.hero-centered{padding:110px 24px 70px}}.hero-centered .eyebrow{margin-bottom:32px}.hero-centered h1.headline{margin-bottom:28px}.hero-centered .sub{text-align:center;max-width:560px;margin:0 auto 40px}.hero-centered .hero-cta{justify-content:center}.hero-centered .trust-row{justify-content:center;margin-top:36px}.info-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:840px){.info-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.info-grid{grid-template-columns:1fr}}.info-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;padding:32px 28px 36px;display:flex}.info-card .card-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.info-card .card-icon svg{width:20px;height:20px}.info-card h4{letter-spacing:-.02em;color:var(--fg);margin:0 0 10px;font-size:19px;font-weight:500}.info-card p{color:var(--fg-muted);margin:0;font-size:14px;line-height:1.6}.compression-block{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;padding:48px 40px;display:grid}@media (max-width:760px){.compression-block{text-align:center;grid-template-columns:1fr}.compression-arrow{transform:rotate(90deg)}}.compression-col .col-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--fg-dim);margin-bottom:12px;font-size:10.5px}.compression-col h4{margin:0 0 8px;font-size:20px;font-weight:500}.compression-col p{color:var(--fg-muted);margin:0;font-size:14px;line-height:1.55}.compression-col.bad h4{color:#dc2626}.compression-col.good h4{color:var(--good)}.compression-arrow{background:var(--bg-3);border:1px solid var(--line);width:40px;height:40px;color:var(--fg-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}