@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;500;600;700&family=Source+Code+Pro:wght@500;700&display=swap");:root{color-scheme:light;--bg:#ffffff;--bg-soft:#f6f9fc;--ink:#061b31;--muted:#64748d;--label:#273951;--line:#e5edf5;--purple:#533afd;--purple-dark:#4434d4;--purple-soft:#eef0ff;--green:#15be53;--green-text:#108c3d;--dark:#071226;--dark-card:#081224;--shadow:rgba(50,50,93,0.25) 0 30px 45px -30px,rgba(0,0,0,0.1) 0 18px 36px -18px;--ambient:rgba(23,23,23,0.08) 0 15px 35px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 9%,rgba(83,58,253,.1),transparent 28%),linear-gradient(180deg,#ffffff,#f8fbff 52%,#ffffff);color:var(--ink);font-family:Source Sans\ 3,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-feature-settings:"ss01"}a{color:inherit}.site-shell{min-height:100vh}.topbar{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(255,255,255,.86);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;min-height:64px;padding:0 34px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand{font-size:15px;font-weight:700;gap:10px;text-decoration:none}.brand,.brand-mark{align-items:center;display:inline-flex}.brand-mark{background:linear-gradient(135deg,#70a4ff,var(--purple));border-radius:8px;box-shadow:var(--ambient);color:#ffffff;font-family:Source Code Pro,monospace;font-size:10px;height:30px;justify-content:center;width:30px}.topnav{display:flex;gap:28px}.topnav a{color:var(--muted);font-size:14px;font-weight:400;text-decoration:none}.topnav a:hover{color:var(--purple)}.hero{align-items:center;display:grid;grid-gap:64px;gap:64px;grid-template-columns:minmax(0,1.05fr) minmax(360px,.8fr);margin:0 auto;max-width:1240px;min-height:720px;padding:86px 34px 74px}.hero-copy{max-width:680px}.card-kicker,.eyebrow{color:var(--purple);font-family:Source Code Pro,monospace;font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 18px;text-transform:uppercase}h1,h2{color:var(--ink);font-weight:300;letter-spacing:-1.4px;line-height:1.02;margin:0}h1{font-size:clamp(3.1rem,7vw,5.75rem);max-width:720px}h2{font-size:clamp(2rem,3vw,3.15rem);letter-spacing:-.9px}.lede{color:var(--muted);font-size:clamp(1.05rem,1.7vw,1.35rem);font-weight:300;line-height:1.5;margin:28px 0 0;max-width:620px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.button{border-radius:6px;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;min-height:46px;padding:12px 18px;text-decoration:none}.button.primary{background:var(--purple);box-shadow:var(--shadow);color:#ffffff}.button.primary:hover{background:var(--purple-dark)}.button.secondary{background:#ffffff;border:1px solid #d6d9fc;color:var(--purple)}.trust-row{color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.trust-row span{background:#ffffff;border:1px solid var(--line);border-radius:999px;font-size:13px;padding:7px 10px}.device-card{background:var(--dark);border-radius:32px;box-shadow:0 32px 64px -22px rgba(3,3,39,.28);padding:14px;position:relative}.device-card:before{background:linear-gradient(135deg,rgba(83,58,253,.28),rgba(21,190,83,.18));border-radius:inherit;content:"";inset:-18px;opacity:.55;position:absolute;z-index:-1}.device-top{background:#ffffff;border-radius:24px 24px 0 0;color:var(--muted);font-family:Source Code Pro,monospace;font-size:11px;padding:24px 18px 8px;text-align:center}.compress-form{background:#ffffff;border-radius:0 0 24px 24px;display:grid;grid-gap:18px;gap:18px;padding:24px}.drop-zone{align-items:center;border:1.5px dashed #b9b9f9;border-radius:16px;cursor:pointer;display:grid;grid-gap:8px;gap:8px;justify-items:center;min-height:180px;padding:26px 18px;text-align:center}.upload-icon{align-items:center;background:var(--purple-soft);border-radius:18px;color:var(--purple);display:inline-flex;font-size:28px;height:62px;justify-content:center;width:62px}.drop-zone strong{color:var(--ink);font-size:19px}.drop-zone span:last-child{color:var(--muted);font-size:14px}.drop-zone input{color:var(--muted);font-size:13px;max-width:100%}.drop-zone input::-webkit-file-upload-button{background:#ffffff;border:1px solid #d6d9fc;border-radius:8px;color:var(--purple);cursor:pointer;font:inherit;font-weight:700;margin-right:10px;min-height:38px;padding:8px 12px}.drop-zone input::file-selector-button{background:#ffffff;border:1px solid #d6d9fc;border-radius:8px;color:var(--purple);cursor:pointer;font:inherit;font-weight:700;margin-right:10px;min-height:38px;padding:8px 12px}.drop-zone input::-webkit-file-upload-button:hover{background:var(--purple-soft)}.drop-zone input::file-selector-button:hover{background:var(--purple-soft)}.target-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(5,1fr)}.target-pill input{position:absolute;opacity:0;pointer-events:none}.target-pill span{align-items:center;background:#ffffff;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:flex;font-weight:700;justify-content:center;min-height:52px}.target-pill input:checked+span{background:var(--purple);border-color:var(--purple);box-shadow:0 12px 24px -12px rgba(83,58,253,.28);color:#ffffff}.compress-button{background:#10162f;border:0;border-radius:8px;color:#ffffff;cursor:pointer;font:inherit;font-size:17px;font-weight:700;min-height:54px}.compress-button:hover{background:var(--purple)}.result-strip{background:rgba(21,190,83,.14);border:1px solid rgba(21,190,83,.38);border-radius:10px;color:var(--green-text);font-size:13px;font-weight:700;padding:13px 16px}.ad-slot,.result-strip{font-family:Source Code Pro,monospace}.ad-slot{border:1px dashed #d6d9fc;border-radius:10px;color:#a0abc0;font-size:10px;letter-spacing:.12em;padding:13px;text-align:center;text-transform:uppercase}.content-grid,.proof-band{margin:0 auto;max-width:1240px;padding-left:34px;padding-right:34px}.proof-band{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(3,1fr);padding-bottom:60px}.proof-band>div{background:#ffffff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 25px rgba(23,23,23,.06);padding:22px}.metric{color:var(--ink);display:block;font-size:28px;font-weight:600;letter-spacing:-.4px}.metric-label{color:var(--muted);display:block;font-size:14px;margin-top:4px}.content-grid{display:grid;grid-gap:22px;gap:22px;grid-template-columns:repeat(3,1fr);padding-bottom:96px}.info-card{background:#ffffff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--ambient);min-height:360px;padding:30px}.info-card p:not(.card-kicker){color:var(--muted);font-size:17px;font-weight:300;line-height:1.5}.recommended{background:linear-gradient(180deg,#ffffff,#f8fbff)}.friendly{background:#fbfff4}.dark-card{background:var(--dark-card);border-color:rgba(255,255,255,.12)}.dark-card,.dark-card .card-kicker,.dark-card h2{color:#ffffff}.dark-card p:not(.card-kicker){color:rgba(255,255,255,.72)}.mini-tool{background:#ffffff;border:1px dashed #d6d9fc;border-radius:12px;display:grid;grid-gap:8px;gap:8px;margin-top:26px;padding:18px}.mini-tool span,.pipeline span{background:var(--purple-soft);border-radius:8px;color:var(--purple);font-weight:700;padding:11px 12px;text-align:center}.target-list{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 14px}.target-list span{background:#ffffff;border:1px solid rgba(83,58,253,.14);border-radius:999px;font-family:Source Code Pro,monospace;font-size:11px;padding:7px 9px}.target-list span,.text-link{color:var(--purple);font-weight:700}.text-link{display:inline-flex;margin-top:12px;text-decoration:none}.pipeline{background:rgba(83,58,253,.08);border:1px solid rgba(83,58,253,.35);border-radius:14px;display:grid;grid-gap:10px;gap:10px;margin-top:24px;padding:14px}.pipeline span{background:rgba(16,22,47,.9);border:1px solid rgba(83,58,253,.45);color:#dfe6ff}.interactive-tool{position:relative}.drop-zone.has-file{background:linear-gradient(180deg,#fbfcff,#ffffff);border-style:solid}.file-detail-card{align-items:center;background:#f8fbff;border:1px solid var(--line);border-radius:12px;display:flex;gap:14px;justify-content:space-between;padding:14px}.file-detail-card>div{display:grid;grid-gap:4px;gap:4px;min-width:0}.file-detail-card strong{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-detail-card small{color:var(--muted)}.file-detail-card button,.reset-button{background:#ffffff;border:1px solid #d6d9fc;border-radius:8px;color:var(--purple);cursor:pointer;font:inherit;font-weight:700;padding:9px 12px}.file-detail-card button:disabled{cursor:not-allowed;opacity:.5}.file-badge{align-items:center;background:var(--purple);border-radius:6px;color:#ffffff;display:inline-flex;font-family:Source Code Pro,monospace;font-size:10px;font-weight:700;justify-content:center;letter-spacing:.08em;padding:4px 6px;width:-moz-fit-content;width:fit-content}.compress-button:disabled{cursor:not-allowed;opacity:.55}.error-panel,.progress-panel,.ready-panel{border-radius:14px;display:grid;grid-gap:12px;gap:12px;padding:16px}.progress-panel{background:#f8fbff;border:1px solid #d6d9fc}.progress-heading{align-items:center;color:var(--ink);display:flex;font-weight:700;justify-content:space-between}.progress-heading strong{color:var(--purple);font-family:Source Code Pro,monospace}.progress-track{background:#e9edf7;border-radius:999px;height:9px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,var(--purple),#70a4ff);border-radius:inherit;display:block;height:100%;transition:width .26s ease}.stage-list{counter-reset:stage;display:grid;grid-gap:7px;gap:7px;list-style:none;margin:0;padding:0}.stage-list li{align-items:center;color:var(--muted);display:flex;font-size:13px;gap:8px}.stage-list li:before{align-items:center;background:#e9edf7;border-radius:999px;color:#7b8aa3;content:"";display:inline-flex;height:9px;justify-content:center;width:9px}.stage-list li.active{color:var(--ink);font-weight:700}.stage-list li.active:before{background:var(--green);box-shadow:0 0 0 4px rgba(21,190,83,.35)}.error-panel{background:#fff7f8;border:1px solid #ffd7df;color:#9f1239}.error-panel span{color:#be123c;font-size:14px}.ready-panel{background:linear-gradient(180deg,#f5fff8,#ffffff);border:1px solid rgba(21,190,83,.32)}.ready-heading{align-items:center;display:flex;gap:12px}.ready-heading strong{color:var(--ink);display:block;font-size:18px}.ready-heading small{color:var(--muted)}.success-dot{align-items:center;background:var(--green);border-radius:999px;color:#ffffff;display:inline-flex;flex:0 0 auto;font-weight:700;height:34px;justify-content:center;width:34px}.comparison-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,1fr)}.comparison-card{background:#ffffff;border:1px solid var(--line);border-radius:12px;display:grid;grid-gap:3px;gap:3px;padding:12px}.comparison-card span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.comparison-card strong{color:var(--ink);font-family:Source Code Pro,monospace;font-size:16px}.comparison-card.saved{background:rgba(21,190,83,.12);border-color:rgba(21,190,83,.35)}.comparison-card.saved em{color:var(--green-text);font-size:12px;font-style:normal;font-weight:700}.size-bars{display:grid;grid-gap:7px;gap:7px}.bar{border-radius:999px;display:block;height:9px}.original-bar{background:#d9e2ef;width:100%}.compressed-bar{background:linear-gradient(90deg,var(--green),#8ee8ae);max-width:100%;min-width:6%}.result-actions{display:grid;grid-gap:10px;gap:10px;grid-template-columns:1.3fr .7fr}.download-button{align-items:center;background:var(--purple);border-radius:8px;box-shadow:0 16px 28px -14px rgba(83,58,253,.28);color:#ffffff;display:inline-flex;font-weight:700;justify-content:center;min-height:46px;padding:12px;text-decoration:none}.download-button:hover{background:var(--purple-dark)}.reset-button{min-height:46px}.privacy-strip{border-top:1px solid var(--line);color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;gap:8px;padding-top:14px}.privacy-strip span{background:#f8fbff;border:1px solid var(--line);border-radius:999px;padding:5px 8px}@media (max-width:640px){.comparison-grid,.result-actions{grid-template-columns:1fr}}@media (max-width:980px){.content-grid,.hero,.proof-band{grid-template-columns:1fr}.hero{min-height:auto}.device-card{max-width:540px}}@media (max-width:640px){.topbar{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 20px}.topnav{gap:16px}.content-grid,.hero,.proof-band{padding-left:20px;padding-right:20px}.hero{gap:38px;padding-top:54px}.target-grid{grid-template-columns:repeat(2,1fr)}.device-card{border-radius:22px;padding:10px}.compress-form{padding:18px}}.faq-section,.legal-card,.seo-section{margin:0 auto;max-width:1120px;padding:84px 34px}.faq-section h2,.legal-card h1,.seo-section h2{max-width:780px}.faq-list,.seo-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}.faq-item,.legal-content,.seo-grid article{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 40px -24px rgba(50,50,93,.08);padding:24px}.faq-item h3,.legal-content h2,.seo-grid h3{color:var(--ink);font-size:1.18rem;margin:0 0 10px}.faq-item p,.legal-content li,.legal-content p,.seo-grid p{color:var(--muted);font-size:1rem;line-height:1.6;margin:0}.legal-shell{min-height:100vh}.legal-card{max-width:920px}.legal-card h1{font-size:clamp(2.8rem,6vw,4.8rem)}.legal-content{display:grid;grid-gap:22px;gap:22px;margin-top:36px}.legal-content p+p,.legal-content ul{margin-top:10px}.legal-content a{color:var(--purple);font-weight:600}.site-footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;flex-wrap:wrap;font-size:14px;gap:18px;justify-content:space-between;margin:56px auto 0;max-width:1240px;padding:28px 34px 38px}.site-footer nav{display:flex;flex-wrap:wrap;gap:16px}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--purple)}@media (max-width:900px){.faq-list,.seo-grid{grid-template-columns:1fr}}@media (max-width:640px){.faq-section,.legal-card,.seo-section,.site-footer{padding-left:20px;padding-right:20px}}.shrink-animation{align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(112,164,255,.12));border:1px solid rgba(255,255,255,.14);border-radius:20px;display:grid;grid-gap:14px;gap:14px;grid-template-columns:1fr .9fr .72fr;margin:22px 0 20px;overflow:hidden;padding:18px;position:relative}.shrink-animation:before{animation:process-flow 2.8s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgba(21,190,83,.34),transparent);content:"";height:100%;left:-42%;position:absolute;top:0;transform:skewX(-12deg);width:42%}.pdf-sheet{background:#ffffff;border-radius:14px;box-shadow:0 18px 30px -22px rgba(0,0,0,.22);color:var(--ink);display:grid;grid-gap:6px;gap:6px;justify-self:center;padding:14px;position:relative;z-index:1}.pdf-sheet span{color:var(--purple);font-family:Source Code Pro,monospace;font-size:12px;font-weight:800}.pdf-sheet i{background:#dfe7ff;border-radius:999px;display:block;height:6px}.pdf-sheet-large{animation:pdf-input-pulse 2.8s ease-in-out infinite;height:118px;width:92px}.pdf-sheet-small{animation:pdf-output-pop 2.8s ease-in-out infinite;height:82px;width:66px}.pdf-sheet-large i:nth-child(2){width:58px}.pdf-sheet-large i:nth-child(3){width:48px}.pdf-sheet-large i:nth-child(4){width:62px}.pdf-sheet-small i:nth-child(2){background:#c9f2d7;width:38px}.pdf-sheet-small i:nth-child(3){background:#c9f2d7;width:28px}.compression-core{align-items:center;display:grid;grid-gap:9px;gap:9px;justify-items:center;position:relative;z-index:1}.compression-core span{animation:compression-spin 2.8s linear infinite;background:conic-gradient(from 0deg,var(--green),var(--purple),#70a4ff,var(--green));border-radius:50%;height:48px;position:relative;width:48px}.compression-core span:after{background:var(--dark-card);border-radius:inherit;content:"";inset:8px;position:absolute}.compression-core strong{color:#cdd7ff;font-family:Source Code Pro,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}@keyframes process-flow{0%,18%{left:-42%;opacity:0}30%,70%{opacity:1}to{left:110%;opacity:0}}@keyframes compression-spin{to{transform:rotate(1turn)}}@keyframes pdf-input-pulse{0%,to{transform:scale(1)}45%{transform:scale(.88) translateX(8px)}}@keyframes pdf-output-pop{0%,34%{opacity:.35;transform:scale(.78) translateX(-8px)}60%,to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.compression-core span,.pdf-sheet-large,.pdf-sheet-small,.shrink-animation:before{animation:none}}@media (max-width:640px){.shrink-animation{gap:10px;padding:14px}.pdf-sheet-large{height:96px;width:74px}.pdf-sheet-small{height:70px;width:56px}}.target-note{color:var(--muted);font-size:12px;line-height:1.4;margin:-6px 0 0;text-align:center}