@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--bg:#09090b;--panel:#151517;--text:#f5f5f6;--muted:#98989f;--red:#f02e3c;--border:#28282c;--font:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:5px;outline:2px solid #ff5d69}button,select,a{transition:background .18s,color .18s,border-color .18s}svg{flex-shrink:0}p{line-height:1.7}.container{width:min(1200px,100% - 80px);margin-inline:auto}.site-header{z-index:2;border-bottom:1px solid #ffffff0b;justify-content:space-between;align-items:center;width:min(1360px,100% - 80px);height:92px;margin:auto;display:flex;position:relative}.brand{letter-spacing:-1px;align-items:center;gap:0;font-family:Manrope,Arial,sans-serif;font-size:26px;font-weight:800;display:flex}.brand>span:not(.brand-mark):not(.brand-dot){color:#d4d4d7}.brand-mark{background:var(--red);color:#fff;border-radius:10px;place-items:center;width:36px;height:32px;margin-right:10px;display:grid}.brand-mark svg{margin-left:2px}.brand-dot{color:var(--red)}nav{color:#b5b5bb;align-items:center;gap:34px;font-size:14px;display:flex}nav>a:hover{color:#fff}.nav-cta{color:#eee;border:1px solid #343439;border-radius:8px;align-items:center;gap:13px;padding:11px 17px;display:flex}h1,h2,h3{letter-spacing:-.04em;margin:0;font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(44px,5.2vw,76px);font-weight:800;line-height:1.15}h1>span:not(.heading-dot){color:var(--red)}.heading-dot{color:#f4f4f5}.mobile-break{display:none}.hero{text-align:center;background:radial-gradient(at 50% 0,#3b101521,#0000 64%);border-bottom:1px solid #252529;min-height:720px;padding:104px 24px 54px;position:relative;overflow:hidden}.hero-content{z-index:1;max-width:1120px;margin:auto;position:relative}.hero-grid{opacity:.23;pointer-events:none;background-image:linear-gradient(#f020363d 1px,#0000 1px),linear-gradient(90deg,#f020364d 1px,#0000 1px),linear-gradient(45deg,#0000 49.6%,#e5263640 50%,#0000 50.4%);background-size:90px 90px,90px 90px,180px 180px;position:absolute;inset:285px -40% -230px;transform:perspective(400px)rotateX(62deg);-webkit-mask-image:radial-gradient(#000 10%,#0000 65%);mask-image:radial-gradient(#000 10%,#0000 65%)}.hero-glow{pointer-events:none;background:linear-gradient(90deg,#0000,#ff293251,#0000);height:1px;position:absolute;top:440px;left:10%;right:10%;box-shadow:0 0 45px 3px #f00b1b44}.eyebrow{letter-spacing:1.7px;color:#dfb3b7;background:#201315;border:1px solid #482026;border-radius:30px;align-items:center;gap:9px;margin-bottom:26px;padding:9px 14px;font-size:11px;font-weight:600;display:inline-flex}.live-dot{background:#f34;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #f34}.hero-description{color:#a4a4ad;margin:22px 0 34px;font-size:18px;line-height:1.7}.converter{text-align:left;max-width:900px;margin:auto}.url-form{background:linear-gradient(110deg,#1d1d20,#18181b);border:1px solid #414146;border-radius:14px;align-items:center;gap:14px;padding:9px;display:flex;box-shadow:0 12px 50px #0007}.url-form:focus-within{border-color:#bc3642;box-shadow:0 0 0 3px #e3263718,0 12px 50px #0007}.input-icon{color:#8e8e97;margin-left:15px}.url-form input{color:#f4f4f4;background:0 0;border:0;outline:0;width:100%;min-width:0;height:50px;font-size:16px}.url-form input::placeholder{color:#83838c}.primary,.secondary{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:15px 21px;font-size:14px;font-weight:650;display:inline-flex}.primary{background:var(--red);color:#fff;box-shadow:inset 0 1px #ffffff21}.primary:hover:not(:disabled){background:#d62031}.fetch-button{min-width:157px;height:52px}.secondary{color:#f5f5f5;background:#232329;border-color:#3a3a41}.secondary:hover:not(:disabled){background:#323239}.clear-button{color:#888;background:0 0;border:0;padding:3px;display:flex}.input-hint{text-align:center;color:#777782;margin:13px 0 0;font-size:12px}.input-hint span{color:#494952;margin:0 10px}.hero-benefits{color:#aaaab2;justify-content:center;gap:28px;margin-top:33px;font-size:13px;display:flex}.hero-benefits>span{align-items:center;gap:7px;display:flex}.hero-benefits svg{color:#e74c57;width:14px;height:14px}.scroll-hint{letter-spacing:1.8px;color:#74747e;flex-direction:column;align-items:center;gap:13px;margin:74px auto 0;font-size:9px;display:flex}.scroll-hint svg{color:#9c5259}.section-kicker{letter-spacing:1.8px;color:#e35864;font-size:10px;font-weight:600}.steps-section{border-bottom:1px solid var(--border);grid-template-columns:1fr 2.1fr;gap:60px;padding-block:98px;display:grid}h2{font-size:36px;font-weight:750;line-height:1.26}.section-intro h2,.format-heading h2,.faq-section h2{margin:17px 0}.section-intro p,.format-heading p,.faq-section>div>p{color:var(--muted);margin:16px 0 0;font-size:14px}.steps{grid-template-columns:repeat(3,1fr);gap:32px;padding-top:17px;display:grid}.step-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.feature-icon{color:#f66470;background:#1e1519;border:1px solid #392128;border-radius:10px;place-items:center;width:45px;height:45px;display:grid}.feature-icon svg{width:20px;height:20px}.step-number{color:#49494f;font-family:Manrope,sans-serif;font-size:14px}.steps h3{letter-spacing:-.02em;font-size:17px}.steps p{color:#93939c;margin-top:12px;font-size:14px;line-height:1.8}.format-section{border-bottom:1px solid var(--border);grid-template-columns:.9fr 1fr 1fr;gap:22px;padding-block:88px;display:grid}.format-heading{padding:10px 22px 0 0}.format-card{background:linear-gradient(155deg,#201216,#141215);border:1px solid #343036;border-radius:14px;min-height:285px;padding:23px}.video-card{background:linear-gradient(155deg,#181a24,#121215);border-color:#2b2c36}.format-label{color:#dc9ca4;letter-spacing:1.7px;align-items:center;gap:9px;font-size:10px;font-weight:600;display:flex}.video-card .format-label{color:#b4b9cf}.waveform{justify-content:center;align-items:center;gap:5px;height:144px;padding:15px 0;display:flex}.waveform i{background:linear-gradient(#f35968,#b6223b);border-radius:8px;width:5px;max-height:100%}.format-card-bottom h3{letter-spacing:-.02em;font-size:19px}.format-card-bottom p{color:#8b868f;margin:7px 0 15px;font-size:13px}.format-chip{color:#c5a4aa;border:1px solid #512b35;border-radius:5px;padding:5px 9px;font-size:10px;display:inline-block}.video-card .format-chip{color:#a6abc0;border-color:#353847}.video-art{justify-content:center;align-items:center;height:144px;display:flex;position:relative}.video-frame{color:#9b9fb6;background:linear-gradient(135deg,#4d526733,#232533);border:1px solid #6e708659;border-radius:8px;place-items:center;width:122px;height:76px;display:grid;transform:rotate(-6deg);box-shadow:8px 8px 0 -1px #1d2029,8px 8px #3c4056}.video-art>span{z-index:1;background:#303440;border:1px solid #565c72;border-radius:6px;margin:65px 0 0 126px;padding:6px 11px;font-size:11px;position:absolute;transform:rotate(5deg)}.faq-section{grid-template-columns:1fr 1.6fr;gap:70px;padding-block:94px;display:grid}.faq-list details{border-bottom:1px solid #29292f}.faq-list details:first-child{border-top:1px solid #29292f}.faq-list summary{cursor:pointer;justify-content:space-between;gap:20px;padding:24px 0;font-size:15px;font-weight:500;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{color:#777782;transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list details p{color:#a1a1aa;margin:0 24px 24px 0;font-size:14px;line-height:1.85}.responsible{color:#7e7e88;background:#111113;border:1px solid #26262c;border-radius:9px;justify-content:center;align-items:center;gap:13px;padding:17px 30px;display:flex}.responsible p{margin:0;font-size:12px;line-height:1.7}.responsible svg{color:#9f747a}.site-footer{border-top:1px solid #232328;justify-content:space-between;align-items:center;gap:24px;margin-top:55px;padding:30px 0 36px;display:flex}.site-footer .brand{font-size:21px}.site-footer>span{color:#72727c;font-size:12px}.site-footer>div{color:#9b9ba4;gap:22px;font-size:12px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.loading-panel,.error-panel{color:#efa6af;background:#201419;border:1px solid #423039;border-radius:12px;margin-top:22px;padding:22px}.loading-panel{color:#c6c6cf;background:#161619;border-color:#323237;align-items:center;gap:14px;display:flex}.loading-panel p{color:#888;margin:3px 0 0;font-size:13px}.loading-panel strong{font-size:15px}.error-panel{font-size:14px;line-height:1.7}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-panel{text-align:left;background:#131316;border:1px solid #323238;border-radius:16px;margin-top:25px;overflow:hidden;box-shadow:0 20px 60px #0006}.video-summary{border-bottom:1px solid #2e2e34;align-items:center;gap:23px;padding:26px;display:flex}.video-summary img{object-fit:cover;background:#25252c;border-radius:8px;flex-shrink:0;width:168px;height:95px}.ready-label{letter-spacing:1px;color:#69c9a0;align-items:center;gap:6px;margin-bottom:9px;font-size:10px;display:flex}.video-summary h2{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:20px;line-height:1.45}.video-summary p{color:#9999a5;align-items:center;gap:8px;margin:8px 0 0;font-size:13px;display:flex}.download-row{border-bottom:1px solid #2b2b30;align-items:center;gap:13px;padding:25px;display:flex}.download-icon{color:#a8aabe;background:#23232c;border:1px solid #363640;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.download-copy{flex:1}.download-copy h3{letter-spacing:-.015em;white-space:nowrap;align-items:center;gap:7px;font-size:15px;display:flex}.download-copy h3>span{font-family:var(--font);color:#9c9ca8;border:1px solid #3d3d49;border-radius:4px;padding:3px 5px;font-size:9px;font-weight:500}.download-copy p{color:#868690;margin:5px 0 0;font-size:12px}.download-controls{align-items:center;gap:10px;display:flex}.download-controls select{color:#d2d2dc;background:#1c1c23;border:1px solid #393940;border-radius:8px;min-width:118px;padding:13px 9px;font-size:13px}.download-controls .primary,.download-controls .secondary{min-width:166px;padding:14px 15px;font-size:13px}.audio-row .download-icon{color:#f16c7a;background:#2b1920;border-color:#492732}.bitrate-options{background:#0e0e11;border:1px solid #2d2d34;border-radius:8px;gap:3px;padding:3px;display:flex}.bitrate-options button{color:#92929d;background:0 0;border:1px solid #0000;border-radius:5px;padding:6px 10px;font-size:13px}.bitrate-options small{margin-top:1px;font-size:9px;display:block}.bitrate-options button.selected{color:#ffd4d9;background:#3c1d26;border-color:#813740}.quality-note{color:#81818c;text-align:center;margin:15px 18px;font-size:11px}.source-note{color:#d1ab80;padding:0 25px;font-size:12px}.job-panel{background:#1a1a20;border:1px solid #35353f;border-radius:10px;margin:18px 24px;padding:20px 24px}.job-label,.job-label>span{align-items:center;gap:9px;display:flex}.job-label{justify-content:space-between;font-size:14px}.job-label>strong{color:#ee7883}.progress-track{background:#35353f;border-radius:4px;height:5px;margin:16px 0 10px;overflow:hidden}.progress-track i{background:var(--red);height:100%;transition:width .6s;display:block}.job-panel p{color:#9b9ba7;margin:8px 0 0;font-size:12px}.job-panel.completed{background:#12251f;border-color:#2b5b49;justify-content:space-between;align-items:center;gap:20px;display:flex}.complete-message{color:#a9e2c6;align-items:center;gap:12px;font-size:14px;display:flex}.complete-message p{color:#8aad9d}.job-panel.failed{background:#2c1920;border-color:#76404b}.job-panel.failed p{color:#e2aeb6;font-size:14px}.text-button{color:#ffafb8;background:0 0;border:0;align-items:center;gap:7px;padding:12px 0 0;font-size:13px;display:flex}.legal{max-width:780px;margin:80px auto;padding:0 24px}.legal h1{margin:40px 0;font-size:42px}.legal h2{margin:32px 0 10px;font-size:23px}.legal p{color:#a5a5b0}.legal>a{color:#ef727e}.legal footer{color:#888;margin-top:50px;font-size:14px}@media (min-width:1600px){.hero{min-height:760px;padding-top:120px}}@media (max-width:1100px){.steps-section{grid-template-columns:1fr 2fr;gap:35px}.steps{gap:20px}h2{font-size:30px}.format-section{grid-template-columns:1fr 1fr}.format-heading{grid-column:1/-1;justify-content:space-between;align-items:flex-end;margin-bottom:18px;padding-top:20px;display:flex;position:relative}.format-heading .section-kicker{position:absolute;top:0}.format-heading h2{margin-bottom:0}.format-heading p{padding-bottom:5px}.download-row{flex-wrap:wrap}.download-controls{margin-left:auto}.download-copy{min-width:145px}.hero{min-height:675px;padding-top:85px}}@media (max-width:760px){.container,.site-header{width:calc(100% - 40px)}.site-header{height:76px}.brand{font-size:23px}.brand-mark{width:31px;height:29px}nav{gap:18px}nav>a:not(.nav-cta){display:none}.nav-cta{gap:8px;padding:9px 12px;font-size:12px}.hero{min-height:635px;padding:66px 20px 34px}h1{letter-spacing:-.055em;font-size:44px;line-height:1.18}.mobile-break{display:block}.eyebrow{letter-spacing:1px;margin-bottom:24px;padding:8px 11px;font-size:9px}.hero-description{margin:20px 0 28px;font-size:15px;line-height:1.8}.hero-grid{top:300px;opacity:.35;inset-inline:-150%}.hero-glow{top:360px}.url-form{border-radius:11px;gap:9px;padding:7px}.input-icon{width:18px;margin-left:5px}.url-form input{height:44px;font-size:13px}.fetch-button{gap:7px;min-width:0;height:44px;padding:12px;font-size:12px}.fetch-button svg{width:15px}.input-hint{font-size:10px}.input-hint span{margin:0 5px}.hero-benefits{gap:17px;margin-top:25px;font-size:11px}.hero-benefits>span{gap:4px}.hero-benefits svg{width:11px}.scroll-hint{margin-top:44px;font-size:8px}.steps-section{padding-block:62px;display:block}.section-intro p br{display:none}.steps{grid-template-columns:1fr;gap:25px;padding-top:30px}.steps article{grid-template-columns:48px 1fr;column-gap:17px;padding-right:20px;display:grid;position:relative}.step-top{grid-row:1/3;align-items:flex-start;margin:0}.step-number{font-size:12px;position:absolute;top:0;right:0}.steps h3{padding-top:3px}.steps p{margin:7px 0 0;font-size:13px}.format-section{gap:16px;padding-block:58px}.format-heading{display:block}.format-heading h2{margin-top:17px}.format-heading p{margin-top:15px}.format-card{min-height:280px;padding:19px}.format-card-bottom h3{font-size:17px}.format-card-bottom p{font-size:12px}.waveform{gap:3px}.waveform i{width:4px}.faq-section{padding-block:62px;display:block}.faq-list{margin-top:29px}.faq-list summary{padding:22px 0;font-size:14px;line-height:1.6}.faq-list details p{font-size:13px}.responsible{align-items:flex-start;gap:11px;padding:17px}.responsible p{font-size:11px}.site-footer{flex-wrap:wrap;gap:20px;margin-top:35px;padding:24px 0}.site-footer>span{order:3;width:100%;font-size:11px}.site-footer>div{margin-left:auto;font-size:11px}.video-summary{align-items:flex-start;gap:13px;padding:18px}.video-summary img{width:112px;height:72px}.video-summary h2{font-size:15px}.video-summary p{flex-wrap:wrap;gap:5px;margin-top:5px;font-size:11px}.ready-label{margin-bottom:6px;font-size:8px}.download-row{gap:12px;padding:19px 17px}.download-copy h3{font-size:15px}.download-copy p{font-size:11px}.download-controls{justify-content:space-between;gap:9px;width:100%;margin:2px 0 0}.download-controls select{flex:1;max-width:170px}.download-controls .primary,.download-controls .secondary{flex:1;min-width:0;padding:14px 10px;font-size:12px}.bitrate-options{flex:1;justify-content:space-between}.bitrate-options button{flex:1;padding:7px 8px}.job-panel{margin:15px;padding:16px}.job-panel.completed{flex-direction:column;align-items:stretch}.job-panel .primary{font-size:13px}.job-label{font-size:12px}.quality-note{font-size:10px;line-height:1.7}.error-panel{font-size:13px}.legal{margin:45px auto}.legal h1{font-size:36px}}@media (max-width:420px){.format-section{grid-template-columns:1fr}.format-heading{grid-column:auto}.format-card{min-height:270px}.waveform{gap:6px}.waveform i{width:6px}h1{font-size:39px}.hero-description{font-size:14px}.fetch-button{gap:4px;padding:10px;font-size:11px}.input-icon{display:none}.url-form input{padding-left:8px}.hero-benefits{gap:13px;font-size:10px}.download-controls{gap:7px}.download-controls .primary,.download-controls .secondary{gap:5px;font-size:11px}.bitrate-options button{padding:7px 5px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.spin{animation:none}}