@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,600&display=swap');
@import url('route.css');
:root{--ink:#18213c;--copy:#66728a;--line:#e0e6f0;--paper:#fff;--soft:#f5f7fc;--purple:#5d56d9;--aqua:#35a5b4;--mono:'DM Mono',monospace;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:15px var(--sans);overflow-x:hidden;animation:page-enter .42s cubic-bezier(.2,.75,.25,1) both}body.page-leaving{animation:page-exit .24s ease-in both;pointer-events:none}a{color:inherit}.site-header{position:sticky;top:0;z-index:10;height:78px;padding:0 max(5vw,28px);display:flex;align-items:center;gap:28px;background:rgba(255,255,255,.86);border-bottom:1px solid #e8ebf2;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:21px;font-weight:800;letter-spacing:-1.4px;text-decoration:none}.brand>span:last-child>span{color:var(--purple)}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#5a51d6,#43acc3);color:#fff;font:500 12px var(--mono);letter-spacing:-1px;box-shadow:0 5px 17px #605ae533}.main-nav{display:flex;gap:26px;margin-left:auto}.main-nav a,.footer-links a{position:relative;color:#68738b;font-size:12px;font-weight:700;text-decoration:none}.main-nav a:hover,.main-nav .active{color:var(--ink)}.main-nav .active:after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--purple),var(--aqua));border-radius:2px}.theme-toggle{width:39px;height:39px;display:grid;place-items:center;border:1px solid #dfe5f1;border-radius:10px;background:#f4f6fb;color:#4c5977;font-size:16px;cursor:pointer;transition:.25s}.theme-toggle:hover{background:#eef0ff;transform:rotate(13deg)}.header-cta,.primary-btn,.light-btn{border:1px solid #5b5dd855;border-radius:10px;background:linear-gradient(120deg,#5d56d9,#438ec9);box-shadow:0 9px 22px #5b67ca28;color:#fff;font:700 12px var(--sans);padding:12px 16px;text-decoration:none;cursor:pointer;transition:.2s}.header-cta:hover,.primary-btn:hover,.light-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #596eff55}.nav-toggle{display:none}.hero{position:relative;isolation:isolate;padding:20px 24px 55px;text-align:center;background:linear-gradient(180deg,#f9faff 0,#fff 79%)}.hero:before,.hero:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(13px);animation:drift 10s ease-in-out infinite alternate}.hero:before{width:310px;height:310px;top:-130px;left:calc(50% - 500px);background:#d9e2ff90}.hero:after{width:230px;height:230px;top:100px;right:calc(50% - 490px);background:#cdf8f090;animation-delay:-5s}.eyebrow,.section-label{font:500 10px var(--mono);letter-spacing:1.6px;color:#625bc9}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;background:#fff;border:1px solid #dce2ed;border-radius:99px;box-shadow:0 6px 18px #304e8a0d}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#42b99d;box-shadow:0 0 0 4px #42b99d20}.hero h1{margin:10px 0 7px;font-size:clamp(37px,4.3vw,58px);letter-spacing:-3px;line-height:1;white-space:nowrap}.hero h1 em{display:inline-block;margin-left:.16em;font-family:'Playfair Display',serif;font-weight:500;background:linear-gradient(100deg,#5b56d8,#249cb2);color:transparent;background-clip:text}.hero-copy{max-width:545px;margin:0 auto 8px;color:var(--copy);line-height:1.75}.format-pills{display:flex;justify-content:center;gap:7px;margin-bottom:9px}.format-pills span{padding:6px 10px;background:#fff;border:1px solid #dce2ed;border-radius:99px;box-shadow:0 3px 10px #2a37700a;color:#69758c;font:10px var(--mono)}.format-pills span:last-child{background:#f1f4fa}.compressor-card{position:relative;max-width:880px;margin:auto;overflow:hidden;border:1px solid #e1e6f0;border-radius:20px;background:rgba(255,255,255,.78);box-shadow:0 25px 65px #3442601c,inset 0 1px #fff;backdrop-filter:blur(22px);text-align:left}.dropzone{min-height:270px;margin:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #b9c5df;border-radius:14px;background:#fbfcff;text-align:center;cursor:pointer;transition:.25s}.dropzone:hover,.dropzone.dragging{border-color:#5b68d9;background:#f3f4ff;transform:scale(.992)}.upload-icon{width:49px;height:49px;margin-bottom:13px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#6259d9,#4aa9bd);box-shadow:0 10px 23px #5965c833;color:#fff;font-size:26px}.dropzone h2{margin:0 0 5px;font-size:19px;letter-spacing:-.7px}.dropzone p{margin:0;color:#69758c;font-size:13px}.text-button{padding:0;border:0;background:none;color:#5653cc;font:inherit;text-decoration:underline;cursor:pointer}.dropzone small{margin-top:24px;color:#8a95a9;font:10px var(--mono)}.browser-note{margin:17px 0 0;color:#79859c;font:10px var(--mono)}.hidden{display:none!important}.workspace,.results{padding:23px}.workspace-top,.results-heading,.action-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.workspace-top strong,.results h2{font-size:15px}.workspace-top span{margin-left:9px;color:#69758c;font-size:11px}.secondary-btn,.quiet-btn{padding:9px 12px;border:1px solid #dfe5ef;border-radius:8px;background:#f4f6fb;color:#485572;font:600 12px var(--sans);cursor:pointer}.file-list{margin:18px 0}.file-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid #e5e9f1}.file-thumb{width:40px;height:40px;object-fit:cover;border-radius:8px;background:#edf0f5}.file-info{min-width:0;flex:1}.file-name{max-width:280px;overflow:hidden;color:#27314c;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.file-meta{margin-top:3px;color:#7a869b;font:11px var(--mono)}.remove-btn,.download-btn{padding:7px;border:0;background:transparent;color:#6b7790;font:12px var(--sans);cursor:pointer}.download-btn{border:1px solid #d9d6ff;border-radius:7px;background:#eeedff;color:#5049c2;font-weight:700}.controls{display:grid;grid-template-columns:1.6fr .8fr;gap:38px;padding:19px 0;border-top:1px solid #e5e9f1;border-bottom:1px solid #e5e9f1}.controls label{display:flex;justify-content:space-between;margin-bottom:10px;color:#27314c;font-size:12px;font-weight:700}.controls output{color:var(--purple);font:500 11px var(--mono)}input[type=range]{width:100%;accent-color:#746be4}.range-labels{display:flex;justify-content:space-between;margin-top:5px;color:#7a869b;font:10px var(--mono)}.format-control label{display:block}.format-control select{width:100%;padding:9px;border:1px solid #dce2ed;border-radius:7px;background:#fff;color:#495470;font:12px var(--sans)}.format-hint{margin:5px 0 0;color:#7a869b;font:10px var(--mono)}.action-row{margin-top:19px}.quiet-btn{padding-left:0;border:0;background:transparent}.success-kicker{margin:0 0 5px;color:#209b82;font:10px var(--mono);letter-spacing:1px}.results h2{margin:0;font-size:20px;letter-spacing:-.9px}.results-heading p:last-child{margin:5px 0;color:#69758c;font-size:12px}.savings{color:#209b82;font:11px var(--mono)}.trust-strip{display:flex;justify-content:center;gap:min(12vw,170px);padding:31px 20px;border-top:1px solid #e5e9f1;border-bottom:1px solid #e5e9f1;background:#f8faff}.trust-strip div{display:flex;align-items:baseline;gap:8px}.trust-strip strong{background:linear-gradient(120deg,#2a3657,#6b61d3);color:transparent;font:600 25px 'Playfair Display',serif;background-clip:text}.trust-strip span{color:#718099;font-size:11px}.content-section{max-width:1100px;margin:auto;padding:108px 28px}.feature-intro h2,.split-section h2,.faq h2{margin:16px 0 49px;font-size:clamp(36px,4vw,56px);letter-spacing:-2.7px;line-height:1.1}.feature-grid,.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.feature-grid article,.article-card{padding:26px;border:1px solid #e0e6f0;border-radius:14px;background:#fff;box-shadow:0 12px 30px #26385a0c;transition:.25s}.feature-grid article:hover,.article-card:hover{border-color:#aaa5ef;box-shadow:0 18px 35px #37377318;transform:translateY(-7px)}.feature-number{color:#1a9d9a;font:10px var(--mono)}.feature-grid h3{margin:25px 0 9px;font-size:18px;letter-spacing:-.7px}.feature-grid p,.split-section p,.faq p{margin:0;color:var(--copy);font-size:13px;line-height:1.8}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:13%;max-width:none;padding-left:max(calc((100% - 1044px)/2),28px);padding-right:max(calc((100% - 1044px)/2),28px);background:linear-gradient(110deg,#f4f5ff,#eefaff);border-top:1px solid #e2e7f2;border-bottom:1px solid #e2e7f2}.split-section h2{margin-bottom:17px}.inline-link,.article-card a{display:inline-block;margin-top:25px;color:#5651c6;font-size:13px;font-weight:700;text-decoration:none}.steps{margin:0;padding:3px 0 0;list-style:none}.steps li{display:flex;gap:19px;padding:17px 0;border-top:1px solid #dfe5ef}.steps b{margin-top:3px;color:#4d56c7;font:11px var(--mono)}.steps h3{margin:0 0 4px;font-size:15px}.steps p{font-size:12px}.faq{max-width:840px;padding-top:100px}.faq h2{margin-bottom:26px}details{padding:19px 0;border-top:1px solid #dfe5ef}details:last-child{border-bottom:1px solid #dfe5ef}summary{display:flex;justify-content:space-between;color:#202b46;font-size:15px;font-weight:700;cursor:pointer;list-style:none}summary:after{content:'+';color:#635bd3;font:20px var(--mono)}details[open] summary:after{content:'−'}details p{padding:13px 35px 0 0}.cta-band{position:relative;overflow:hidden;padding:97px 25px;background:linear-gradient(115deg,#5d56d9,#429bb1);color:#fff;text-align:center}.cta-band p{color:#d8e1ff;font:10px var(--mono);letter-spacing:1.5px}.cta-band h2{margin:14px 0 29px;font-size:clamp(35px,4vw,54px);letter-spacing:-2.6px;line-height:1.13}.light-btn{border-color:#fff;background:#fff;box-shadow:0 10px 30px #172a7550;color:#22315c}footer{padding:58px max(5vw,28px) 26px;border-top:1px solid #11192f;background:#11192f;color:#fff}.footer-top{display:flex;align-items:flex-start;gap:35px}.footer-top .brand{color:#fff}.footer-top p{margin:3px 0;color:#adb8cf;font-size:12px;line-height:1.6}.footer-links{display:flex;gap:22px;margin-left:auto}.footer-links a{color:#d1d9e9}.footer-bottom{display:flex;justify-content:space-between;margin-top:46px;padding-top:21px;border-top:1px solid #33405c;color:#95a2ba;font:10px var(--mono)}.legal-page{max-width:840px;margin:auto;padding:110px 28px}.legal-page h1{margin:14px 0 22px;font-size:clamp(42px,5vw,60px);letter-spacing:-3px;line-height:1.05}.legal-page h2{margin-top:43px;font-size:20px}.legal-page p,.legal-page li{color:#657189;font-size:14px;line-height:1.8}.article-grid{margin-top:42px}.article-card .section-label{color:#1a9d9a}.article-card h2{font-size:20px;letter-spacing:-.8px;line-height:1.25}.article-card p{color:var(--copy);font-size:13px;line-height:1.7}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes drift{to{transform:translate(30px,25px) scale(1.12)}}@keyframes page-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes page-exit{to{opacity:0;transform:translateY(-7px)}}
body.dark{background:#090d20;color:#f5f7ff}body.dark .site-header{background:rgba(9,13,32,.84);border-color:#ffffff18}body.dark .brand,body.dark .main-nav .active,body.dark .main-nav a:hover{color:#f5f7ff}body.dark .main-nav a{color:#afb9d3}body.dark .theme-toggle{border-color:#ffffff25;background:#ffffff12;color:#fff}body.dark .hero{background:linear-gradient(130deg,#090d20,#151942)}body.dark .hero:before{background:#443bdb55}body.dark .hero:after{background:#08d3be38}body.dark .eyebrow,body.dark .format-pills span{border-color:#ffffff22;background:#ffffff08;color:#c1cae2}body.dark .hero-copy,body.dark .dropzone p,body.dark .workspace-top span,body.dark .results-heading p:last-child,body.dark .feature-grid p,body.dark .split-section p,body.dark .faq p,body.dark .legal-page p,body.dark .legal-page li{color:#afb9d3}body.dark .compressor-card,body.dark .feature-grid article,body.dark .article-card{border-color:#ffffff1c;background:linear-gradient(135deg,#ffffff13,#ffffff06)}body.dark .dropzone{border-color:#bdc8ff77;background:#050a1e40}body.dark .dropzone h2,body.dark .workspace-top strong,body.dark .results h2,body.dark .file-name,body.dark .controls label,body.dark .feature-grid h3,body.dark .steps h3,body.dark .faq summary{color:#f5f7ff}body.dark .secondary-btn,body.dark .quiet-btn{border-color:#ffffff20;background:#ffffff0c;color:#d4daf0}body.dark .file-row,body.dark .controls,body.dark .steps li,body.dark .faq details{border-color:#ffffff18}body.dark .format-control select{border-color:#ffffff22;background:#121934;color:#dbe3f8}body.dark .trust-strip{border-color:#ffffff18;background:#ffffff08}body.dark .split-section{border-color:#ffffff18;background:linear-gradient(100deg,#111839bb,#25174399)}body.dark .legal-page{color:#f5f7ff}@media(max-width:700px){.site-header{height:68px;padding:0 20px;gap:12px}.nav-toggle{display:block;margin-left:auto;border:0;background:none;color:var(--ink);font-size:20px}.theme-toggle{margin-left:0}.main-nav{display:none;position:absolute;top:67px;left:12px;right:12px;z-index:3;flex-direction:column;align-items:flex-start;gap:16px;padding:16px 19px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 15px 25px #26385a22}.main-nav.open{display:flex}.main-nav .active:after{bottom:-5px}.header-cta{display:none}.hero{padding-top:22px}.hero h1{font-size:clamp(29px,8.5vw,45px);letter-spacing:-2.5px}.compressor-card{border-radius:15px}.workspace,.results{padding:16px}.controls,.feature-grid,.split-section,.article-grid{grid-template-columns:1fr;gap:19px}.results-heading{align-items:flex-start;flex-direction:column}.trust-strip{gap:18px;justify-content:space-around}.trust-strip div{display:block;text-align:center}.trust-strip strong{display:block;font-size:21px}.trust-strip span{font-size:9px}.content-section{padding:75px 22px}.feature-intro h2,.split-section h2,.faq h2{letter-spacing:-2px}.split-section{padding:75px 22px}.footer-top,.footer-bottom{flex-direction:column;gap:22px}.footer-links{flex-wrap:wrap;gap:15px;margin-left:0}.footer-bottom{margin-top:32px;gap:8px}.file-name{max-width:150px}body.dark .main-nav{background:#121a3de8;border-color:#ffffff20}body.dark .nav-toggle{color:#fff}}@media(prefers-reduced-motion:reduce){body,body.page-leaving{animation:none!important}}