:root{--black: #08090d;--ink: #101116;--panel: #151720;--panel-soft: #1c1f2a;--red: #e50914;--red-dark: #b70710;--white: #ffffff;--muted: #a9adba;--line: rgba(255, 255, 255, .11);--shadow: 0 28px 70px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--white);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,rgba(229,9,20,.16),transparent 34rem),var(--black)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,4rem);border-bottom:1px solid var(--line);background:#08090dd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:800;letter-spacing:0}.brand-mark{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:8px;background:var(--red);box-shadow:0 10px 28px #e5091459;font-size:.82rem}.nav-links{display:flex;gap:clamp(.9rem,3vw,2rem);color:var(--muted);font-size:.92rem;font-weight:600}.nav-links a:hover{color:var(--white)}.hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(22rem,1.15fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:calc(100vh - 4.6rem);padding:clamp(2rem,7vw,6rem) clamp(1rem,4vw,4rem)}.hero-copy{max-width:39rem}.eyebrow{margin:0 0 .9rem;color:var(--red);font-size:.78rem;font-weight:800;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:1.1rem;font-size:clamp(2.7rem,8vw,5.8rem);line-height:.96;letter-spacing:0}.subcopy{max-width:34rem;color:#d8dae2;font-size:clamp(1rem,2vw,1.18rem);line-height:1.7}.converter-panel{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#ffffff14,#ffffff08);box-shadow:var(--shadow)}.converter-form,.format-area{padding:clamp(1rem,4vw,2rem)}.converter-form{border-bottom:1px solid var(--line);background:#ffffff0a}label,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.8rem;color:var(--white);font-size:.92rem;font-weight:700}.input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem}input,select{width:100%;min-height:3.3rem;border:1px solid var(--line);border-radius:8px;color:var(--white);background:#00000047;outline:none}input{padding:0 1rem}select{padding:0 2.5rem 0 1rem}input:focus,select:focus{border-color:#e50914e6;box-shadow:0 0 0 4px #e5091426}.primary-button,.download-button{min-height:3.3rem;border:0;border-radius:8px;color:var(--white);background:var(--red);padding:0 1.35rem;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease,opacity .18s ease}.primary-button:hover,.download-button:hover{background:var(--red-dark);transform:translateY(-1px)}.primary-button:disabled,.download-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.hint{min-height:1.2rem;margin:.75rem 0 0;color:var(--muted);font-size:.84rem}.hint.is-error{color:#ff737a}.hint.is-success{color:#62d27f}.section-heading strong{color:var(--red);font-size:.82rem;text-transform:uppercase}.format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.format-card{display:grid;min-height:10.5rem;border:1px solid var(--line);border-radius:8px;padding:1rem;color:var(--white);background:var(--panel);text-align:left;cursor:pointer}.format-card:disabled{cursor:not-allowed;opacity:.6}.format-card:hover,.format-card.is-selected{border-color:#e50914cc;background:linear-gradient(180deg,#e509142e,#151720f5)}.format-icon{display:grid;width:3rem;height:3rem;place-items:center;border-radius:8px;background:var(--white);color:var(--black);font-size:.88rem;font-weight:900}.format-title{align-self:end;font-size:1.35rem;font-weight:800}.format-meta{color:var(--muted);font-size:.86rem;line-height:1.5}.quality-row{display:grid;grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:.8rem;margin-top:1rem}.quality-row label{margin:0}.progress-shell{overflow:hidden;height:.55rem;margin:1.25rem 0;border-radius:999px;background:#ffffff1a}.progress-bar{display:block;width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--red),var(--white));transition:width .35s ease}.result-box{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-radius:8px;padding:1rem;background:#0000003d}.result-label{display:block;margin-bottom:.3rem;color:var(--muted);font-size:.8rem}#resultName{display:block;overflow-wrap:anywhere}.result-size{display:block;margin-top:.35rem;color:var(--muted);font-size:.82rem}.trust-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 clamp(1rem,4vw,4rem) clamp(2rem,5vw,4rem);overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}.trust-band div{min-height:8rem;padding:1.5rem;background:#ffffff0a}.trust-band strong{display:block;margin-bottom:.45rem;color:var(--white);font-size:1.8rem}.trust-band span{color:var(--muted);line-height:1.5}.info-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(1.5rem,4vw,4rem);padding:clamp(2rem,6vw,5rem) clamp(1rem,4vw,4rem);border-top:1px solid var(--line)}.info-section h2{font-size:clamp(2rem,5vw,3.2rem);line-height:1.05}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.steps article{border:1px solid var(--line);border-radius:8px;padding:1.1rem;background:var(--panel-soft)}.steps span{color:var(--red);font-size:.8rem;font-weight:900}.steps h3{margin:1.2rem 0 .5rem}.steps p{margin-bottom:0;color:var(--muted);line-height:1.6}.full{width:100%}.site-footer{border-top:1px solid var(--line);padding:1.5rem clamp(1rem,4vw,4rem);color:var(--muted);text-align:center;background:#ffffff08}.site-footer p{margin:0}.site-footer strong{color:var(--white)}@media(max-width:880px){.hero,.info-section{grid-template-columns:1fr}.hero{min-height:auto}.trust-band,.steps{grid-template-columns:1fr}}@media(max-width:620px){.topbar{position:static}.nav-links{display:none}.input-row,.format-grid,.quality-row,.result-box{grid-template-columns:1fr}.result-box{align-items:stretch}.download-button,.primary-button{width:100%}}