/* A typographic stage for the existing three-part product story. */
.bluezip-page .bz-flow-scenes{position:relative;height:310px;perspective:1000px}
.bluezip-page .bz-flow-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(24px) rotateX(7deg) scale(.94);transition:opacity .5s,transform .65s cubic-bezier(.2,.75,.2,1),visibility .5s;pointer-events:none}
.bluezip-page .bz-flow-panel.is-visible{opacity:1;visibility:visible;transform:none;z-index:1}
.bluezip-page .bz-flow-watermark{position:absolute;top:-18px;left:0;font:700 clamp(80px,9vw,130px)/1 var(--bz-mono);letter-spacing:-.07em;color:#a6c4ff0f}
.bluezip-page .bz-format-card{position:absolute;top:33px;width:30%;height:192px;padding:20px 17px;border:1px solid #afcbff80;border-radius:15px;box-shadow:0 22px 50px #020a2e80,inset 0 1px 0 #ffffff40;display:flex;flex-direction:column;color:#fff;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.bluezip-page .bz-format-card>span{font:14px var(--bz-mono);letter-spacing:1px;opacity:.75}
.bluezip-page .bz-format-card b{font:700 55px/1 var(--bz-mono);letter-spacing:-3px;margin:auto 0}
.bluezip-page .bz-format-card i{font:14px var(--bz-mono);white-space:nowrap}
.bluezip-page .bz-format-zip{left:4%;background:linear-gradient(145deg,#4a85f5,#204bbe);transform:translateX(60px) rotate(0)}
.bluezip-page .bz-format-seven{left:35%;top:14px;z-index:2;background:linear-gradient(145deg,#87a6ff,#5750bd);transform:translateY(30px)}
.bluezip-page .bz-format-rar{right:4%;background:linear-gradient(145deg,#3199b2,#155170);transform:translateX(-60px)}
.bluezip-page .is-visible .bz-format-zip{transform:rotate(-12deg)}
.bluezip-page .is-visible .bz-format-seven{transform:translateY(-5px) rotate(2deg)}
.bluezip-page .is-visible .bz-format-rar{transform:rotate(13deg)}
.bluezip-page .bz-format-dock{position:absolute;bottom:7px;left:7%;right:7%;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #759fff66;border-radius:12px;background:#142649;box-shadow:0 12px 40px #0003}
.bluezip-page .bz-format-dock b{font:600 19px var(--bz-mono)}
.bluezip-page .bz-format-dock>span:nth-last-child(2){margin-left:auto;font:14px var(--bz-mono);color:#a8bee9;white-space:nowrap}
.bluezip-page .bz-format-dock i{font:24px var(--bz-mono);color:#b4f4e3}
.bluezip-page .bz-flow-repair{padding:24px;border:1px solid #74d9c788;border-radius:16px;background:linear-gradient(145deg,#183d49,#102234);box-shadow:0 20px 70px #020c2499,0 0 60px #40cfb312}
.bluezip-page .bz-repair-head{display:flex;align-items:center;gap:13px;margin-bottom:23px}
.bluezip-page .bz-repair-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border:1px solid #98f9d873;border-radius:11px;background:#78e6be17;font:25px var(--bz-mono);color:#a2f7d9}
.bluezip-page .bz-repair-head small{display:block;font:14px var(--bz-mono);letter-spacing:1.6px;color:#a2cec6;margin-bottom:5px}
.bluezip-page .bz-repair-head b{font-size:21px;color:#effff9}
.bluezip-page .bz-repair-check{margin-left:auto;color:#a5f8d8;font-size:29px}
.bluezip-page .bz-repair-labels{display:grid;grid-template-columns:1fr 1fr;font:14px var(--bz-mono);letter-spacing:1.5px;color:#a9c6d1;padding:0 11px 8px}
.bluezip-page .bz-repair-labels span:last-child{padding-left:18px;color:#9ceac8}
.bluezip-page .bz-repair-row{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 14px;gap:8px;align-items:center;height:45px;padding:10px;border-top:1px solid #92dfca25;font-size:14px;line-height:1.2}
.bluezip-page .bz-repair-row code{font:14px 'Pretendard Variable',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal;color:#c8ffe8}
.bluezip-page .bz-repair-row code:first-child{color:#c497a4;text-decoration:line-through}
.bluezip-page .bz-repair-row>span,.bluezip-page .bz-repair-row i{font-style:normal;color:#8af5c8}
.bluezip-page .bz-repair-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #92dfca25;padding-top:12px;font:14px var(--bz-mono);letter-spacing:1px;color:#95b8bb}
.bluezip-page .bz-repair-footer b{color:#a6f7d8;font-size:16px}
.bluezip-page .bz-flow-repair.is-visible .bz-repair-row code:last-of-type{animation:bz-name-reveal .65s both}
.bluezip-page .bz-flow-repair.is-visible .bz-repair-row:nth-child(4) code:last-of-type{animation-delay:.12s}
.bluezip-page .bz-flow-repair.is-visible .bz-repair-row:nth-child(5) code:last-of-type{animation-delay:.24s}
.bluezip-page .bz-extract-window{position:absolute;inset:0 15px 41px 0;background:#f3f7ff;border:1px solid #bfd4ff;border-radius:12px;color:#263e61;box-shadow:0 20px 60px #030d3580;overflow:hidden}
.bluezip-page .bz-extract-bar{display:flex;align-items:center;gap:10px;padding:14px 16px;font:14px var(--bz-mono);border-bottom:1px solid #dce5f3}
.bluezip-page .bz-extract-bar>span:last-child{margin-left:auto;color:#8798b7}
.bluezip-page .bz-folder-icon{display:inline-block;width:18px;height:13px;background:#edbd57;border-radius:2px;box-shadow:-3px -3px 0 -1px #e0a835}
.bluezip-page .bz-extract-path{margin:12px 16px;padding:8px 12px;border:1px solid #dce5f3;border-radius:5px;font:14px var(--bz-mono);white-space:nowrap;overflow:hidden}
.bluezip-page .bz-extract-path span{padding:0 9px;color:#8091aa}
.bluezip-page .bz-extracted-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:10px 20px 17px}
.bluezip-page .bz-extracted-files>div{min-width:0;text-align:center}
.bluezip-page .bz-extracted-files i{position:relative;display:grid;place-items:center;width:46px;height:56px;border-radius:4px 13px 4px 4px;background:#e0eaff;color:#5277d8;border:1px solid #b5c9f4;font:600 14px var(--bz-mono);margin:0 auto 8px}
.bluezip-page .bz-extracted-files>div:nth-child(2) i{background:#e4ddfb;color:#8360c8;border-color:#c9b8ed}
.bluezip-page .bz-extracted-files>div:nth-child(3) i{background:#ffe6df;color:#bf725f;border-color:#f2bdaf}
.bluezip-page .bz-extracted-files code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:14px 'Pretendard Variable',sans-serif}
.bluezip-page .bz-extract-progress{height:3px;margin:0 20px;background:#d4dfef;overflow:hidden}
.bluezip-page .bz-extract-progress span{display:block;height:100%;background:#467cf4;transform-origin:left}
.bluezip-page .is-visible .bz-extract-progress span{animation:bz-extract-fill 1s both}
.bluezip-page .is-visible .bz-extracted-files>div{animation:bz-file-out .7s .15s both}
.bluezip-page .is-visible .bz-extracted-files>div:nth-child(2){animation-delay:.28s}
.bluezip-page .is-visible .bz-extracted-files>div:nth-child(3){animation-delay:.4s}
.bluezip-page .bz-extract-done{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;color:#5e7694}
.bluezip-page .bz-extract-done>span{color:#279c79}.bluezip-page .bz-extract-done b{margin-left:auto;font:14px var(--bz-mono)}
.bluezip-page .bz-extract-action{position:absolute;bottom:0;right:0;min-width:60%;display:flex;align-items:center;gap:13px;padding:16px 20px;background:#376cea;border:1px solid #b5ccff;border-radius:11px;box-shadow:0 15px 40px #081a5c66;color:#fff;transform:rotate(-3deg)}
.bluezip-page .bz-extract-action>span{font-size:30px;color:#b6d2ff}.bluezip-page .bz-extract-action small{display:block;font:14px var(--bz-mono);letter-spacing:1px;color:#cedeff;margin-bottom:5px}.bluezip-page .bz-extract-action b{font-size:16px}.bluezip-page .bz-extract-action i{font:30px var(--bz-mono);margin-left:auto}
.bluezip-page .bz-flow-controls{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:20px}
.bluezip-page .bz-flow-controls button{font:500 14px 'Pretendard Variable',sans-serif;line-height:1.4;border:1px solid #819dd636;background:#142341;color:#a7badf;padding:10px 5px;border-radius:6px;cursor:pointer;word-break:keep-all;transition:background .2s,border-color .2s,color .2s}
.bluezip-page .bz-flow-controls button span{font:14px var(--bz-mono);margin-right:6px;color:#7fa4f5}
.bluezip-page .bz-flow-controls button[aria-pressed="true"]{background:#2b50a1;border-color:#83acff;color:#fff}
.bluezip-page .bz-flow-controls button:focus-visible{outline:2px solid #b4f4e3;outline-offset:4px}
@keyframes bz-name-reveal{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@keyframes bz-file-out{from{opacity:0;transform:translateY(28px) scale(.6)}to{opacity:1;transform:none}}
@keyframes bz-extract-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.bluezip-page .bz-experience{background:#080e22;--flow-accent:#79a9ff}
.bluezip-page .bz-experience-pin{isolation:isolate;overflow:hidden;padding-block:38px}
.bluezip-page .bz-experience-pin::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 60%,#244ccc66,transparent 57%),linear-gradient(115deg,#080d1e 25%,#101f50);opacity:.9}
.bluezip-page .bz-experience-pin>.bz-container{position:relative}
.bluezip-page .bz-experience-heading{margin-bottom:22px;display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:28px;padding-bottom:27px;border-bottom:1px solid #759cff3b}
.bluezip-page .bz-flow-title{font:700 clamp(48px,5.8vw,84px)/.91 var(--bz-mono);letter-spacing:-.065em;color:#f2f6ff;margin:0}
.bluezip-page .bz-flow-title>span{display:block;color:#88b0ff}
.bluezip-page .bz-flow-arrow{display:inline-block;margin-left:18px;color:#b4f4e3;font-size:.72em;vertical-align:8%;transform:translate(calc(var(--scene)*10px),calc(var(--scene)*-10px))}
.bluezip-page .bz-experience-heading h2{font-size:clamp(22px,2.2vw,31px);line-height:1.35;max-width:380px;padding-bottom:6px;color:#c7d6f7;text-wrap:balance}
.bluezip-page .bz-scene-count{position:static;display:none}
.bluezip-page .bz-experience-grid{grid-template-columns:.78fr 1.22fr;gap:50px}
.bluezip-page .bz-steps{gap:9px}
.bluezip-page .bz-step{position:relative;padding:19px 20px;border:1px solid transparent;border-radius:12px;gap:18px;opacity:.66;transition:background .4s,border-color .4s,opacity .4s,transform .4s}
.bluezip-page .bz-step>span{font:500 27px/1 var(--bz-mono);letter-spacing:-2px;color:#9fb8ee;padding-top:3px}
.bluezip-page .bz-step h3{font-size:26px;margin-bottom:7px}
.bluezip-page .bz-step p{font-size:14px;line-height:1.65;max-width:330px}
.bluezip-page .bz-step.is-active{transform:translateX(0);background:linear-gradient(110deg,#2452c8aa,#1a34794d);border-color:#7ca7ff6b;box-shadow:0 12px 35px #02071840;opacity:1}
.bluezip-page .bz-step.is-active::before{content:'';position:absolute;left:-1px;top:22px;bottom:22px;width:3px;border-radius:3px;background:#a6c8ff;box-shadow:0 0 19px #6199ff}
.bluezip-page .bz-step.is-active>span{color:#b4f4e3}
.bluezip-page .bz-step.is-active p{color:#d1def9}
.bluezip-page .bz-app-stage{padding:49px 20px 8px}
.bluezip-page .bz-flow-status{position:absolute;inset:4px 20px auto;display:flex;justify-content:space-between;gap:15px;font:14px var(--bz-mono);letter-spacing:1.5px;color:#8fa6d3}
.bluezip-page .bz-flow-status b{font-weight:500;color:#b4f4e3}
.bluezip-page .bz-flow-status b::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor;margin-right:8px;vertical-align:1px}
.bluezip-page .bz-stage-grid{inset:-25px;background-size:48px 48px;background-image:linear-gradient(#86abff12 1px,transparent 1px),linear-gradient(90deg,#86abff12 1px,transparent 1px)}
.bluezip-page .bz-flow-orbit{position:absolute;inset:6% -8% 0;border:1px solid #83aaff30;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 0 32px #699bff06,0 0 0 65px #699bff04;pointer-events:none}
.bluezip-page .bz-stage-caption{margin-top:18px;font-size:14px}
.bluezip-page .bz-scene-progress{height:3px;margin-top:24px;background:#92b3ff20;border-radius:3px}
.bluezip-page .bz-scene-progress span{height:3px;background:linear-gradient(90deg,#487aff,#a8e8ec);box-shadow:0 0 15px #81c2ff}
@media(max-width:1100px){.bluezip-page .bz-experience-grid{gap:25px}.bluezip-page .bz-step{padding:17px 15px;gap:13px}.bluezip-page .bz-step h3{font-size:23px}.bluezip-page .bz-flow-title{font-size:64px}}
@media(min-width:921px) and (max-height:850px){.bluezip-page .bz-experience-pin{padding-block:22px}.bluezip-page .bz-flow-title{font-size:62px}.bluezip-page .bz-experience-heading{padding-bottom:20px;margin-bottom:16px}.bluezip-page .bz-step{padding-block:15px}.bluezip-page .bz-scene-progress{margin-top:16px}}
@media(max-width:920px){
 .bluezip-page .bz-experience-pin{padding-block:60px 40px}
 .bluezip-page .bz-experience-heading{grid-template-columns:1fr;gap:23px;margin-bottom:24px;padding-bottom:25px}
 .bluezip-page .bz-flow-title{font-size:clamp(43px,10.5vw,80px)}
 .bluezip-page .bz-flow-arrow{margin-left:14px}
 .bluezip-page .bz-experience-heading h2{font-size:23px;max-width:100%;padding:0}
 .bluezip-page .bz-experience-grid{gap:34px}
 .bluezip-page .bz-step,.bluezip-page .bz-step.is-active{padding:19px 17px;opacity:1;background:#192c554f;border-color:#7ca7ff30}
 .bluezip-page .bz-step.is-active::before{display:none}
 .bluezip-page .bz-step>span,.bluezip-page .bz-step.is-active>span{font-size:23px;color:#a4c1ff}
 .bluezip-page .bz-step h3{font-size:22px}
 .bluezip-page .bz-step p,.bluezip-page .bz-step.is-active p{max-width:none;color:#b6c5e3;font-size:14px}
 .bluezip-page .bz-app-stage{padding:43px 6px 8px}
 .bluezip-page .bz-flow-status{inset:0 6px auto;font-size:14px;letter-spacing:1px}
 .bluezip-page .bz-flow-status b{display:none}
 .bluezip-page .bz-mock{transform:none}
 .bluezip-page .bz-mock-menu{opacity:1;transform:none}
 .bluezip-page .bz-mock-bar{padding:12px}
 .bluezip-page .bz-flow-orbit{inset:10% -4% 2%}
 .bluezip-page .bz-float-one{left:-9px;top:20px}
 .bluezip-page .bz-float-two{right:-6px;top:16px}
 .bluezip-page .bz-stage-caption{margin-top:38px}
}
@media(min-width:921px) and (max-height:740px){.bluezip-page .bz-experience{height:auto}.bluezip-page .bz-experience-pin{position:relative;top:auto;padding-block:55px}.bluezip-page .bz-step{opacity:1}.bluezip-page .bz-scene-progress{display:none}.bluezip-page .bz-mock-menu{opacity:1;transform:none}.bluezip-page .bz-flow-status b{display:none}}
@media(prefers-reduced-motion:reduce){.bluezip-page .bz-mock,.bluezip-page .bz-flow-arrow{transform:none}.bluezip-page .bz-mock-menu{opacity:1;transform:none}.bluezip-page .bz-flow-status b{display:none}}
@media(min-width:921px) and (max-height:850px){.bluezip-page .bz-app-stage{padding-top:29px}.bluezip-page .bz-flow-scenes{height:285px}.bluezip-page .bz-format-card{height:167px}.bluezip-page .bz-flow-repair{padding:18px}.bluezip-page .bz-repair-head{margin-bottom:14px}.bluezip-page .bz-extract-window{bottom:30px}.bluezip-page .bz-extracted-files{padding-block:5px 10px}.bluezip-page .bz-flow-controls{margin-top:15px}.bluezip-page .bz-stage-caption{margin-top:12px}}
@media(max-width:920px){.bluezip-page .bz-flow-scenes{height:290px}.bluezip-page .bz-format-card{width:31%;height:170px;padding:14px 10px}.bluezip-page .bz-format-card>span{font-size:14px;letter-spacing:0}.bluezip-page .bz-format-card b{font-size:40px}.bluezip-page .bz-format-card i{font-size:14px}.bluezip-page .bz-format-seven{left:34.5%}.bluezip-page .bz-format-dock{left:0;right:0;padding:14px 10px;gap:8px}.bluezip-page .bz-format-dock b{font-size:16px}.bluezip-page .bz-format-dock>span:nth-last-child(2){font-size:14px}.bluezip-page .bz-format-dock i{font-size:17px}.bluezip-page .bz-flow-repair{padding:18px 12px}.bluezip-page .bz-repair-head b{font-size:19px}.bluezip-page .bz-repair-row{gap:5px;padding-inline:2px;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 10px}.bluezip-page .bz-repair-row code{font-size:14px}.bluezip-page .bz-extract-window{inset:0 0 33px}.bluezip-page .bz-extracted-files{gap:5px;padding-inline:9px}.bluezip-page .bz-extract-path{font-size:14px;padding-inline:8px}.bluezip-page .bz-extract-path span{padding:0 4px}.bluezip-page .bz-extract-action{padding:12px 15px;min-width:70%}.bluezip-page .bz-extract-action b{font-size:14px}.bluezip-page .bz-flow-controls button{font-size:14px}.bluezip-page .bz-flow-controls button span{display:block;margin:0 0 4px}.bluezip-page .bz-stage-caption{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.bluezip-page .bz-flow-panel{transform:none;transition:none}.bluezip-page .bz-flow-panel *{animation:none!important}}
@media(max-width:920px){.bluezip-page .bz-repair-head{margin-bottom:16px}.bluezip-page .bz-extracted-files{padding-block:5px 10px}.bluezip-page .bz-extracted-files i{height:48px}.bluezip-page .bz-extract-done{padding-top:7px}}