:root{--navy:#12355b;--blue:#1769aa;--red:#e33131;--ink:#17212b;--muted:#617083;--line:#dbe6ef;--soft:#f3f8fd;--card:#fff;--shadow:0 12px 30px rgba(18,53,91,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}.wrap{width:min(1080px,calc(100% - 28px));margin:auto}.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(9px)}.nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:900;color:var(--navy)}.brand img{width:42px;height:42px;object-fit:contain;border-radius:9px}.red{color:var(--red)}nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:13px;font-weight:760;color:#4c6077}nav a:hover{color:var(--blue)}
.hero{background:linear-gradient(120deg,#fff 30%,#edf7ff);border-bottom:1px solid var(--line)}.hero-grid{min-height:410px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:42px;padding:48px 0}.kicker{margin:0 0 5px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.hero h1{font-size:clamp(48px,8vw,78px);line-height:.95;letter-spacing:-.06em;margin:7px 0 17px}.hero h1 span{color:#1478cf}.hero h1 b{color:var(--red)}.lead{font-size:18px;color:#53677d;max-width:680px;margin:0}.hero-logo{display:grid;place-items:center}.hero-logo img{width:min(100%,330px);aspect-ratio:1;object-fit:contain}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:11px 17px;border-radius:11px;font-weight:850;border:1px solid var(--navy)}.primary{background:var(--navy);color:#fff}.primary:hover{background:#0d2948}.secondary{background:#fff;color:var(--navy)}.secondary:hover{background:#f3f7fb}.facts{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.facts span{background:#fff;border:1px solid #dbe7f1;border-radius:999px;padding:5px 9px;color:#466079;font-size:12px;font-weight:750}
.section{padding:54px 0}.section-head{max-width:780px;margin-bottom:24px}.section-head h2,.split h2{font-size:clamp(28px,4vw,40px);line-height:1.08;letter-spacing:-.035em;color:var(--navy);margin:2px 0 8px}.section-head>p:last-child,.split>div>p:last-child{color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature-grid article,.use-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 6px 18px rgba(18,53,91,.045)}.feature-grid article>span{font-size:25px}.feature-grid h3,.use-grid h3{color:var(--navy);margin:8px 0 4px}.feature-grid p{color:var(--muted);font-size:13.5px;margin:0}.formats,.notice,.tip{margin-top:16px;border:1px solid #cfe1f1;background:#eef7ff;border-radius:13px;padding:14px;color:#405c74;font-size:13.5px}.formats b,.tip b{color:var(--navy)}.soft{background:var(--soft);border-top:1px solid #e3edf5;border-bottom:1px solid #e3edf5}.steps{list-style:none;padding:0;counter-reset:steps;display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.steps li{position:relative;background:#fff;border:1px solid var(--line);border-radius:15px;padding:48px 14px 15px;min-height:185px}.steps li:before{counter-increment:steps;content:counter(steps);position:absolute;left:14px;top:14px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:12px;font-weight:900}.steps b,.steps span{display:block}.steps b{color:var(--navy);margin-bottom:5px}.steps span{color:var(--muted);font-size:12.5px}.notice{background:#fff8df;border-color:#ecd794;color:#67551f}.use-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.use-grid h3{margin-top:0}.use-grid ol{padding-left:20px;margin:8px 0 0;color:var(--muted);font-size:13.5px}.use-grid li+li{margin-top:5px}code{background:#edf2f7;border:1px solid #dbe4ec;border-radius:5px;padding:1px 4px;font-size:.9em}.split{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:center}.checklist{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px}.checklist p{margin:7px 0;color:#276047;font-weight:760}.legal>p{color:#52657a}.legal details{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fafcfe}.legal summary{cursor:pointer;color:var(--navy);font-weight:850}.hash{overflow-wrap:anywhere}.footer-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-row div{display:flex;gap:13px;flex-wrap:wrap}footer{padding:20px 0;background:#08274b;color:#c4d2e1;font-size:12.5px}footer a:hover{color:#fff;text-decoration:underline}
.online-section{padding-top:48px}.online-tool{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.tool-tabs{display:flex;background:#edf4fb;border-bottom:1px solid var(--line)}.tool-tab{flex:1;border:0;background:transparent;padding:15px;color:#536b82;font:850 15px inherit;cursor:pointer}.tool-tab.active{background:#fff;color:var(--navy);box-shadow:inset 0 -3px var(--blue)}.tool-panel{padding:22px}.tool-panel[hidden]{display:none}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:15px}.panel-title h3{font-size:23px;color:var(--navy);margin:0}.panel-title p{font-size:13px;color:var(--muted);margin:3px 0 0}.local-badge{white-space:nowrap;border:1px solid #cbe6d5;background:#edf9f1;color:#176a39;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850}.pick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dropbox{position:relative;min-height:115px;border:2px dashed #a9c9e8;border-radius:14px;background:#f8fbff;padding:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;cursor:pointer}.dropbox:hover{border-color:var(--blue);background:#f1f8ff}.dropbox b,.dropbox span{display:block}.dropbox b{color:var(--navy)}.dropbox span{font-size:12px;color:var(--muted);margin-top:3px}.dropbox input{position:absolute;width:1px;height:1px;opacity:0}.dropbox.wide{width:100%}.selection-info{margin-top:10px;border:1px solid #e1e8ef;background:#fafcfe;border-radius:10px;padding:9px 11px;color:#607083;font-size:12.5px}.online-actions{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:12px}.name-field{flex:1;display:flex;flex-direction:column;gap:5px;color:#40566e;font-size:12px;font-weight:800}.name-field input{height:44px;border:1px solid #cbd9e6;border-radius:10px;padding:0 11px;font:500 14px inherit}.online-actions .btn{border:0;cursor:pointer}.online-actions .btn:disabled{opacity:.55;cursor:wait}.progress-box{display:flex;align-items:center;gap:10px;margin-top:12px}.progress-line{flex:1;height:9px;background:#e8eef4;border-radius:999px;overflow:hidden}.progress-line i{display:block;width:0;height:100%;background:var(--blue);transition:width .12s}.progress-box span{min-width:110px;color:var(--muted);font-size:12px}.archive-result{margin-top:13px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.result-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;background:#f1f6fb;color:#405970;font-size:12.5px;font-weight:800}.entry-list{max-height:280px;overflow:auto;padding:5px 12px}.entry{display:flex;align-items:center;gap:9px;padding:8px 3px;border-bottom:1px solid #edf1f5;font-size:12.5px;color:#40566d}.entry span{overflow-wrap:anywhere}.extract-actions{display:flex;gap:9px;flex-wrap:wrap;padding:12px}.extract-actions .btn{cursor:pointer}.browser-help{margin:0;padding:0 12px 12px;color:var(--muted);font-size:12px}.tool-status{border-top:1px solid var(--line);padding:11px 20px;background:#f8fafc;color:#53677c;font-size:12.5px}.tool-status.success{background:#effaf3;color:#176a39}.tool-status.error{background:#fff1f1;color:#a32626}.online-limit{margin-top:12px;border:1px solid #edd99e;background:#fff9e6;border-radius:12px;padding:12px;color:#675820;font-size:12.5px}
@media(max-width:880px){nav a:nth-child(n+3):not(:last-child){display:none}.hero-grid{grid-template-columns:1fr .55fr;min-height:350px}.feature-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.steps li{min-height:150px}.split{grid-template-columns:1fr}}
@media(max-width:560px){.wrap{width:min(100% - 18px,1080px)}.nav{min-height:58px}.nav nav a:not(:first-child):not(:last-child){display:none}.hero-grid{grid-template-columns:1fr;padding:34px 0}.hero-logo{grid-row:1}.hero-logo img{width:180px}.hero h1{font-size:50px}.lead{font-size:15px}.actions .btn{width:100%}.feature-grid,.steps,.use-grid,.pick-grid{grid-template-columns:1fr}.section{padding:38px 0}.steps li{min-height:0}.footer-row{flex-direction:column}.tool-panel{padding:14px}.panel-title{flex-direction:column}.online-actions{align-items:stretch;flex-direction:column}.online-actions .btn,.extract-actions .btn{width:100%}.result-bar{align-items:flex-start;flex-direction:column}}

/* V20260906 quick ZIP/unzip + password */
.easyzip-fields{align-items:end;flex-wrap:wrap}.easyzip-fields .name-field{min-width:220px;flex:1}.unzip-password{display:block;margin:12px 0;max-width:520px}.unzip-password input,.easyzip-fields input{width:100%}.extract-actions{flex-wrap:wrap}.browser-help{line-height:1.55}

/* V20260906b simplified online workflow */
.simple-password{margin:14px 0 10px;max-width:560px}.quick-main-action{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:10px 0 4px}.quick-main-action span{font-size:12.5px;color:var(--muted)}.big-action{min-height:52px;padding:13px 22px;font-size:15px;cursor:pointer}.advanced-box{margin-top:12px;border:1px solid var(--line);border-radius:12px;background:#fafcfe;overflow:hidden}.advanced-box summary{cursor:pointer;padding:11px 13px;color:var(--navy);font-weight:850;font-size:13px}.advanced-box>.online-actions,.advanced-box>.result-bar,.advanced-box>.entry-list,.advanced-box>.extract-actions{margin-left:12px;margin-right:12px}.advanced-box>.extract-actions{margin-bottom:12px}.quick-unzip-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;background:#f4f9ff}.quick-unzip-card div{display:flex;flex-direction:column;gap:2px}.quick-unzip-card b{color:var(--navy)}.quick-unzip-card span{font-size:12.5px;color:var(--muted)}.simple-unzip>.browser-help{padding-top:12px}.unzip-password{margin-bottom:10px}@media(max-width:560px){.quick-main-action,.quick-unzip-card{align-items:stretch;flex-direction:column}.quick-main-action .btn,.quick-unzip-card .btn{width:100%}}