.archive-animation{margin:0;min-width:0;width:100%;background:#f6f8fc;border-radius:18px;overflow:hidden}.archive-animation-stage{position:relative;isolation:isolate;height:clamp(235px,28vw,370px);overflow:hidden}.archive-sheet{position:absolute;top:13%;width:22%;height:47%;padding:17px 12px;background:#fff;border:1.5px solid #99abc9;border-radius:5px;color:#45648e}.archive-sheet b{font-size:clamp(13px,1.4vw,20px);font-weight:650}.archive-sheet i{display:block;height:2px;background:#bdcbe0;margin-top:13px}.archive-sheet i:last-child{width:65%}.sheet-one{left:16%;rotate:-15deg;--delay:0s}.sheet-two{left:39%;top:7%;rotate:-2deg;--delay:.45s}.sheet-three{left:63%;rotate:13deg;--delay:.9s}.archive-pocket{position:absolute;z-index:2;left:22%;bottom:11%;width:56%;height:36%;display:grid;place-items:center;background:#2456df;border:2px solid #183d9c;border-radius:7px 7px 15px 15px;box-shadow:0 7px 0 #d9e2f5;transform:rotate(-3deg)}.archive-pocket b{font-size:clamp(25px,3.5vw,45px);color:white;letter-spacing:-2px}.archive-zipper{position:absolute;top:8px;left:5%;width:90%;height:5px;background:repeating-linear-gradient(90deg,#d6e3ff 0 3px,#1643b7 3px 6px)}.archive-animation figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 18px;padding:13px 0;border-top:1px solid #e0e6f0;font-size:11px;color:#5a6b85}.archive-animation button{font:inherit;border:0;background:transparent;color:#34568d;padding:6px;cursor:pointer}.archive-animation button:focus-visible{outline:2px solid #2456df;outline-offset:2px}@media(prefers-reduced-motion:no-preference){.archive-sheet{animation:archive-stack 7s var(--delay) infinite both}.archive-pocket{animation:archive-ready 7s infinite}@keyframes archive-stack{0%,10%{translate:0 0;opacity:1}37%,67%{translate:0 160px;opacity:0}68%{translate:0 -12px;opacity:0}84%,to{translate:0 0;opacity:1}}@keyframes archive-ready{0%,38%,75%,to{scale:1}48%,61%{scale:1.04}}.archive-animation[data-paused=true] *{animation-play-state:paused}}@media(prefers-reduced-motion:reduce){.archive-animation button{display:none}}.archive-animation{background:linear-gradient(145deg,#f8faff,#eef3fc);border:1px solid #e7edf7}.archive-animation-stage:before{content:"";position:absolute;width:72%;aspect-ratio:1;left:14%;top:2%;border-radius:50%;background:radial-gradient(circle,#fff 0,#e8effb 68%,transparent 70%);opacity:.8}.archive-animation-stage:after{content:"";position:absolute;bottom:5%;left:22%;width:60%;height:7%;border-radius:50%;background:#8da7d4;filter:blur(10px);opacity:.19;z-index:-1}.archive-sheet{background:linear-gradient(120deg,#fff,#fafcff);border-color:#b8c7df;border-radius:5px 14px 5px 5px;box-shadow:3px 5px 0 #e0e7f3,8px 12px 20px #34517a12}.archive-sheet:after{content:"";position:absolute;right:-1px;top:-1px;width:15px;height:15px;background:linear-gradient(45deg,#e5edfa 50%,#f4f7fd 51%);border-radius:0 12px 0 4px;box-shadow:-1px 1px 1px #c4d0e5}.archive-sheet b{display:inline-block;padding:4px 6px;margin-left:-3px;border-radius:3px;background:#e9effc;color:#4166a1;font-size:clamp(11px,1.2vw,17px)}.sheet-one b{background:#f7e9e4;color:#a36b5b}.sheet-three b{background:#e5f0eb;color:#51806e}.archive-grid{height:40%;margin-top:15px;border:1px solid #b4c6df;background:linear-gradient(#bfd1e7 0 0) top/100% 19% no-repeat,repeating-linear-gradient(0deg,transparent 0 22%,#cdd9e9 23% 25%),repeating-linear-gradient(90deg,transparent 0 30%,#cdd9e9 31% 33%)}.archive-pocket{background:repeating-linear-gradient(130deg,#ffffff05 0 1px,transparent 1px 4px),linear-gradient(145deg,#497dff,#2b60e8 48%,#1748c3);border-color:#1b439d;border-width:1.5px;box-shadow:2px 5px 0 #163a8a,4px 9px 0 #bed0ed,8px 16px 22px #163e8c18}.archive-pocket:before{content:"";position:absolute;inset:13px 9px 8px;border:1px dashed #afc5ff80;border-radius:3px 3px 9px 9px}.archive-pocket b{position:relative;margin-top:9px;padding:6px 14px;background:#fcfcf8;border:1px solid #e5e6e5;outline:1px dashed #a4afc3;outline-offset:-4px;border-radius:4px;color:#1b355e;box-shadow:2px 3px 0 #163d9759;font-size:clamp(20px,2.7vw,37px)}.archive-zipper{top:5px;height:7px;border-block:1px solid #133985;background:repeating-linear-gradient(90deg,#deebff 0 3px,#6d8cc5 3px 4px,#143f99 4px 7px);box-shadow:0 2px 2px #10388770}.archive-pull{position:absolute;right:6%;top:7px;width:11px;height:25px;border:3px solid #dce8fd;border-radius:4px;background:#6d88b8;rotate:23deg;box-shadow:1px 2px 0 #18376d}.archive-stitch{position:absolute;right:10%;bottom:17%;width:18px;height:5px;border-block:1px solid #a9c1ff88}.archive-animation{background:transparent;border:0;border-radius:0;overflow:visible}.archive-animation-stage:before{display:none}.demo-tour .tour-screen{position:relative;background:transparent}.screenshot-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.demo-view .program.demo-tour{border:0;background:transparent;box-shadow:none}.tour-screen img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain}.screenshot-open:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.screenshot-dialog{width:min(1240px,96vw);max-width:96vw;max-height:94vh;padding:14px;border:0;border-radius:9px;background:white}.screenshot-dialog::backdrop{background:#102344b8}.screenshot-dialog img{display:block;width:100%;height:auto}.screenshot-dialog form{display:flex;justify-content:flex-end;margin-bottom:10px}.screenshot-dialog button{font:inherit;font-size:13px;padding:8px 14px;cursor:pointer;border:1px solid #d0dbea;border-radius:5px;background:#f4f7fc}@media(max-width:720px){.tour-screen img{max-height:none}}.reading-progress{display:none}.header nav a{position:relative}.header nav a:after{content:"";position:absolute;inset:auto 0 -5px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left}.header nav a:is(:hover,:focus-visible):after{transform:scaleX(1)}@keyframes zip-panel-arrival{0%{opacity:.65;translate:0 12px}to{opacity:1;translate:0}}@keyframes zip-page-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:no-preference){.panel-arrived{animation:zip-panel-arrival .42s cubic-bezier(.2,.75,.3,1)}.release-card details[open]>:not(summary){animation:zip-panel-arrival .21s ease-out}.header nav a:after{transition:transform .18s ease-out}@supports (animation-timeline:scroll()){.reading-progress{display:block;position:fixed;z-index:5;inset:0 0 auto;height:3px;pointer-events:none;background:var(--blue);transform-origin:left;animation:zip-page-progress linear both;animation-timeline:scroll(root block)}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}