#root{min-height:100vh}::selection{background:#ff490152}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mono:"SF Mono", ui-monospace, Menlo, Monaco, Consolas, monospace;--green:#06a261;--green-deep:#047863;--green-dark:#063f34;--green-soft:#e7f7ef;--ink:#0b1714;--muted:#596762;--paper:#fbfff9;--paper-dim:#f0f7ee;--surface:#ffffffdb;--surface-solid:#fff;--border:#cfe2d7;--border-strong:#9dcab8;--shadow:0 24px 70px #04786324;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--green-soft:#06a26124;--ink:#effff8;--muted:#9db2aa;--paper:#06110f;--paper-dim:#0a1d18;--surface:#091f1adb;--surface-solid:#0b201b;--border:#17483b;--border-strong:#24735d;--shadow:0 24px 70px #00000057}*{box-sizing:border-box}html{background:var(--paper)}body{background:linear-gradient(135deg, #06a26121, transparent 30rem), radial-gradient(circle at 88% 10%, #04786324, transparent 24rem), repeating-linear-gradient(90deg, #0478630e 0 1px, transparent 1px 80px), var(--paper);min-width:320px;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}svg{width:20px;height:20px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:40;background:color-mix(in srgb, var(--green-dark) 92%, transparent);color:#fff;-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:0 max(20px,50vw - 590px);display:flex;position:sticky;top:0}.brand{align-items:center;min-width:0;text-decoration:none;display:inline-flex}.brand-logo{width:clamp(124px,14vw,176px);height:auto;transition:opacity .16s,transform .16s;display:block}.logo-pair{position:relative}.logo-pair img{width:100%;height:auto;display:block}.logo-pair .logo-dark-mode,:root[data-theme=dark] .logo-light-mode{display:none}:root[data-theme=dark] .logo-pair .logo-dark-mode{display:block}.brand:hover .brand-logo{opacity:.9;transform:translateY(-1px)}.site-header nav{align-items:center;gap:8px;margin-right:58px;display:flex}.site-header nav a,.site-footer a{color:color-mix(in srgb, white 76%, var(--green) 24%);border-radius:999px;font-size:13px;font-weight:650;text-decoration:none;transition:background .16s,color .16s}.site-header nav a{padding:10px 13px}.site-header nav a:hover,.site-footer a:hover{color:#fff;background:#ffffff1a}.theme-floating{z-index:60;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;place-items:center;width:40px;height:40px;display:grid;position:fixed;top:18px;right:20px}.theme-floating:hover{background:var(--green)}.hero-section,.tool-hero{width:min(100% - 40px,1180px);margin:0 auto;padding:92px 0 0}.tool-hero{padding-top:78px}.hero-copy,.page-copy{text-align:center;max-width:820px;margin:0 auto 44px}.hero-logo{width:min(520px,88vw);height:auto;margin:0 auto 28px;display:block}.eyebrow{color:var(--green-deep);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:800}.hero-copy h1,.page-copy h1{color:var(--ink);letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:clamp(42px,7vw,84px);font-weight:780;line-height:.98}.page-copy h1{font-size:clamp(38px,5.8vw,68px)}.hero-copy p,.page-copy p{max-width:640px;color:var(--muted);margin:20px auto 0;font-size:19px;line-height:1.55}.converter-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(100%,650px);min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(1.15);backdrop-filter:blur(24px)saturate(1.15);margin:0 auto;padding:28px}.drop-zone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);background:linear-gradient(180deg, #06a26114, transparent), var(--paper-dim);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:248px;padding:24px;transition:border-color .18s,background .18s,transform .18s;display:flex}.drop-zone:hover,.drop-zone.is-active{border-color:var(--green);background:var(--green-soft);transform:translateY(-1px)}.drop-zone strong,.drop-zone span{display:block}.drop-zone strong{color:var(--ink);overflow-wrap:anywhere;font-size:24px;font-weight:760;line-height:1.12}.drop-zone span{color:var(--muted);font-family:var(--mono);text-transform:uppercase;margin-top:9px;font-size:11px;line-height:1.45}.upload-icon{background:var(--green);color:#fff;border-radius:18px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 16px 34px #06a26147}.upload-icon svg{width:30px;height:30px}.url-row{align-items:end;gap:12px;margin-top:22px;display:flex}.url-row input,.options-grid input,.options-grid select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-solid);width:100%;min-width:0;min-height:52px;color:var(--ink);outline:none;padding:0 13px;font-size:15px}.url-row input::placeholder,.options-grid input::placeholder{color:color-mix(in srgb, var(--muted) 70%, transparent)}.url-row input:focus,.options-grid input:focus,.options-grid select:focus{border-color:var(--green);box-shadow:0 0 0 4px #06a2611f}.secondary-button{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-solid);min-height:52px;color:var(--green-deep);cursor:pointer;flex:none;padding:0 18px;font-size:14px;font-weight:720}.secondary-button:hover{border-color:var(--green);color:var(--green)}.mode-toggle{border:1px solid var(--border);background:var(--paper-dim);border-radius:999px;grid-template-columns:1fr 1fr;gap:5px;margin-top:22px;padding:5px;display:grid}.mode-toggle button,.primary-button,.download-button{border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:760;text-decoration:none}.mode-toggle button{min-height:43px;color:var(--muted);background:0 0;border:0;border-radius:999px}.mode-toggle button.selected{background:var(--green-dark);color:#fff;box-shadow:0 10px 24px #0478632e}.file-details{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-solid);grid-template-columns:64px minmax(0,1fr) 42px;align-items:center;gap:16px;margin-top:22px;padding:14px;display:grid}.file-details img,.file-placeholder{border-radius:var(--radius-sm);object-fit:cover;background:var(--paper-dim);width:64px;height:64px}.file-placeholder{color:var(--green);place-items:center;display:grid}.file-details span,.file-details small,.result-card span,.disabled-panel span{color:var(--muted);font-family:var(--mono);text-transform:uppercase;font-size:11px;line-height:1.45;display:block}.file-details strong{overflow-wrap:anywhere;color:var(--ink);margin:4px 0;font-size:16px;font-weight:720;display:block}.icon-button{border:1px solid var(--border);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;place-items:center;display:grid}.icon-button:hover{border-color:var(--green);color:var(--green)}.options-grid{gap:14px;margin-top:22px;display:grid}.compression-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.options-grid label>span{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.options-grid input[type=range]{accent-color:var(--green);padding:0}.check-row{grid-column:1/-1;align-items:center;gap:10px;display:flex}.check-row input{width:18px;min-height:18px;accent-color:var(--green)}.check-row span{margin:0}.disabled-panel{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--green-soft);padding:16px}.disabled-panel strong{color:var(--green-deep);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:12px;display:block}.status-line{min-height:25px;color:var(--muted);font-family:var(--mono);text-align:center;justify-content:center;align-items:center;gap:9px;margin-top:24px;font-size:12px;line-height:1.5;display:flex}.status-line.error{color:#b42318}.status-line.success{color:var(--green-deep)}.spinner{border:2px solid var(--border);border-top-color:var(--green);border-radius:999px;width:15px;height:15px;animation:.85s linear infinite spin}.action-row{gap:12px;margin-top:22px;display:flex}.primary-button,.download-button{background:var(--green);color:#fff;border:1px solid #0000;flex:1;justify-content:center;align-items:center;min-height:60px;padding:0 18px;display:inline-flex;box-shadow:0 16px 32px #06a2613d}.primary-button:hover:not(:disabled),.download-button:hover{background:var(--green-deep)}.primary-button:disabled{cursor:not-allowed;opacity:.5}.download-button{background:var(--green-dark)}.result-card{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--green-soft);align-items:center;gap:14px;margin-top:18px;padding:16px;display:flex}.result-card svg{color:var(--green)}.popular-section,.content-band,.seo-copy,.about-hero,.team-section{width:min(100% - 40px,1180px);margin:0 auto;padding:112px 0 0}.section-heading{text-align:center;margin-bottom:28px}.section-heading h2,.content-band h2,.seo-copy h2{color:var(--ink);margin:0;font-size:clamp(34px,4.8vw,52px);font-weight:780;line-height:1.04}.section-heading p,.content-band p,.seo-copy p{max-width:690px;color:var(--muted);margin:12px auto 0;line-height:1.65}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.tool-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;min-height:118px;padding:22px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.tool-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 16px 36px #06a2611f}.tool-card svg{color:var(--green);flex:none}.tool-card span{color:var(--ink);font-size:18px;font-weight:760;line-height:1.1}.tool-card small{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:6px;font-size:11px;display:block}.content-band{grid-template-columns:minmax(0,.85fr) minmax(340px,1fr);gap:48px;display:grid}.content-band h2,.seo-copy h2{text-align:left}.content-band p,.seo-copy p{margin-left:0}.feature-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.feature-list li{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-family:var(--mono);text-transform:uppercase;padding:18px;font-size:12px;line-height:1.6}.seo-copy{grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);gap:48px;display:grid}.faq-list{gap:12px;display:grid}.faq-list details{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:18px 20px}.faq-list summary{cursor:pointer;color:var(--ink);font-size:15px;font-weight:720}.faq-list p{margin-bottom:0}.about-hero{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:stretch;gap:28px;padding-top:76px;display:grid}.about-hero-image{border:1px solid var(--border);border-radius:var(--radius-lg);object-fit:cover;width:100%;height:100%;min-height:520px;box-shadow:var(--shadow)}.about-hero-copy{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, #06a2611f, transparent), var(--surface);min-height:520px;box-shadow:var(--shadow);flex-direction:column;justify-content:center;padding:clamp(28px,5vw,56px);display:flex}.about-hero-copy h1{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(42px,6vw,76px);font-weight:780;line-height:.98}.about-hero-copy p:not(.eyebrow){max-width:520px;color:var(--muted);margin:20px 0 0;font-size:19px;line-height:1.55}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.team-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:0;overflow:hidden;box-shadow:0 16px 36px #06a2611a}.team-card img{aspect-ratio:1;object-fit:cover;background:var(--paper-dim);width:100%;display:block}.team-card div{padding:18px}.team-card h3{color:var(--ink);margin:0;font-size:20px;font-weight:760;line-height:1.15}.team-card p{color:var(--green-deep);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:7px 0 0;font-size:11px;font-weight:800;line-height:1.4}.site-footer{border-top:1px solid var(--border);width:min(100% - 40px,1180px);color:var(--muted);justify-content:space-between;align-items:center;gap:28px;margin:112px auto 0;padding:42px 0;font-size:13px;display:flex}.footer-brand{grid-template-columns:28px auto;align-items:center;gap:8px 10px;display:grid}.footer-brand img{grid-row:span 2;width:28px;height:28px}.footer-brand span{color:var(--ink);font-weight:780}.footer-brand small{color:var(--muted);font-size:12px}.footer-brand a{color:var(--green-deep);padding:0}.site-footer p{max-width:560px;margin:0;line-height:1.6}.corner-logo{z-index:45;border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;place-items:center;width:44px;height:44px;transition:border-color .16s,transform .16s;display:grid;position:fixed;bottom:18px;right:18px}.corner-logo:hover{border-color:var(--green);transform:translateY(-1px)}.corner-logo img{width:24px;height:24px;display:block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=940px){.site-header nav{display:none}.hero-section,.tool-hero{width:min(100% - 40px,650px);padding-top:78px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-band,.seo-copy,.about-hero{grid-template-columns:1fr}.about-hero-image,.about-hero-copy{min-height:420px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.site-header{min-height:68px;padding-inline:18px}.brand-logo{width:126px}.theme-floating{width:36px;height:36px;top:15px;right:14px}.theme-floating svg{width:16px;height:16px}.hero-section,.tool-hero{width:min(100% - 32px,430px);padding-top:62px}.hero-copy,.page-copy{margin-bottom:36px}.hero-logo{margin-bottom:22px}.hero-copy p,.page-copy p{font-size:16px}.converter-card{padding:18px}.drop-zone{min-height:218px;padding:18px}.drop-zone strong{font-size:21px}.url-row,.action-row,.site-footer{flex-direction:column;align-items:stretch}.secondary-button{width:100%}.compression-grid,.tool-grid{grid-template-columns:1fr}.tool-card{align-items:center;justify-content:initial;grid-template-columns:22px minmax(0,1fr);min-height:92px;padding:18px;display:grid}.tool-card span{font-size:16px}.tool-card small{margin-top:4px}.file-details{grid-template-columns:54px minmax(0,1fr) 38px}.file-details img,.file-placeholder{width:54px;height:54px}.popular-section,.content-band,.seo-copy,.about-hero,.team-section,.site-footer{width:min(100% - 32px,430px);padding-top:84px}.about-hero{gap:16px;padding-top:52px}.about-hero-image{min-height:300px}.about-hero-copy{min-height:auto;padding:24px}.about-hero-copy p:not(.eyebrow){font-size:16px}.team-grid{grid-template-columns:1fr}.site-footer{padding-bottom:42px}.corner-logo{display:none}}