@import url('https://fonts.googleapis.com/css2?family=Micro+5&display=swap');
@font-face{font-family:"Geist VDX";src:url("assets/geist-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono VDX";src:url("assets/geist-mono-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#000;--surface:#0b0b0d;--surface2:#151519;--text:#f5f5f7;--muted:#86868b;--line:#27272a;--blue:#2997ff;font-family:"Geist VDX",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.47;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 44px));margin-inline:auto}.skip{position:fixed;top:0;left:0;transform:translateY(-120%);z-index:20}.skip:focus{transform:none;background:#fff;color:#000;padding:10px}.nav{height:48px;position:sticky;top:0;z-index:15;background:#090909d9;border-bottom:1px solid #ffffff12;backdrop-filter:saturate(180%) blur(20px)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px}.brand img{width:26px;height:26px;object-fit:cover;border-radius:6px}.wordmark{font-family:"Micro 5",monospace;font-size:31px;line-height:1;letter-spacing:.01em}.nav nav{display:flex;gap:32px;font-size:12px;color:#d0d0d3}.nav a{transition:color .2s}.nav a:hover{color:#fff}.nav-cta{font-size:12px;background:#0071e3;border-radius:980px;padding:5px 13px}.hero{min-height:calc(100vh - 48px);padding:88px 0 110px;text-align:center;position:relative}.hero:before{content:"";position:absolute;width:900px;height:600px;left:50%;top:-150px;transform:translateX(-50%);background:radial-gradient(ellipse,#16366877 0,transparent 67%);filter:blur(15px);pointer-events:none}.eyebrow,.kicker{position:relative;font-size:12px;letter-spacing:.12em;font-weight:650;color:#a1a1a6}.eyebrow{display:inline-flex;align-items:center;gap:9px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#34c759;box-shadow:0 0 18px #34c759}.hero h1{position:relative;font-size:clamp(70px,10vw,144px);font-weight:700;line-height:.83;letter-spacing:-.075em;margin:40px 0 34px}.hero h1 span{background:linear-gradient(100deg,#9a9a9f 0,#f5f5f7 45%,#9a9a9f 100%);background-size:200% auto;color:transparent;background-clip:text;animation:shine 8s linear infinite}.lede,.section-lede{position:relative;color:var(--muted);font-size:21px;letter-spacing:-.022em;max-width:690px;margin:0 auto}.actions{display:flex;justify-content:center;gap:20px;margin:32px 0 14px}.button{min-height:44px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;border-radius:980px;font-size:15px;transition:transform .25s,filter .25s,background .25s}.button:hover{transform:scale(1.025);filter:brightness(1.12)}.primary{background:#0071e3;color:#fff}.ghost{color:#2997ff}.ghost:after{content:""}.micro{font-size:12px;color:#6e6e73}.product-stage{position:relative;perspective:1200px;margin:90px auto 0}.ambient{position:absolute;border-radius:50%;filter:blur(75px);opacity:.4;pointer-events:none}.ambient.one{background:#1d63ff;width:400px;height:230px;left:4%;top:15%}.ambient.two{background:#b33cff;width:260px;height:230px;right:5%;bottom:0}.product-window{position:relative;max-width:950px;height:510px;margin:auto;border:1px solid #ffffff24;border-radius:18px;background:#121214;overflow:hidden;display:grid;grid-template:48px 1fr/43% 57%;text-align:left;box-shadow:0 55px 120px #000,0 0 0 1px #000;transform:rotateX(1deg);transition:transform .2s linear}.window-bar{grid-column:1/-1;display:flex;align-items:center;border-bottom:1px solid #ffffff12;padding:0 16px;font-size:12px;color:#aaa}.window-logo{width:22px;height:22px;display:grid;place-items:center;background:#fff;color:#000;border-radius:5px;font-weight:900;margin-right:9px}.window-dots{margin-left:auto;color:#555}.installer-art{position:relative;background:radial-gradient(circle at 50% 35%,#525964,#23262c 42%,#09090a 80%);overflow:hidden}.installer-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#ffffff08 0 1px,transparent 1px 9px)}.art-copy{position:absolute;inset:auto 36px 38px;display:flex;flex-direction:column}.art-copy small{letter-spacing:.2em;color:#aeb9ca}.art-copy strong{font-size:45px;line-height:.85;letter-spacing:-.055em;margin:9px 0 13px}.art-copy span{font-size:11px;color:#89909a}.installer-panel{padding:54px 50px;background:#17171a}.step{font-size:10px;letter-spacing:.18em;color:#6f97ff}.installer-panel h2{font-size:29px;letter-spacing:-.04em;margin:12px 0 9px}.installer-panel>p{font-size:13px;color:#96969d;margin-bottom:30px}.option{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #ffffff12}.option-icon{width:30px;height:30px;border-radius:8px;background:#27272c;display:grid;place-items:center;color:#9cb5ff}.option div{display:flex;flex-direction:column}.option b{font-size:12px}.option small{color:#7f7f86}.toggle{margin-left:auto;width:34px;height:20px;background:#0a84ff;border-radius:20px}.installer-panel button{border:0;border-radius:9px;background:#0a84ff;color:#fff;font-weight:650;width:100%;height:46px;margin-top:27px}.proof{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.proof div{padding:36px 30px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line)}.proof strong{font-size:11px;letter-spacing:.14em}.proof span{font-size:14px;color:var(--muted)}.section{padding:150px 0}.kicker{color:#2997ff;margin:0 0 18px}.section-title{font-size:clamp(48px,7vw,78px);line-height:.95;letter-spacing:-.055em;margin:0 0 28px}.section-lede{margin:0;max-width:720px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:70px}.cards article{background:linear-gradient(145deg,#161618,#0b0b0d);border:1px solid #ffffff12;padding:34px;border-radius:28px;min-height:290px;overflow:hidden;transition:transform .4s,border-color .4s}.cards article:hover{transform:translateY(-8px);border-color:#ffffff26}.cards article>span{font:11px ui-monospace;color:#6e6e73}.cards h3{font-size:23px;letter-spacing:-.035em;margin:85px 0 10px}.cards p{font-size:14px;color:var(--muted)}.managed{padding:160px 0;background:#f5f5f7;color:#1d1d1f}.managed-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center}.managed .kicker{color:#06c}.managed .section-lede{color:#6e6e73}.ticks{padding:0;margin:42px 0 0;list-style:none;display:grid;gap:14px;color:#515154}.price-card{padding:38px;border:1px solid #d2d2d7;border-radius:30px;background:#fff;box-shadow:0 30px 80px #00000012}.price-head{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.13em}.price-head em{font-style:normal;color:#86868b;letter-spacing:0}.price{display:flex;align-items:baseline;margin:32px 0 12px}.price strong{font-size:82px;line-height:1;letter-spacing:-.07em}.price span{color:#86868b;margin-left:10px}.price-card p{color:#6e6e73;font-size:14px}.price-card .button{width:100%;margin:20px 0 14px}.price-card>small{display:block;color:#86868b;font-size:10px}.faq{margin-top:55px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:25px 2px}summary{cursor:pointer;font-size:18px;font-weight:600;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";color:#86868b}details[open] summary:after{content:"-"}details p{max-width:740px;color:var(--muted)}.cta{margin-bottom:110px;padding:58px 64px;border-radius:30px;background:linear-gradient(120deg,#0066cc,#4b2ce0);display:flex;justify-content:space-between;align-items:center}.cta .kicker{color:#dbeaff}.cta h2{font-size:42px;letter-spacing:-.04em;margin:0}.light{background:#fff;color:#1d1d1f}footer{padding:50px 0 35px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:30px;color:#86868b}footer p,.footer-links{font-size:12px}.footer-links{display:flex;gap:22px}footer>small{grid-column:1/-1;font-size:10px}.legal{padding:90px 0 130px;max-width:780px}.legal h1{font-size:58px;letter-spacing:-.05em}.legal h2{margin-top:44px}.legal p{color:#a1a1a6}.legal a{color:#2997ff}.reveal{opacity:0;transform:translateY(38px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.cards .reveal:nth-child(2){transition-delay:.12s}.cards .reveal:nth-child(3){transition-delay:.24s}@keyframes shine{to{background-position:-200% center}}
@media(max-width:800px){.nav nav{display:none}.hero{padding-top:70px}.product-window{height:auto;grid-template:44px 330px auto/1fr}.installer-art,.installer-panel{grid-column:1}.proof,.cards,.managed-grid{grid-template-columns:1fr}.proof div{border-bottom:1px solid var(--line)}.managed-grid{gap:55px}.section,.managed{padding:95px 0}.cta{margin-inline:22px;flex-direction:column;align-items:flex-start;gap:30px}footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}@media(max-width:480px){.wrap{width:calc(100% - 28px)}.nav-cta{display:none}.hero h1{font-size:62px}.lede,.section-lede{font-size:18px}.actions{flex-direction:column}.product-stage{margin-top:60px}.installer-panel{padding:36px 26px}.section-title{font-size:46px}.price-card{padding:28px}.cta{margin-inline:14px;padding:38px 28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero h1 span{animation:none}}

button,.button,.nav-cta{font-family:"Geist VDX",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.eyebrow,.kicker,.proof strong,.price-head{font-family:"Geist Mono VDX",ui-monospace,monospace}
.product-stage{min-height:640px;display:grid;place-items:center;margin-top:86px}
.real-shot{position:absolute;margin:0;border:1px solid #ffffff1f;border-radius:22px;background:#171719;padding:10px;box-shadow:0 50px 120px #000,0 0 80px #1859d124;transition:transform .2s linear}
.real-shot img{display:block;width:100%;height:auto;border-radius:13px}
.real-shot figcaption{padding:10px 5px 2px;color:#77777d;font-family:"Geist Mono VDX",monospace;font-size:10px;text-align:left}
.main-shot{width:min(790px,78vw);left:7%;top:0;z-index:2}
.drawer-shot{width:300px;right:4%;bottom:3%;z-index:3;transform:rotate(2deg)}
@media(max-width:800px){.product-stage{min-height:560px}.main-shot{width:94%;left:3%}.drawer-shot{width:230px;right:0;bottom:5%}}
@media(max-width:480px){.product-stage{min-height:410px}.drawer-shot{width:155px}.real-shot{padding:6px;border-radius:15px}.real-shot img{border-radius:10px}.real-shot figcaption{font-size:8px}}
/* Compact layout pass */
.hero{min-height:0;padding:62px 0 76px}
.hero h1{font-size:clamp(62px,8vw,112px);margin:30px auto 24px;max-width:1050px}
.actions{margin:24px 0 10px}.product-stage{margin-top:44px;min-height:565px}
.section{padding:105px 0}.managed{padding:112px 0}.cards{margin-top:48px}.cards article{min-height:235px;padding:28px}.cards h3{margin:54px 0 8px}
.proof div{padding:25px 26px}.cta{margin-bottom:70px;padding:42px 50px}.tick{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1d1d1f;color:#fff;font:700 8px "Geist Mono VDX",monospace;margin-right:8px}
@media(max-width:800px){.hero{padding:50px 0 60px}.product-stage{min-height:510px;margin-top:36px}.section,.managed{padding:75px 0}}
@media(max-width:480px){.hero h1{font-size:54px}.product-stage{min-height:350px}.proof div{padding:20px}.section,.managed{padding:62px 0}.cards{margin-top:35px}.cards article{min-height:200px}.cards h3{margin-top:34px}}

.ticks li::before{content:'OK';display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1d1d1f;color:#fff;font:700 8px 'Geist Mono VDX',monospace;margin-right:10px}

/* The landing wordmark becomes the wordmark in the sticky bar. */
.landing .nav .wordmark{opacity:0}
.wordmark-flight{font-family:"Micro 5",monospace!important;font-weight:400!important;font-size:clamp(180px,27vw,390px)!important;line-height:.65!important;letter-spacing:0!important;color:#fff!important;background:none!important;margin:105px auto 48px!important;width:max-content;max-width:none!important;position:relative;z-index:16;transform-origin:center center;will-change:transform,opacity;text-rendering:optimizeSpeed}
.wordmark-flight-clone{position:fixed!important;margin:0!important;z-index:30;pointer-events:none;transform-origin:top left!important;will-change:transform,opacity}
.landing .eyebrow,.landing .lede,.landing .actions,.landing .micro{opacity:calc(1 - var(--flight-progress,0));transform:translateY(calc(var(--flight-progress,0) * -16px));transition:opacity .05s linear}
@media(max-width:800px){.wordmark-flight{font-size:clamp(150px,38vw,260px)!important;margin:48px auto 40px!important}}
@media(max-width:480px){.wordmark-flight{font-size:42vw!important;margin:42px auto 34px!important}}

.main-shot{width:min(760px,76vw);left:50%;transform:translateX(-55%)}
.drawer-shot{width:min(288px,28vw)}
.real-shot img{image-rendering:auto}
.product-stage{min-height:520px}

body{background-color:#030303;background-image:linear-gradient(#00000080,#00000080),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");background-attachment:fixed}
.nav{background:#070707df}.hero,.section,.mods{position:relative}.mods{padding:110px 0;border-block:1px solid #ffffff12;background:#080808cc}.mods-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.mod-art{border-radius:28px;overflow:hidden;border:1px solid #ffffff1c;box-shadow:0 30px 90px #000}.mod-art img{display:block;width:100%;height:520px;object-fit:cover}.mods .section-lede{margin:0}.price strong{font-size:72px}
@media(max-width:800px){.wordmark-flight{margin-top:78px!important}.mods{padding:75px 0}.mods-grid{grid-template-columns:1fr;gap:45px}.mod-art img{height:420px}}
@media(max-width:480px){.wordmark-flight{margin-top:62px!important}.mod-art img{height:330px}.price strong{font-size:62px}}

/* Live compression demo */
.compress-demo{width:min(960px,100%);height:470px;margin:64px auto 20px;position:relative;display:grid;grid-template-columns:1fr 230px;text-align:left;border:1px solid #ffffff1a;border-radius:30px;overflow:hidden;background:#0a0a0bcc;box-shadow:0 40px 110px #000,0 0 90px #0a5bd124}
.demo-desktop{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#1e222a 0,#111215 45%,#09090b 100%)}.demo-desktop:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.demo-label{position:absolute;left:24px;top:20px;color:#717178;font:600 10px "Geist Mono VDX",monospace;letter-spacing:.14em}.demo-file,.demo-result{position:relative;width:145px;min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #ffffff18;border-radius:20px;background:#1b1b1fe8;box-shadow:0 16px 40px #0008;cursor:grab;user-select:none;touch-action:none;transition:transform .25s,opacity .25s,border-color .25s}.demo-file:hover{transform:translateY(-5px);border-color:#ffffff35}.demo-file:active{cursor:grabbing}.demo-file strong,.demo-result strong{font-size:13px}.demo-file small,.demo-result small{color:#77777e;font-size:11px}.folder-icon{width:54px;height:38px;border-radius:7px;background:#2997ff;position:relative;margin-bottom:12px}.folder-icon:before{content:"";position:absolute;left:0;top:-8px;width:26px;height:12px;border-radius:6px 6px 0 0;background:#2997ff}.folder-icon:after{content:"";position:absolute;inset:6px;background:#66b4ff;border-radius:3px;opacity:.35}.demo-result{display:none;cursor:default}.archive-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#fff;color:#000;font-family:"Micro 5";font-size:40px}.demo-drop{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:14px;border-left:1px solid #ffffff17;background:#111216;transition:background .25s,box-shadow .25s}.demo-drop:before{content:"";position:absolute;inset:12px;border:1px dashed #3c3c43;border-radius:20px;transition:border-color .25s}.demo-drop strong,.demo-drop small{position:relative;display:block}.demo-drop strong{font-size:17px}.demo-drop small{font-size:11px;color:#77777e;margin-top:3px}.drop-chevron{position:relative;color:#2997ff;font-size:34px;transition:transform .25s}.demo-drop.active{background:#071a30;box-shadow:inset 0 0 50px #087ff52b}.demo-drop.active:before{border-color:#2997ff}.demo-drop.active .drop-chevron{transform:translateX(-7px)}.compress-demo.complete .demo-file{display:none}.compress-demo.complete .demo-result{display:flex;animation:result-in .45s cubic-bezier(.2,.8,.2,1)}.compress-demo.complete .demo-drop{background:#092116}.compress-demo.complete .demo-drop strong{font-size:0}.compress-demo.complete .demo-drop strong:after{content:"Compressed";font-size:17px}.compress-demo.complete .demo-drop small{font-size:0}.compress-demo.complete .demo-drop small:after{content:"34% smaller";font-size:11px;color:#62d98b}.demo-hint{position:absolute;bottom:15px;left:24px;z-index:4;margin:0;color:#6e6e73;font:11px "Geist Mono VDX",monospace}.drag-ghost{position:fixed!important;z-index:100!important;pointer-events:none!important;margin:0!important;transition:none!important;transform:translate(-50%,-50%) scale(.92)!important}@keyframes result-in{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
.lspdfr-logo{min-height:330px;display:grid;place-content:center;grid-template-columns:auto auto;padding:50px;border:1px solid #ffffff17;border-radius:30px;background:radial-gradient(circle at 50% 40%,#132841,#08090b 68%);box-shadow:0 30px 90px #000}.lspdfr-logo span,.lspdfr-logo strong{font-family:"Geist VDX",sans-serif;font-size:76px;line-height:.8;letter-spacing:-.075em}.lspdfr-logo span{font-weight:850;color:#fff}.lspdfr-logo strong{font-weight:850;color:#2997ff}.lspdfr-logo small{grid-column:1/-1;margin-top:18px;text-align:center;color:#9ecfff;font:600 12px "Geist Mono VDX",monospace;letter-spacing:.34em}
@media(max-width:800px){.compress-demo{height:420px;grid-template-columns:1fr 185px}.lspdfr-logo span,.lspdfr-logo strong{font-size:64px}}
@media(max-width:560px){.compress-demo{height:390px;grid-template-columns:1fr 125px;margin-top:42px}.demo-drop{gap:4px}.demo-drop div{max-width:72px}.demo-drop strong{font-size:13px}.demo-drop small{display:none}.drop-chevron{font-size:24px}.demo-file,.demo-result{width:122px;min-height:138px}.lspdfr-logo{min-height:240px;padding:30px}.lspdfr-logo span,.lspdfr-logo strong{font-size:50px}}

/* Mirrors the real Voidex desktop window and edge drawer. */
.compress-demo{display:block;height:500px;background:#0d0e10;overflow:hidden}
.demo-desktop{position:absolute;inset:0;display:block;background:radial-gradient(circle at 40% 35%,#24262b,#101114 58%,#08090b)}
.mini-window{position:absolute;width:540px;height:340px;left:50%;top:50%;transform:translate(-48%,-50%);border:1px solid #ffffff17;border-radius:11px;overflow:hidden;background:#1c1c1e;box-shadow:0 28px 70px #000b;opacity:.82}.mini-title{height:30px;display:flex;align-items:center;border-bottom:1px solid #ffffff10;background:#242426;color:#9b9ba1}.mini-title span{position:absolute;left:50%;transform:translateX(-50%);font:25px/1 "Micro 5"}.mini-title i{width:34px;margin-left:auto;text-align:center;font:normal 11px Geist}.mini-title i+i{margin-left:0}.mini-home{padding:24px 30px}.mini-home>b{display:block;font:58px/.8 "Micro 5";font-weight:400}.mini-home>span{display:block;margin-top:18px;color:#a1a1a6;font-size:15px}.mini-drop{height:172px;margin-top:20px;border:3px dashed #59595f;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.mini-drop em{width:42px;height:42px;border:2px solid #68686e;border-radius:10px;margin-bottom:10px;position:relative}.mini-drop em:after{content:"";position:absolute;width:8px;height:8px;border:2px solid #909097;border-radius:50%;left:15px;top:15px}.mini-drop strong{font-size:13px}.mini-drop small{margin-top:5px;color:#74747a;font-size:9px}.demo-file,.demo-result{position:absolute;left:42px;bottom:58px;width:132px;min-height:142px;z-index:8;background:#202024;border-color:#4a4a50}.demo-label{z-index:9}.edge-shell{position:absolute;right:0;top:50%;width:223px;height:180px;transform:translateY(-50%);z-index:12;pointer-events:none}.edge-tab{position:absolute;right:0;top:0;width:38px;height:180px;border:1px solid #3f3f46;border-right:0;border-radius:18px 0 0 18px;background:#1c1c1e;box-shadow:0 24px 64px -12px #0008,0 0 0 1px #ffffff0d;display:grid;place-items:center;z-index:3}.edge-tab:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:1px;background:#3f3f46}.drop-chevron{font-family:Arial,sans-serif;font-size:26px;color:#a1a1aa;transition:transform .18s cubic-bezier(.32,.72,0,1),color .12s}.demo-drop{position:absolute;right:39px;top:0;width:180px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;border:1px solid #3f3f46;border-radius:18px;background:#1c1c1e;box-shadow:none;transform:translateX(181px);transition:transform .32s cubic-bezier(.22,1,.36,1),border-color .12s,box-shadow .12s;pointer-events:auto}.demo-drop:before{display:none}.demo-drop strong{font-size:17px;font-weight:500;letter-spacing:-.01em}.demo-drop small{display:block!important;margin:0;color:#a1a1aa;font-size:13px}.edge-archive-icon{width:52px;height:44px;border:5px solid #a1a1aa;border-top-width:7px;border-radius:7px;position:relative;transition:border-color .12s,transform .12s}.edge-archive-icon:before{content:"";position:absolute;left:-5px;right:-5px;top:-14px;height:11px;border:5px solid #a1a1aa;border-radius:5px;background:#1c1c1e;transition:border-color .12s}.edge-archive-icon:after{content:"";position:absolute;width:18px;height:5px;left:12px;top:10px;border-radius:4px;background:#a1a1aa;transition:background .12s}.demo-drop.active{transform:translateX(0);background:#1c1c1e;border-color:#0a84ff;box-shadow:0 24px 64px -12px #0008,0 0 0 1px #ffffff0d}.demo-drop.active~.edge-tab .drop-chevron{transform:rotate(180deg);color:#0a84ff}.demo-drop.active .edge-archive-icon{border-color:#0a84ff;transform:scale(1.05)}.demo-drop.active .edge-archive-icon:before{border-color:#0a84ff}.demo-drop.active .edge-archive-icon:after{background:#0a84ff}.demo-drop.active strong{color:#0a84ff}.compress-demo.complete .demo-drop{transform:translateX(181px);background:#1c1c1e}.compress-demo.complete .demo-drop strong,.compress-demo.complete .demo-drop small{font-size:initial}.compress-demo.complete .demo-drop strong:after,.compress-demo.complete .demo-drop small:after{display:none}.compress-demo.complete .edge-tab .drop-chevron{color:#30d158}.demo-hint{bottom:18px}.drag-ghost{left:0!important;bottom:auto!important}
@media(max-width:700px){.compress-demo{height:430px}.mini-window{width:440px;height:300px;left:44%}.mini-home{padding:20px 24px}.mini-drop{height:145px}.demo-file,.demo-result{left:22px;bottom:45px}.edge-shell{transform:translateY(-50%) scale(.82);transform-origin:right center}}
@media(max-width:480px){.mini-window{width:370px;left:34%;opacity:.58}.demo-file,.demo-result{width:110px;min-height:125px;left:14px}.edge-shell{transform:translateY(-50%) scale(.72)}}

/* Direct website port of src/screens/Dropzone.tsx. */
.compress-demo{height:340px;background:#111214}
.demo-desktop{background:radial-gradient(circle at 42% 48%,#24252a,#121316 62%,#0b0c0e)}
.demo-file,.demo-result{left:clamp(36px,14%,140px);bottom:50%;transform:translateY(50%);width:132px;min-height:142px;background:#202024;border:1px solid #44444a;border-radius:16px}.demo-file:hover{transform:translateY(calc(50% - 4px))}.demo-folder-icon{width:52px;height:52px;margin-bottom:8px;fill:none;stroke:#0a84ff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.edge-shell{right:0;top:50%;width:175px;height:140px;transform:translateY(-50%)}.edge-tab{right:0;top:0;width:30px;height:140px;border:1px solid rgb(63 63 70);border-right:0;border-radius:14px 0 0 14px;background:rgb(28 28 30);box-shadow:0 4px 20px rgb(0 0 0/.3),inset 0 0 0 1px rgb(255 255 255/.05)}.edge-tab:before{left:0;top:16px;bottom:16px;width:1px;background:rgb(63 63 70)}.drop-chevron{width:16px;height:16px;fill:none;stroke:rgb(161 161 170);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s cubic-bezier(.32,.72,0,1),stroke .12s}.demo-drop{right:31px;top:0;width:140px;height:140px;padding:20px;gap:10px;border:1px solid rgb(63 63 70);border-radius:14px;background:rgb(28 28 30);box-shadow:none;transform:translateX(141px);transition:transform .32s cubic-bezier(.22,1,.36,1),border-color .12s,box-shadow .12s}.demo-drop strong{font-size:14px;font-weight:500;letter-spacing:-.01em;text-align:center;color:rgb(235 235 238)}.demo-drop small{font-size:11px;font-weight:400;text-align:center;color:rgb(161 161 170)}.edge-archive-icon{width:40px;height:40px;fill:none;stroke:rgb(161 161 170);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .12s,stroke .12s}.edge-archive-icon:before,.edge-archive-icon:after{display:none}.demo-drop.active{transform:translateX(0);border-color:rgb(10 132 255);background:rgb(28 28 30);box-shadow:0 24px 64px -12px rgb(0 0 0/.5),0 0 0 1px rgb(255 255 255/.05)}.demo-drop.active~.edge-tab{box-shadow:0 8px 32px rgb(0 0 0/.4),inset 0 0 0 1px rgb(255 255 255/.08)}.demo-drop.active~.edge-tab .drop-chevron{transform:rotate(180deg);stroke:rgb(10 132 255)}.demo-drop.active .edge-archive-icon{stroke:rgb(10 132 255);transform:scale(1.05)}.demo-drop.active strong{color:rgb(10 132 255)}.compress-demo.complete .demo-drop{transform:translateX(141px)}.demo-result{transform:translateY(50%)}.demo-hint{left:22px;bottom:15px}
@media(max-width:480px){.compress-demo{height:300px}.demo-file,.demo-result{left:18px;bottom:50%}.edge-shell{transform:translateY(-50%) scale(.9);transform-origin:right center}}
.compress-demo.complete .demo-result{display:flex;animation:none}

/* Texture, wallpaper, and compact compression cards. */
body:after{content:"";position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.2;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.7'/%3E%3C/svg%3E")}
.demo-desktop{isolation:isolate;background:radial-gradient(ellipse 90% 90% at 75% 115%,#44464d 0,#202126 30%,#0a0b0d 68%),linear-gradient(135deg,#08090b,#16171a)}.demo-desktop:before{content:"";position:absolute;width:125%;height:125%;left:15%;top:24%;z-index:-1;border-radius:48% 52% 0 0/42% 38% 0 0;background:linear-gradient(145deg,#020203 12%,#292a2f 44%,#090a0c 67%);transform:rotate(-12deg);filter:blur(1px);box-shadow:-50px -30px 90px #ffffff0b}.demo-desktop:after{content:"";position:absolute;width:105%;height:88%;left:42%;top:49%;z-index:-1;border-radius:50% 0 0 0;background:linear-gradient(145deg,#303136,#08090b 58%);transform:rotate(12deg);box-shadow:-45px -35px 80px #000}
.cards article{min-height:158px;padding:22px 24px;border-radius:20px}.cards article:hover{transform:translateY(-4px)}.cards article>span{font-family:"Geist VDX",sans-serif;font-size:13px;font-weight:600;letter-spacing:-.01em;color:#8e8e93}.cards h3{margin:26px 0 5px;font-size:20px}.cards p{margin:0;font-size:13px}.cards{gap:12px;margin-top:38px}
.lspdfr-logo{min-height:330px;display:grid;place-items:center;padding:42px;background:#19283f;border-color:#ffffff14}.lspdfr-logo img{display:block;width:min(100%,420px);height:auto;filter:drop-shadow(0 18px 35px #0007)}
@media(max-width:480px){.cards article{min-height:145px}.cards h3{margin-top:22px}.lspdfr-logo{min-height:230px;padding:28px}}

/* White granular hero bloom; blue stays reserved for controls. */
.hero:before{width:1050px;height:720px;top:-190px;background:radial-gradient(ellipse at center,#ffffff2b 0,#d8d8dc16 30%,#ffffff08 52%,transparent 72%);filter:blur(9px);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mask-size:230px 230px;opacity:.9}

/* Desktop-like input/output icons and a compositor-only drawer motion. */
.demo-file{width:112px;min-height:112px;padding:9px 7px;border:1px solid transparent;border-radius:5px;background:transparent;box-shadow:none;gap:2px}.demo-file:hover{transform:translateY(50%);background:#ffffff0d;border-color:#ffffff16}.demo-file strong{text-shadow:0 1px 3px #000;font-size:12px}.demo-file small{font-size:10px;text-shadow:0 1px 3px #000}.windows-folder-icon{position:relative;width:68px;height:48px;margin-bottom:9px;border-radius:4px 5px 6px 6px;background:linear-gradient(180deg,#ffd75b 0,#f5ae25 55%,#d98a13 100%);box-shadow:inset 0 1px #fff5a8,0 5px 10px #0006}.windows-folder-icon:before{content:"";position:absolute;left:3px;top:-9px;width:31px;height:14px;border-radius:5px 5px 0 0;background:linear-gradient(#ffd969,#e8a72c);box-shadow:inset 0 1px #fff4ac}.windows-folder-icon:after{content:"";position:absolute;inset:5px 5px auto;height:7px;border-radius:3px;background:#fff3a952}.demo-result{width:112px;min-height:125px;padding:6px;border:1px solid transparent;border-radius:5px;background:transparent;box-shadow:none;gap:2px}.vdxa-icon{width:78px;height:78px;object-fit:contain;margin-bottom:3px;filter:drop-shadow(0 7px 8px #0008)}.demo-drop{will-change:transform;transform:translate3d(141px,0,0);transition:transform 180ms cubic-bezier(.32,.72,0,1),border-color 120ms ease;backface-visibility:hidden;contain:layout paint}.demo-drop.active{transform:translate3d(0,0,0);box-shadow:none}.compress-demo.complete .demo-drop{transform:translate3d(141px,0,0)}.edge-tab{will-change:box-shadow}.demo-drop.active~.edge-tab{box-shadow:0 4px 20px rgb(0 0 0/.3),inset 0 0 0 1px rgb(255 255 255/.05)}
/* Search engines get a descriptive heading without changing the visual hero. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}