:root{font-synthesis:none;color:#f5f3ec;--night:#101b21;--night-2:#17252b;--ink:#152028;--paper:#f5f3ec;--paper-2:#eff0e8;--lime:#d7f58e;--quiet:#aab8b7;--quiet-dark:#60716d;--coral:#ef977a;--line:#ffffff26;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;background:#101b21;font-family:Avenir Next,Avenir,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--night);min-width:320px;margin:0;overflow-x:hidden}button,input,select{font:inherit}button,a,select{touch-action:manipulation}a{color:inherit}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,#dropzone:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.site-header,footer{width:min(1380px,100%);margin:auto;padding-left:42px;padding-right:42px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.brand{color:var(--paper);letter-spacing:-.075em;white-space:nowrap;align-items:center;gap:11px;font-size:22px;font-weight:800;text-decoration:none;display:inline-flex}.brand:before{content:"";background:url(/assets/favicon.svg) 50%/contain no-repeat;flex:none;width:32px;height:32px}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:25px;display:flex}.site-header nav a,footer a{align-items:center;min-height:44px;display:inline-flex}.site-header nav a{color:#c0cbc9;font-size:12px;font-weight:700;text-decoration:none}.site-header nav a:hover,footer a:hover{color:var(--lime)}.hero-wrap{isolation:isolate;background:radial-gradient(ellipse at 11% 34%, #203440 0, transparent 43%), var(--night);position:relative}.hero-wrap:before{content:"";z-index:-1;opacity:.14;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 103px,#81949d 104px,#0000 105px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 80%,#0000);mask-image:linear-gradient(#0000,#000 18% 80%,#0000)}.tool-shell{grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);align-items:center;gap:clamp(30px,5vw,92px);width:min(1380px,100%);min-height:590px;margin:auto;padding:54px 42px 64px;display:grid}.hero-copy{min-width:0;padding-top:0}.eyebrow,.section-kicker,.tool-kicker,.tool-index,.step-number{font:700 10px/1.35 var(--mono);letter-spacing:.14em;text-transform:uppercase}.eyebrow{color:var(--lime);align-items:center;gap:11px;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:23px;height:1px}h1{letter-spacing:-.11em;margin:22px 0;font-size:clamp(58px,8.5vw,112px);font-weight:800;line-height:.88}h1 em{color:var(--lime);letter-spacing:-.08em;white-space:nowrap;font:italic 400 .5em Georgia,Times New Roman,serif}.intro{color:#c6d0cc;max-width:470px;margin-bottom:0;font-size:clamp(16px,1.4vw,20px);line-height:1.5}.hero-points{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.hero-points span{color:#b7c7c1;font:600 10px/1.1 var(--mono);border:1px solid #677b765e;border-radius:30px;padding:8px 10px}.tool-side{min-width:0}.converter{background:var(--paper);color:var(--ink);border-radius:21px;padding:9px;box-shadow:0 24px 65px #04080a80,0 0 0 1px #fff8}.tool-top{justify-content:space-between;align-items:flex-start;gap:16px;padding:25px 26px 19px;display:flex}.tool-kicker{color:#557066}.tool-top h2{letter-spacing:-.055em;margin:7px 0 0;font-size:26px;line-height:1.1}.tool-index{color:#84918b;white-space:nowrap}.dropzone{background:var(--paper-2);cursor:pointer;border:1.5px dashed #aabbb0;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-height:249px;margin:0 16px;padding:23px 25px;display:flex}.dropzone:hover,.dropzone.dragging{background:#e9f3dc;border-color:#759242}.drop-icon{background:var(--night);border-radius:12px;justify-content:center;align-items:center;gap:3px;width:48px;height:48px;margin-bottom:9px;display:flex}.drop-icon i{background:var(--lime);border-radius:5px;width:3px}.drop-icon i:first-child{height:12px}.drop-icon i:nth-child(2){height:24px}.drop-icon i:nth-child(3){height:16px}.drop-icon i:nth-child(4){height:30px}.drop-icon i:nth-child(5){height:18px}.dropzone strong{letter-spacing:-.05em;font-size:23px;line-height:1.15}.drop-secondary{color:var(--quiet-dark);font-size:13px}.drop-hint{color:#66756e;max-width:100%;font:600 10px/1.45 var(--mono);overflow-wrap:anywhere;display:block}.button{appearance:none;min-height:43px;color:var(--ink);cursor:pointer;border:1px solid #b9c8c0;border-radius:8px;justify-content:center;align-items:center;gap:13px;padding:10px 15px;font-size:13px;font-weight:750;line-height:1.25;text-decoration:none;display:inline-flex}.button.primary{border-color:var(--lime);background:var(--lime);color:#18211e;margin-top:7px}.button.primary:hover{background:#c8e67c}.button.dark{color:#f7f7f0;background:#243840;border-color:#243840}.button.dark:hover{background:#182c34}.button.subtle{color:var(--ink);background:0 0;border-color:#cbd5cd}.button:disabled{opacity:.52;cursor:not-allowed}#choose span,#convert span,#download span{margin-left:auto;font-size:19px;font-weight:400}.selection{background:#fbfbf5;border:1px solid #d1d9d1;border-radius:10px;align-items:center;gap:11px;min-width:0;margin:14px 18px 0;padding:12px 12px 12px 14px;display:flex}.selected-icon,.result-mark{background:var(--night);width:32px;height:32px;color:var(--lime);border-radius:8px;flex:none;place-items:center;font-size:19px;display:grid}.selected-text{flex-direction:column;gap:3px;min-width:0;display:flex}.selected-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.selected-text span{color:var(--quiet-dark);font:600 10px/1.3 var(--mono)}.text-button{color:#6f4e43;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:6px 0 6px 10px;font-size:12px;font-weight:750}.text-button:hover{color:#9c4531;text-decoration:underline}.output-choice{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin:14px 18px 0;display:grid}.output-choice label{color:#557066;font:700 10px/1.35 var(--mono);letter-spacing:.12em;text-transform:uppercase}.output-choice select{width:100%;min-width:0;min-height:39px;color:var(--ink);cursor:pointer;background:#fffef8;border:1px solid #b9c8c0;border-radius:7px;padding:8px 34px 8px 11px;font-size:12px;font-weight:700}.tool-actions{gap:9px;margin:15px 18px 0;display:flex}.tool-actions .button:first-child{flex:1}.status{color:#5f7069;min-height:20px;margin:12px 20px 4px;font-size:12px;line-height:1.45}.status.error{color:#a24f38}progress{accent-color:#719044;width:calc(100% - 36px);height:5px;margin:0 18px 10px}.trust-line{color:#9fb1ae;font:600 10px/1.5 var(--mono);margin:13px 4px 0}.trust-line span{color:var(--lime)}.result{background:var(--paper);color:var(--ink)}.result-inner,.content-inner{width:min(1190px,100%);margin:auto;padding:70px 42px}.section-top{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:29px;display:flex}.section-top .section-kicker,.result-card .section-kicker,.content-paper .section-kicker{color:#557066}.section-top h2,.content-inner>h2{letter-spacing:-.075em;margin:8px 0 0;font-size:clamp(30px,4vw,53px);line-height:.98}.section-top p{color:#64746e;max-width:330px;margin-bottom:3px;font-size:14px;line-height:1.5}.result-card{background:#fffef8;border:1px solid #d3dbd2;border-radius:16px;max-width:800px;padding:27px;box-shadow:0 15px 35px #13202713}.result-card-top{align-items:center;gap:11px;display:flex}.result-card-top>div{flex-direction:column;gap:4px;min-width:0;display:flex}.result-card-top strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:16px;overflow:hidden}.result-card audio{width:100%;margin:24px 0 19px}.result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:22px;display:grid}.result-grid>div{border:1px solid #dce2da;border-radius:8px;padding:12px}.result-grid span{color:#71817a;font:700 9px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;display:block}.result-grid strong{overflow-wrap:anywhere;font-size:14px;display:block}.download-button{width:100%}.render-note,.result-caveat{color:#63736d;font-size:12px;line-height:1.55}.render-note{margin:18px 0 0}.result-caveat{max-width:800px;margin:17px 0 0}.content-section{border-top:1px solid var(--line)}.content-dark{background:var(--night-2);color:var(--paper)}.content-dark .section-kicker,.content-dark .step-number{color:var(--lime)}.content-dark .content-inner>h2{max-width:570px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:45px;display:grid}.steps article{border-top:1px solid #ffffff35;padding-top:17px}.steps h3{letter-spacing:-.04em;margin:16px 0 9px;font-size:20px}.steps p{color:#adbfba;max-width:330px;margin-bottom:0;font-size:14px;line-height:1.6}.content-paper{background:var(--paper);color:var(--ink)}.content-paper .content-inner{grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);align-items:start;gap:65px;display:grid}.content-paper .content-inner>div:first-child p{color:#63736d;max-width:560px;margin:19px 0 0;font-size:15px;line-height:1.65}.content-paper .content-inner>div:first-child .complexity-note{margin-top:11px;font-size:12px;line-height:1.55}.complexity-note strong{color:var(--ink)}.format-groups{gap:17px;display:grid}.format-groups>div{border-top:1px solid #ccd4cc;padding:17px 0}.format-groups h3{margin:0 0 8px;font-size:16px}.format-groups p{color:#63736d;font:600 11px/1.7 var(--mono);margin:0}.faq .content-inner{max-width:900px}.faq details{border-top:1px solid #ffffff25}.faq details:last-child{border-bottom:1px solid #ffffff25}.faq summary{color:#f5f3ec;cursor:pointer;padding:19px 0;font-size:16px;font-weight:700;list-style-position:outside}.faq details p{color:#afc0bb;max-width:720px;margin:-2px 0 19px;padding-left:17px;font-size:14px;line-height:1.6}footer{color:#aab8b7;min-height:80px;font:600 10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:18px;display:flex}footer a{color:inherit;text-decoration:none}@media (width<=900px){.site-header,footer{padding-left:24px;padding-right:24px}.tool-shell{grid-template-columns:minmax(0,1fr) minmax(360px,.98fr);gap:28px;padding-left:24px;padding-right:24px}.dropzone{margin-left:10px;margin-right:10px;padding-left:20px;padding-right:20px}.selection,.output-choice,.tool-actions{margin-left:12px;margin-right:12px}.status{margin-left:14px;margin-right:14px}progress{width:calc(100% - 24px);margin-left:12px;margin-right:12px}.result-inner,.content-inner{padding-left:24px;padding-right:24px}}@media (width<=700px){.site-header{align-items:flex-start;min-height:68px;padding-top:10px;padding-bottom:10px}.brand{font-size:20px}.brand:before{width:28px;height:28px}.site-header nav{gap:9px 14px;padding-top:3px}.site-header nav a{font-size:10px}.tool-shell{flex-direction:column;align-items:stretch;gap:29px;padding:28px 14px 45px;display:flex}.tool-side{order:-1}.hero-copy{padding:0 2px}h1{margin:17px 0;font-size:clamp(46px,14.5vw,80px)}.intro{max-width:390px;font-size:16px}.hero-points{margin-top:18px}.converter{border-radius:17px}.tool-top{padding:21px 19px 16px}.tool-top h2{font-size:22px}.tool-index{padding-top:2px;font-size:9px}.dropzone{min-height:226px;margin:0 7px;padding:19px 17px}.dropzone strong{font-size:20px}.output-choice{grid-template-columns:1fr;gap:6px;margin-left:9px;margin-right:9px}.tool-actions,.selection{margin-left:9px;margin-right:9px}.status{margin-left:11px;margin-right:11px}progress{width:calc(100% - 18px);margin-left:9px;margin-right:9px}.trust-line{margin-left:1px;margin-right:1px}.result-inner,.content-inner{padding:52px 18px}.section-top{margin-bottom:22px;display:block}.section-top p{margin-top:15px}.result-card{padding:19px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps,.content-paper .content-inner{grid-template-columns:1fr;gap:29px}.steps{margin-top:31px}.content-paper .content-inner{display:grid}footer{min-height:68px;padding-left:18px;padding-right:18px}}@media (width<=380px){.site-header{gap:10px}.site-header nav{gap:5px 10px;max-width:165px}.hero-points span{font-size:9px}.tool-top{flex-direction:column;gap:8px}.tool-index{order:-1;align-self:flex-end}.dropzone{min-height:218px}.tool-actions{flex-direction:column}.tool-actions .button{width:100%}.result-grid strong{font-size:13px}}
